.luq{box-sizing:border-box;max-width:940px;margin:18px auto 26px;padding:24px;background:#fff;border:1px solid #e1e8f0;border-radius:17px;box-shadow:0 10px 35px rgba(30,44,70,.06);color:#26344f;font-size:15px}
.luq *{box-sizing:border-box}
.luq-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.luq-heading small{color:#3363e3;letter-spacing:1px;font-weight:700;font-size:11px}
.luq-heading h2{font-size:26px;font-weight:750;line-height:1.3;margin:2px 0 5px}
.luq-heading p{margin:0;font-size:13px;color:#61728c}
.luq-progress{font-size:12px;color:#60738b;border:1px solid #dae3ed;border-radius:16px;padding:5px 9px;white-space:nowrap}
.luq-main{display:flex;flex-direction:column;gap:9px}
.luq-step{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}
.luq-step.is-active{border-color:#3563df;box-shadow:0 0 0 1px rgba(53,99,223,.08)}
.luq-step.is-future{opacity:.6}
.luq-step.is-done .luq-step-head{background:#f9fafc!important}
.luq-step-head{display:flex!important;align-items:center;gap:12px;width:100%;min-height:52px;padding:11px 14px!important;border:0!important;margin:0!important;box-shadow:none!important;background:transparent!important;color:#27334e!important;text-align:left;text-transform:none!important;font-size:14px!important}
.luq-step-head:hover{background:#f7f9fd!important}
.luq-step-head b{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background:#edf1fa;color:#49658a;font-size:12px}
.luq-step.is-done .luq-step-head b{background:#e4f6ea;color:#238548}
.luq-val{margin-left:auto;font-weight:650;color:#3158d6;font-size:13px}
.luq-panel{padding:0 14px 14px}
.luq-panel[hidden]{display:none!important}
.luq-pills{display:flex;flex-wrap:wrap;gap:8px}
.luq-pill{background:#f8faff!important;color:#293953!important;border:1px solid #dce3ef!important;border-radius:9px!important;font-size:13px!important;padding:10px 14px!important;min-height:40px;line-height:1.2!important;margin:0!important;text-transform:none!important}
.luq-pill:hover,.luq-pill.is-selected{background:#315ee4!important;border-color:#315ee4!important;color:#fff!important}
.luq-model{margin-top:12px}
.luq-model[hidden]{display:none!important}
.luq-model label{font-size:12px;color:#607088;font-weight:650}
.luq-model select{max-width:100%;margin:5px 0 0!important;height:44px!important}
.luq-qty select,.luq-qty .quantity input{margin-bottom:0;max-width:100%}
.luq-qty .variations{margin:0!important}
.luq-qty .variations td{padding:6px 4px}
.luq-link-input input,.luq-link-input textarea{max-width:100%;margin:0!important}
.luq-hint{font-size:12px;line-height:1.55;color:#697892;margin:0 0 10px}
.luq-form-holder form.cart{display:flex;flex-direction:column;gap:9px;margin:0!important}
.luq-form-holder .luq-step{margin:0}
.luq-form-holder .single_add_to_cart_button.luq-original-buy{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(100%)!important}
.luq-form-holder .woocommerce-variation-add-to-cart{position:relative}
.luq-form-holder .single_variation{display:none!important}
.luq-form-holder .single_variation_wrap .wapf:not(.luq-link-input .wapf){display:none}
.luq-checkout{margin-top:16px;border-top:1px solid #edf0f5;padding-top:16px;display:flex;flex-direction:column;gap:10px}
.luq-price{font-weight:750;color:#263452;font-size:18px;min-height:22px}
.luq-price .price{font-size:18px}
.luq-buy{width:100%;appearance:none;background:#315fe8!important;color:#fff!important;border:0!important;border-radius:9px!important;min-height:48px;font-size:16px!important;font-weight:700!important;padding:13px 16px!important;text-transform:none!important;margin:0!important}
.luq-buy:disabled{background:#bdc7dc!important;cursor:not-allowed}
.luq-detail{font-size:13px;color:#315fe8!important;text-align:center}
.luq-detail[hidden]{display:none!important}
.luq-message{font-size:12px;color:#a65f08;margin:0}
.luq-message:empty{display:none}
.luq .wapf-field-container,.luq .wapf-field-row{margin-bottom:8px}
.luq .wapf-input{max-width:100%}

/* Optional theme choices: [likeup_quick_order theme="white"] or theme="navy". */
.luq .luq-theme-switch{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin:-4px 0 12px}
.luq .luq-theme-switch span{margin-right:auto;font-size:12px;font-weight:650;color:#667991}
.luq .luq-theme-option{margin:0!important;padding:6px 12px!important;min-height:32px;border:1px solid #d5ddea!important;border-radius:18px!important;background:#f6f8fc!important;color:#394c68!important;font-size:12px!important;line-height:1.1!important;text-transform:none!important}
.luq .luq-theme-option[aria-pressed="true"]{background:#315be6!important;border-color:#315be6!important;color:white!important}

@media(max-width:767px){.luq{padding:16px 13px;margin:12px 0 24px;border-radius:13px}.luq-heading h2{font-size:24px}.luq-step-head{padding:10px 11px!important}.luq-panel{padding:0 11px 11px}.luq-pill{flex:1 1 28%;padding:10px 6px!important;text-align:center}.luq-main{gap:8px}}

/* Service-specific URL format is displayed above the original product URL field. */
.luq .luq-url-guide{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0 0 12px;padding:11px 13px;border:1px solid #dce5fa;background:#f3f6ff;border-radius:9px}
.luq .luq-url-guide-label{display:block;color:#2d4db0;font-size:12px;font-weight:700}
.luq .luq-url-example{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.5;color:#26375a;background:transparent;padding:0;font-weight:650}
.luq .luq-url-rule{display:block;color:#53647f;font-size:12px;line-height:1.45}
.luq .luq-checkout-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,auto);gap:16px;align-items:end}
.luq .luq-summary{display:flex;flex-direction:column;min-width:0;gap:4px;line-height:1.35}
.luq .luq-summary-title,.luq .luq-price-label{display:block;color:#6b7b90;font-size:12px;font-weight:600}
.luq .luq-summary-service{display:block;font-size:15px;font-weight:750;color:#263452;overflow-wrap:anywhere}
.luq .luq-summary-detail{display:block;font-size:13px;color:#5a6980;overflow-wrap:anywhere}
.luq .luq-price-block{text-align:right;min-width:0}
.luq .luq-price{font-weight:800;font-size:20px;line-height:1.3;margin-top:4px;overflow-wrap:anywhere}
.luq .luq-price .price{font-size:20px}
@media(max-width:480px){
 .luq .luq-checkout-row{grid-template-columns:minmax(0,1fr) minmax(100px,auto);gap:8px}
 .luq .luq-summary-service{font-size:13px}
 .luq .luq-summary-detail{font-size:12px}
 .luq .luq-price{font-size:17px}
 .luq .luq-price .price{font-size:17px}
}

@media (min-width:768px){
.luq.luq--pc-navy{background:#11192f;border-color:#1d2944;color:#f5f7ff;box-shadow:0 17px 40px rgba(13,22,42,.19)}
.luq.luq--pc-navy .luq-heading h2{color:#fff}
.luq.luq--pc-navy .luq-heading small{color:#aebfff}
.luq.luq--pc-navy .luq-heading p,.luq.luq--pc-navy .luq-theme-switch span{color:#c0cbe0}
.luq.luq--pc-navy .luq-progress{color:#dbe5ff;background:#1c2944;border-color:#34425f}
.luq.luq--pc-navy .luq-step{background:#1c2741;border-color:#34405a}
.luq.luq--pc-navy .luq-step.is-active{background:#1d2a4b;border-color:#6482ef;box-shadow:0 0 0 1px rgba(100,130,239,.18)}
.luq.luq--pc-navy .luq-step.is-done .luq-step-head{background:#1a2744!important}
.luq.luq--pc-navy .luq-step-head{color:#e8eefd!important}
.luq.luq--pc-navy .luq-step-head:hover{background:#273756!important}
.luq.luq--pc-navy .luq-step-head b{color:#d2ddfa;background:#34415e}
.luq.luq--pc-navy .luq-step.is-done .luq-step-head b{color:#a6efc6;background:#215343}
.luq.luq--pc-navy .luq-val{color:#a6baff}
.luq.luq--pc-navy .luq-pill{background:#26334f!important;border-color:#43516e!important;color:#f2f5ff!important}
.luq.luq--pc-navy .luq-pill:hover,.luq.luq--pc-navy .luq-pill.is-selected{background:#315be6!important;border-color:#6a84fa!important;color:#fff!important}
.luq.luq--pc-navy .luq-model label,.luq.luq--pc-navy .luq-hint,.luq.luq--pc-navy .wapf-field-label{color:#c2cde3}
.luq.luq--pc-navy .luq-model select,.luq.luq--pc-navy .luq-qty select,.luq.luq--pc-navy .luq-qty input,.luq.luq--pc-navy .luq-link-input input,.luq.luq--pc-navy .luq-link-input textarea,.luq.luq--pc-navy .wapf-input{background:#f7f9ff!important;color:#1e2e4c!important;border-color:#9aaccb!important}
.luq.luq--pc-navy .luq-qty .variations,.luq.luq--pc-navy .luq-qty .variations label,.luq.luq--pc-navy .luq-qty .variations td{color:#e3eafd}
.luq.luq--pc-navy .luq-qty .reset_variations{color:#b9caff}
.luq.luq--pc-navy .luq-checkout{border-color:#35415a}
.luq.luq--pc-navy .luq-price,.luq.luq--pc-navy .luq-price .price{color:#f5f7ff}
.luq.luq--pc-navy .luq-detail{color:#b8caff!important}
.luq.luq--pc-navy .luq-message{color:#ffe0a6}
.luq.luq--pc-navy .luq-buy:disabled{background:#465372!important;color:#d4def0!important}
.luq.luq--pc-navy .luq-theme-option{background:#26334f!important;color:#e2ebff!important;border-color:#43516e!important}
.luq.luq--pc-navy .luq-theme-option[aria-pressed="true"]{background:#315be6!important;color:#fff!important;border-color:#6a84fa!important}
.luq.luq--pc-navy .luq-url-guide{background:#202e4d;border-color:#3a527a}
.luq.luq--pc-navy .luq-url-guide-label{color:#b9caff}
.luq.luq--pc-navy .luq-url-example{color:#f4f7ff}
.luq.luq--pc-navy .luq-url-rule{color:#c4cfe4}
.luq.luq--pc-navy .luq-summary-title,.luq.luq--pc-navy .luq-price-label{color:#adbbd3}
.luq.luq--pc-navy .luq-summary-service{color:#f5f7ff}
.luq.luq--pc-navy .luq-summary-detail{color:#c4cee0}
}
@media (max-width:767px){
.luq.luq--mobile-navy{background:#11192f;border-color:#1d2944;color:#f5f7ff;box-shadow:0 17px 40px rgba(13,22,42,.19)}
.luq.luq--mobile-navy .luq-heading h2{color:#fff}
.luq.luq--mobile-navy .luq-heading small{color:#aebfff}
.luq.luq--mobile-navy .luq-heading p,.luq.luq--mobile-navy .luq-theme-switch span{color:#c0cbe0}
.luq.luq--mobile-navy .luq-progress{color:#dbe5ff;background:#1c2944;border-color:#34425f}
.luq.luq--mobile-navy .luq-step{background:#1c2741;border-color:#34405a}
.luq.luq--mobile-navy .luq-step.is-active{background:#1d2a4b;border-color:#6482ef;box-shadow:0 0 0 1px rgba(100,130,239,.18)}
.luq.luq--mobile-navy .luq-step.is-done .luq-step-head{background:#1a2744!important}
.luq.luq--mobile-navy .luq-step-head{color:#e8eefd!important}
.luq.luq--mobile-navy .luq-step-head:hover{background:#273756!important}
.luq.luq--mobile-navy .luq-step-head b{color:#d2ddfa;background:#34415e}
.luq.luq--mobile-navy .luq-step.is-done .luq-step-head b{color:#a6efc6;background:#215343}
.luq.luq--mobile-navy .luq-val{color:#a6baff}
.luq.luq--mobile-navy .luq-pill{background:#26334f!important;border-color:#43516e!important;color:#f2f5ff!important}
.luq.luq--mobile-navy .luq-pill:hover,.luq.luq--mobile-navy .luq-pill.is-selected{background:#315be6!important;border-color:#6a84fa!important;color:#fff!important}
.luq.luq--mobile-navy .luq-model label,.luq.luq--mobile-navy .luq-hint,.luq.luq--mobile-navy .wapf-field-label{color:#c2cde3}
.luq.luq--mobile-navy .luq-model select,.luq.luq--mobile-navy .luq-qty select,.luq.luq--mobile-navy .luq-qty input,.luq.luq--mobile-navy .luq-link-input input,.luq.luq--mobile-navy .luq-link-input textarea,.luq.luq--mobile-navy .wapf-input{background:#f7f9ff!important;color:#1e2e4c!important;border-color:#9aaccb!important}
.luq.luq--mobile-navy .luq-qty .variations,.luq.luq--mobile-navy .luq-qty .variations label,.luq.luq--mobile-navy .luq-qty .variations td{color:#e3eafd}
.luq.luq--mobile-navy .luq-qty .reset_variations{color:#b9caff}
.luq.luq--mobile-navy .luq-checkout{border-color:#35415a}
.luq.luq--mobile-navy .luq-price,.luq.luq--mobile-navy .luq-price .price{color:#f5f7ff}
.luq.luq--mobile-navy .luq-detail{color:#b8caff!important}
.luq.luq--mobile-navy .luq-message{color:#ffe0a6}
.luq.luq--mobile-navy .luq-buy:disabled{background:#465372!important;color:#d4def0!important}
.luq.luq--mobile-navy .luq-theme-option{background:#26334f!important;color:#e2ebff!important;border-color:#43516e!important}
.luq.luq--mobile-navy .luq-theme-option[aria-pressed="true"]{background:#315be6!important;color:#fff!important;border-color:#6a84fa!important}
.luq.luq--mobile-navy .luq-url-guide{background:#202e4d;border-color:#3a527a}
.luq.luq--mobile-navy .luq-url-guide-label{color:#b9caff}
.luq.luq--mobile-navy .luq-url-example{color:#f4f7ff}
.luq.luq--mobile-navy .luq-url-rule{color:#c4cfe4}
.luq.luq--mobile-navy .luq-summary-title,.luq.luq--mobile-navy .luq-price-label{color:#adbbd3}
.luq.luq--mobile-navy .luq-summary-service{color:#f5f7ff}
.luq.luq--mobile-navy .luq-summary-detail{color:#c4cee0}
}

/* v0.1.8 URL validation and accordion visual clarity. */
.luq .luq-url-error{
 display:flex!important;align-items:flex-start;gap:8px;
 margin:0 0 12px;padding:12px 14px!important;
 background:#fff1f0;border:1px solid #e88a85;border-left:4px solid #cb3838;
 border-radius:8px;color:#a32222!important;font-size:13px!important;
 font-weight:750;line-height:1.55;overflow-wrap:anywhere;
}
.luq .luq-url-error::before{content:"!";font-weight:800;border-radius:50%;width:17px;height:17px;flex:0 0 17px;display:grid;place-items:center;color:#fff;background:#bd2f2f;line-height:1.1;font-size:12px;margin-top:1px}
.luq .luq-url-error[hidden]{display:none!important}
.luq .luq-link-input [aria-invalid="true"]{border-color:#d75050!important;box-shadow:0 0 0 1px #e7a3a3!important}
.luq .luq-step-head>.luq-chevron,.luq .luq-step-head>span:last-child{display:none!important}
.luq .luq-step-head::after{
 content:"";display:block;flex:0 0 8px;width:8px;height:8px;
 margin-left:10px;margin-right:4px;
 border:solid currentColor;border-width:0 2px 2px 0;
 transform:rotate(45deg);transition:transform .18s ease;
 opacity:.75;
}
.luq .luq-step-head[aria-expanded="true"]::after{transform:rotate(225deg)}
@media(min-width:768px){
 .luq.luq--pc-navy .luq-url-error{background:#49262f;border-color:#b05a65;border-left-color:#ffba69;color:#ffe5c5!important}
 .luq.luq--pc-navy .luq-url-error::before{background:#eaa34c;color:#17203a}
}
@media(max-width:767px){
 .luq.luq--mobile-navy .luq-url-error{background:#49262f;border-color:#b05a65;border-left-color:#ffba69;color:#ffe5c5!important}
 .luq.luq--mobile-navy .luq-url-error::before{background:#eaa34c;color:#17203a}
}
/* Until live WooCommerce catalog loads, unavailable SNS options remain visible but cannot be ordered. */
.luq .luq-pill:disabled{opacity:.45;cursor:not-allowed!important;background:#e8ebf1!important;color:#61738a!important;border-color:#d4dce7!important;box-shadow:none!important}
.luq .luq-pill.is-selected:disabled{opacity:.7}

/* v0.2.5 — Mobile-only full-width summary and separate, legible amount row.
   Keep PC side-by-side layout and existing white/navy shortcode themes intact. */
@media (max-width:767px){
 .luq .luq-checkout{width:100%;min-width:0;gap:12px}
 .luq .luq-checkout-row{
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:12px;
  width:100%;
  min-width:0;
 }
 .luq .luq-summary{
  display:flex;flex-direction:column;align-items:flex-start;
  width:100%;min-width:0;gap:5px;
  text-align:left;
 }
 .luq .luq-summary-title{font-size:12px;line-height:1.4}
 .luq .luq-summary-service{font-size:15px;line-height:1.5;overflow-wrap:break-word}
 .luq .luq-summary-detail{font-size:13px;line-height:1.5;overflow-wrap:break-word}
 .luq .luq-price-block{
  display:flex;flex-direction:row;justify-content:space-between;
  align-items:baseline;gap:12px;
  width:100%;min-width:0;
  margin:0;padding:12px 0 0;
  border-top:1px solid #e9edf3;
  text-align:right;
 }
 .luq .luq-price-label{flex:0 0 auto;white-space:nowrap;font-size:12px;text-align:left}
 .luq .luq-price{
  flex:1 1 auto;min-width:0;max-width:100%;
  font-size:18px;line-height:1.45;
  font-weight:800;margin:0!important;
  text-align:right;overflow-wrap:normal;word-break:keep-all;
 }
 .luq .luq-price .price{font-size:inherit;line-height:inherit}
 .luq .luq-price .woocommerce-Price-amount,
 .luq .luq-price .amount{white-space:nowrap}
 .luq .luq-buy{display:block;width:100%;min-height:50px;padding:12px 14px!important}
}
@media (max-width:380px){
 .luq .luq-checkout-row{gap:10px}
 .luq .luq-price-block{gap:8px}
 .luq .luq-price{font-size:16px}
 .luq .luq-summary-service{font-size:14px}
}
@media (max-width:767px){
 .luq.luq--mobile-navy .luq-price-block{border-top-color:#35415a}
}

/* v0.2.7: readable WAPF labels in both independently configured dark themes. */
@media (min-width:768px){
 .luq.luq--pc-navy .luq-link-input .wapf-field-label,
 .luq.luq--pc-navy .luq-link-input .wapf-field-label label,
 .luq.luq--pc-navy .luq-link-input .wapf-field-label span,
 .luq.luq--pc-navy .luq-link-input .wc-pao-addon-name,
 .luq.luq--pc-navy .luq-link-input .wcpa_field_label,
 .luq.luq--pc-navy .luq-link-input .tm-epo-field-label{color:#f2f5ff!important}
 .luq.luq--pc-navy .luq-link-input .wapf-field-description{color:#cad4e9!important}
}
@media (max-width:767px){
 .luq.luq--mobile-navy .luq-link-input .wapf-field-label,
 .luq.luq--mobile-navy .luq-link-input .wapf-field-label label,
 .luq.luq--mobile-navy .luq-link-input .wapf-field-label span,
 .luq.luq--mobile-navy .luq-link-input .wc-pao-addon-name,
 .luq.luq--mobile-navy .luq-link-input .wcpa_field_label,
 .luq.luq--mobile-navy .luq-link-input .tm-epo-field-label{color:#f2f5ff!important}
 .luq.luq--mobile-navy .luq-link-input .wapf-field-description{color:#cad4e9!important}
}
.luq .luq-link-input .wapf-field-label .wapf-required,
.luq .luq-link-input .wapf-field-label .required{color:#ec8585!important}
.luq .luq-comment-warning{
 display:block!important;margin:7px 0 10px!important;
 padding:11px 12px!important;border:1px solid #e2aaa7;border-left:4px solid #c43b37;
 border-radius:7px;color:#a12822!important;background:#fff1f0!important;
 font-size:13px!important;line-height:1.55;font-weight:650;
 overflow-wrap:anywhere;white-space:normal
}
.luq .luq-comment-warning[hidden]{display:none!important}
.luq .luq-link-input textarea[aria-invalid="true"]{border-color:#d84a4a!important;box-shadow:0 0 0 1px #eaa9a9!important}
@media (min-width:768px){
 .luq.luq--pc-navy .luq-comment-warning{background:#4a2a34!important;color:#fff0cf!important;border-color:#b96972;border-left-color:#ffbd75}
}
@media (max-width:767px){
 .luq.luq--mobile-navy .luq-comment-warning{background:#4a2a34!important;color:#fff0cf!important;border-color:#b96972;border-left-color:#ffbd75}
}
