/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ CUSTOMER DASHBOARD – WRAPPERS & TITLES
───────────────────────────────────────────────────────────*/

/* glassy wrapper around each dashboard “block” */
.customer-account-index .column .block{
    width:100%;
    margin-block-end:2.4rem;
    padding:2rem 2.4rem;

    background:var(--cg-surface,#eef0fa);
    border:1px solid var(--cg-surface-edge,#d9dcf0);
    border-radius:18px;
    box-shadow:0 4px 12px rgba(0,0,0,.06);
}

/* unified flex header (title + action link) */
.account .column.main .block:not(.widget) .block-title,
.customer-account-index .column .block-title{
    display:flex; align-items:center; justify-content:space-between;
    gap:1rem;

    padding-block-end:1rem;
    margin-block-end:1.6rem;
    background:transparent !important;
    border-bottom:1px solid var(--cg-surface-edge,#d9dcf0);
}

.account .column.main .block:not(.widget) .block-title strong{
    font:600 1.7rem/1.2 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue,#2d337f);
}

/* inline “View All” / “Edit” links share look‑and‑feel */
.block-title .action{
    display:inline-flex; align-items:center; gap:.35rem;
    font:600 1.25rem/1 var(--cg-font);
    color:var(--cg-accent,#b89b65);
    text-decoration:none;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.block-title .action:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px); outline:none;
}

/* SVG eye icon for “View All” */
.block-title .action.view::after{
    content:'' !important; font-family:initial !important;
    display:inline-block; width:1.4rem; height:1.4rem;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

/* SVG pencil icon for “Edit” */
.block-title .action.edit::after{
    content:'' !important; font-family:initial !important;
    display:inline-block; width:1.4rem; height:1.4rem; margin-left:.35rem;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
/*───────────────────────────────────────────────────────────
  INNER BOXES (contact‑info, newsletter, addresses)
───────────────────────────────────────────────────────────*/
.box.box-information,
.box.box-newsletter,
.box.box-billing-address,
.box.box-shipping-address{
    border:1px solid var(--cg-surface-edge,#d9dcf0);
    border-radius:14px;
    padding:1.8rem 2rem;
    margin-block-end:1.8rem;

    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* small heading inside each box */
.box-title{
    display:flex; align-items:center; justify-content:space-between;
    margin-block-end:.9rem;
    font:600 1.4rem/1.2 var(--cg-font);
    color:var(--cg-blue);
}
.box-title::after{
    content:''; flex:1; margin-left:1rem;
    height:1px; opacity:.6;
    background:repeating-linear-gradient(to right,
               var(--cg-surface-edge) 0 4px, transparent 4px 8px);
}

/* plain text inside boxes */
.box-content address,
.box-content p,
.product.attribute.sku .type,
.product.attribute.sku .value{
    font:500 1.25rem/1.55 var(--cg-font);
    color:var(--cg-neutral,#4b4f5a);
}
.product.attribute.sku .type::after{content:':'}

/* edit / manage buttons inside boxes */
.box-actions{ margin-top:1.2rem; }
.box-actions .action{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:2.8rem; padding:0 1.6rem;
    font:600 1.2rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    border:1px solid rgba(45,51,127,.12);
    border-radius:18px;
    text-decoration:none;
    transition:background .18s,color .18s,transform .18s cubic-bezier(.16,.8,.36,1);
}
.box-actions .action:is(:hover,:focus){
    background:var(--cg-accent); color:#fff;
    transform:translateY(-2px); outline:none;
}

/* two‑column float (desktop) */
@media (min-width:769px){
    .account .column.main .block-content .box{
        width:48%; float:left; margin-inline-end:4%;
    }
    .account .column.main .block-content .box:nth-child(2n){
        margin-inline-end:0;
    }
}
/*───────────────────────────────────────────────────────────
  ORDER‑STATUS  ✧  PREMIUM GLASS PILL
───────────────────────────────────────────────────────────*/
.order-status{
    display:inline-flex !important; align-items:center; justify-content:center;
    min-width:6.2rem; padding:.35rem 1.3rem .3rem;

    font:600 1.25rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    text-transform:capitalize; color:#fff !important;

    border:none !important; border-radius:18px !important;
    backdrop-filter:blur(8px) saturate(140%);
    box-shadow:
        0 1px 1px rgba(255,255,255,.25) inset,
        0 3px 6px rgba(0,0,0,.08) inset,
        0 4px 12px rgba(0,0,0,.12);
    transition:transform .18s cubic-bezier(.16,.8,.36,1),
               box-shadow .18s cubic-bezier(.16,.8,.36,1);
}
.order-status.complete   {background:color-mix(in srgb,#0a662e 85%,rgba(255,255,255,.75));}
.order-status.processing {background:color-mix(in srgb,var(--cg-accent) 16%,rgba(255,255,255,.75));}
.order-status.pending    {background:color-mix(in srgb,#e4a300 85%,rgba(255,255,255,.75));}
.order-status.on-hold    {background:color-mix(in srgb,#2d337f 85%,rgba(255,255,255,.75));}
.order-status.canceled,
.order-status.closed     {background:color-mix(in srgb,#8e2222 85%,rgba(255,255,255,.75));}

.order-status:is(:hover,:focus-visible){
    transform:translateY(-2px);
    box-shadow:
        0 1px 1px rgba(255,255,255,.28) inset,
        0 5px 10px rgba(0,0,0,.10) inset,
        0 6px 18px rgba(0,0,0,.14);
}

@media (prefers-reduced-motion:reduce){
    .order-status,
    .order-status:is(:hover,:focus-visible){transition:none; transform:none;}
}
/*───────────────────────────────────────────────────────────
  RECENT‑ORDERS – GLASS CARD & RESPONSIVE TABLE
───────────────────────────────────────────────────────────*/

/* ----- CARD SHELL ----- */
.customer-account-index .block-dashboard-orders{
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%) !important;
    backdrop-filter:blur(12px) saturate(145%) !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:18px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
    padding:2rem 2.4rem !important;
}

/* ----- TABLE WRAPPER ----- */
.customer-account-index .block-dashboard-orders .table-wrapper.orders-recent{
    margin:0 !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:14px !important;
    overflow-x:auto !important;

    box-shadow:
        0 1px 3px rgba(255,255,255,.25) inset,
        0 4px 12px rgba(0,0,0,.05) inset !important;
}

/* ----- TABLE BASE ----- */
.customer-account-index .block-dashboard-orders table.table-order-items{
    width:100%; border-collapse:separate !important; border-spacing:0 !important;
    font-size:1.25rem;
}

/* Header cells – single definition */
.customer-account-index .block-dashboard-orders table.table-order-items thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%) !important;
    backdrop-filter:blur(8px) saturate(155%) !important;

    color:var(--cg-blue) !important;
    font:600 1.15rem/1 var(--cg-font) !important;
    letter-spacing:.1px; text-align:center;
    padding:1rem 1.4rem !important;

    border-right:1px solid rgba(45,51,127,.10) !important;
    border-bottom:1px solid rgba(45,51,127,.10) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items thead th:last-child{
    border-right:none !important;
}

/* Body cells */
.customer-account-index .block-dashboard-orders table.table-order-items tbody td{
    padding:1rem 1.4rem !important;
    font:500 1.25rem/1.45 var(--cg-font) !important;

    border-right:1px solid rgba(45,51,127,.06) !important;
    border-bottom:1px solid rgba(45,51,127,.06) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items tbody td:last-child{
    border-right:none !important;
}

/* Alignment tweaks */
.customer-account-index .block-dashboard-orders table.table-order-items td.col.total{ text-align:right !important; }
.customer-account-index .block-dashboard-orders table.table-order-items td.col.actions,
.customer-account-index .block-dashboard-orders table.table-order-items td.col.status { text-align:center !important; }

/* Alternating glass stripes */
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue)   3%,#fff 97%) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%) !important;
}

/* Hover tint */
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%) !important;
    transition:background .18s ease;          /* safe: purely visual */
}

/* “Reorder” link */
.customer-account-index .block-dashboard-orders .action.order{
    font-weight:600 !important;
    color:var(--cg-accent) !important;
    text-decoration:none !important;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.customer-account-index .block-dashboard-orders .action.order:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000) !important;
    transform:translateY(-2px) !important;
}

/* ----- MOBILE STACK ≤ 640 px ----- */
@media (max-width:640px){
    /* hide header row but keep it for a11y */
    .customer-account-index .block-dashboard-orders table.table-order-items thead{
        position:absolute !important; clip:rect(0 0 0 0) !important;
        height:1px !important; width:1px !important; overflow:hidden !important;
    }

    .customer-account-index .block-dashboard-orders table.table-order-items tbody tr{
        display:block !important;
        border-bottom:1px solid rgba(45,51,127,.08) !important;
    }

    .customer-account-index .block-dashboard-orders table.table-order-items tbody td{
        display:flex !important; justify-content:space-between !important;
        align-items:center !important; padding:.9rem 1.2rem !important;
        border-right:none !important;
    }
    .customer-account-index .block-dashboard-orders table.table-order-items tbody td::before{
        content:attr(data-th) !important;
        font-weight:600 !important; color:var(--cg-blue) !important;
    }
}

/* reduced‑motion */
@media (prefers-reduced-motion:reduce){
    .customer-account-index .block-dashboard-orders table.table-order-items tbody tr:hover,
    .customer-account-index .block-dashboard-orders .action.order{ transition:none !important; }
}
/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ RECENT‑REVIEWS CARD
───────────────────────────────────────────────────────────*/

/* 1 ▸ Card wrapper already picks up generic .block rules   */
/* 2 ▸ List reset (kept, but ensure strongest specificity) */
.block-reviews-dashboard .items{
    list-style:none; margin:0; padding:0;
}

/* 3 ▸ List items – alternating glass stripes + separator  */
.block-reviews-dashboard .items .item{
    padding:.9rem 1rem;
    border-bottom:1px solid rgba(45,51,127,.08);
    font-size:0;              /* collapse whitespace between <strong> */

    /* subtle glass stripes */
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item:last-child{border-bottom:none;}

/* 4 ▸ Product name link */
/*───────────────────────────────────────────────────────────
  Reviews list ▸ product‑name link – calmer default colour
───────────────────────────────────────────────────────────*/
.block-reviews-dashboard .product-name a{
    /* same layout & type spec, just quieter colour */
    display:block;                       /* one rule = no duplicates   */
    font:600 1.25rem/1.45 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a);     /* neutral grey, not blue     */
    text-decoration:none;

    /* underline kept for brand accent on hover */
    background-image:linear-gradient(to right,var(--cg-accent,#b89b65) 0 100%);
    background-position:left bottom;
    background-size:0 2px;
    background-repeat:no-repeat;

    transition:
        background-size .35s var(--cg-ease-smooth),
        color           var(--cg-dur-short),
        transform       var(--cg-dur-short) var(--cg-ease-smooth);
}

.block-reviews-dashboard .product-name a:is(:hover,:focus-visible){
    color:var(--cg-accent,#b89b65);      /* only turns gold on action  */
    background-size:100% 2px;
    transform:translateY(-2px);
}


/* 5 ▸ Row hover tint sits on top of stripes */
.block-reviews-dashboard .items .item:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* 6 ▸ Reduced‑motion fallback */
@media (prefers-reduced-motion:reduce){
    .block-reviews-dashboard .product-name a,
    .block-reviews-dashboard .items .item:hover{transition:none;}
}
/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ DASHBOARD ‑ CARD HEADLINE
───────────────────────────────────────────────────────────*/
.account .column.main .block:not(.widget) .block-title strong{
    /* modern type */
    font:700 1.9rem/1.25 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    letter-spacing:.25px;
    color:var(--cg-blue,#2d337f);

    /* decorative underline (accent gold) */
    position:relative;
}
.account .column.main .block:not(.widget) .block-title strong::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:-.25em;           /* sits just under baseline */
    height:3px;
    background:linear-gradient(90deg,
                var(--cg-accent,#b89b65) 0%,
                color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%);
    border-radius:3px;
    transform-origin:left;
    transform:scaleX(.15);
    transition:transform .45s cubic-bezier(.16,.8,.36,1);
}

/* lift & animate underline on parent hover/focus */
.account .column.main .block:not(.widget) .block-title:hover   strong::after,
.account .column.main .block:not(.widget) .block-title:focus-within strong::after{
    transform:scaleX(1);
}

/* optional gentle rise when headline itself is hovered */
.account .column.main .block:not(.widget) .block-title strong:is(:hover,:focus){
   
    transition:transform .25s cubic-bezier(.16,.8,.36,1);
}

/* reduced‑motion fallback */
@media (prefers-reduced-motion:reduce){
    .account .column.main .block:not(.widget) .block-title strong,
    .account .column.main .block:not(.widget) .block-title strong::after{
        transition:none;
    }
}
/*──────────────────────────────────────────────
  Captain‑Greek · Dashboard / Product Body Text
──────────────────────────────────────────────*/

/* 1 ▸ Base paragraph / address / SKU line
   ---------------------------------------------------------- */
.box-content address,
.box-content p,
.product.attribute.sku .type,
.product.attribute.sku .value{
    /* Modern text‑stack & size */
    font:500 1.25rem/1.55 var(--cg-font,"Inter","Helvetica Neue",sans-serif);

    /* Calm grey that matches other body copy        */
    color:var(--cg-neutral,#4b4f5a);

    /* Trim extra top / bottom space                 */
    margin-block:0.35rem 0.45rem;
}

/* 2 ▸ Lead line emphasis (first logical child only)
   ‑‑ keeps hierarchy without drowning the card in blue */
.box-content address > :first-child,
.box-content p:first-of-type,
.product.attribute.sku .type{
    font-weight:600;                         /* subtle bold    */
   color:var(--cg-neutral,#4b4f5a);
}

/* 3 ▸ Colon after the “SKU” label */
.product.attribute.sku .type::after{content:':'}

/* 4 ▸ Telephone links inherit colour, lift on hover */
.box-content address a[href^="tel"]{
    color:inherit;
    text-decoration:none;
    transition:color .18s ease;
}
.box-content address a[href^="tel"]:hover{
    color:var(--cg-accent,#b89b65);
}

/* 5 ▸ Optional: remove bullet before phone if present */
.box-content address a[href^="tel"]::before{content:none}

/* 6 ▸ Reduced‑motion safety */
@media (prefers-reduced-motion:reduce){
    .box-content address a[href^="tel"]{transition:none;}
}
/*───────────────────────────────────────────────────────────
  Captain‑Greek ▸ Dashboard ▸ Address block readability fix
───────────────────────────────────────────────────────────*/

/* 1 ▸ Base <address> element  ───────────────────────────── */
.box-content address{
    display:block;                /* full‑width flow box                */
    margin:0;                     /* remove browser default indent      */
    white-space:normal;           /* allow normal wrapping              */
    font:500 1.25rem/1.55 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a); /* same quiet grey as body copy    */
    text-align:left;              /* never centre                       */
}

/* 2 ▸ Force every <br> into a visual new line  ──────────── */
.box-content address br{
    display:block;                /* acts like <p> break                */
    content:"";                   /* ensures the break is rendered      */
    line-height:1.2rem;           /* ~6 px vertical gap                 */
}

/* 3 ▸ Telephone link inherits neutral tone  ─────────────── */
.box-content address a[href^="tel"]{
    color:inherit;                /* no brand‑blue, keep grey           */
    text-decoration:none;         /* phone numbers rarely underline     */
    font-weight:500;
}

/* optional: subtle “T:” label bullet so phone stands apart  */
.box-content address a[href^="tel"]::before{
    content:"";
    opacity:.65;
}

/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ CUSTOMER DASHBOARD – WRAPPERS & TITLES
───────────────────────────────────────────────────────────*/

/* glassy wrapper around each dashboard “block” */
.customer-account-index .column .block{
    width:100%;
    margin-block-end:2.4rem;
    padding:2rem 2.4rem;

    background:var(--cg-surface,#eef0fa);
    border:1px solid var(--cg-surface-edge,#d9dcf0);
    border-radius:18px;
    box-shadow:0 4px 12px rgba(0,0,0,.06);
    
}

/* unified flex header (title + action link) */
.account .column.main .block:not(.widget) .block-title,
.customer-account-index .column .block-title{
    display:flex; align-items:center; justify-content:space-between;
    gap:1rem;

    padding-block-end:1rem;
    margin-block-end:1.6rem;
    background:transparent !important;
    border-bottom:1px solid var(--cg-surface-edge,#d9dcf0);
}

.account .column.main .block:not(.widget) .block-title strong{
    font:600 1.7rem/1.2 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue,#2d337f);
}

/* inline “View All” / “Edit” links share look‑and‑feel */
.block-title .action{
    display:inline-flex; align-items:center; gap:.35rem;
    font:600 1.25rem/1 var(--cg-font);
    color:var(--cg-accent,#b89b65);
    text-decoration:none;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.block-title .action:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px); outline:none;
}

/* SVG eye icon for “View All” */
.block-title .action.view::after{
    content:'' !important; font-family:initial !important;
    display:inline-block; width:1.4rem; height:1.4rem;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

/* SVG pencil icon for “Edit” */
.block-title .action.edit::after{
    content:'' !important; font-family:initial !important;
    display:inline-block; width:1.4rem; height:1.4rem; margin-left:.35rem;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
/*───────────────────────────────────────────────────────────
  INNER BOXES (contact‑info, newsletter, addresses)
───────────────────────────────────────────────────────────*/
.box.box-information,
.box.box-newsletter,
.box.box-billing-address,
.box.box-shipping-address{
    border:1px solid var(--cg-surface-edge,#d9dcf0);
    border-radius:14px;
    padding:1.8rem 2rem;
    margin-block-end:1.8rem;

    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* small heading inside each box */
.box-title{
    display:flex; align-items:center; justify-content:space-between;
    margin-block-end:.9rem;
    font:600 1.4rem/1.2 var(--cg-font);
    color:var(--cg-blue);
}
.box-title::after{
    content:''; flex:1; margin-left:1rem;
    height:1px; opacity:.6;
    background:repeating-linear-gradient(to right,
               var(--cg-surface-edge) 0 4px, transparent 4px 8px);
}

/* plain text inside boxes */
.box-content address,
.box-content p,
.product.attribute.sku .type,
.product.attribute.sku .value{
    font:500 1.25rem/1.55 var(--cg-font);
    color:var(--cg-neutral,#4b4f5a);
}
.product.attribute.sku .type::after{content:':'}

/* edit / manage buttons inside boxes */
.box-actions{ margin-top:1.2rem; }
.box-actions .action{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:2.8rem; padding:0 1.6rem;
    font:600 1.2rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    border:1px solid rgba(45,51,127,.12);
    border-radius:18px;
    text-decoration:none;
    transition:background .18s,color .18s,transform .18s cubic-bezier(.16,.8,.36,1);
}
.box-actions .action:is(:hover,:focus){
    background:var(--cg-accent); color:#fff;
    transform:translateY(-2px); outline:none;
}

/* two‑column float (desktop) */
@media (min-width:769px){
    .account .column.main .block-content .box{
        width:48%; float:left; margin-inline-end:4%;
    }
    .account .column.main .block-content .box:nth-child(2n){
        margin-inline-end:0;
    }
}
/*───────────────────────────────────────────────────────────
  ORDER‑STATUS  ✧  PREMIUM GLASS PILL
───────────────────────────────────────────────────────────*/
.order-status{
    display:inline-flex !important; align-items:center; justify-content:center;
    min-width:6.2rem; padding:.35rem 1.3rem .3rem;

    font:600 1.25rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    text-transform:capitalize; color:#fff !important;

    border:none !important; border-radius:18px !important;
    backdrop-filter:blur(8px) saturate(140%);
    box-shadow:
        0 1px 1px rgba(255,255,255,.25) inset,
        0 3px 6px rgba(0,0,0,.08) inset,
        0 4px 12px rgba(0,0,0,.12);
    transition:transform .18s cubic-bezier(.16,.8,.36,1),
               box-shadow .18s cubic-bezier(.16,.8,.36,1);
}
.order-status.complete   {background:color-mix(in srgb,#0a662e 85%,rgba(255,255,255,.75));}
.order-status.processing {background:color-mix(in srgb,var(--cg-accent) 16%,rgba(255,255,255,.75));}
.order-status.pending    {background:color-mix(in srgb,#e4a300 85%,rgba(255,255,255,.75));}
.order-status.on-hold    {background:color-mix(in srgb,#2d337f 85%,rgba(255,255,255,.75));}
.order-status.canceled,
.order-status.closed     {background:color-mix(in srgb,#8e2222 85%,rgba(255,255,255,.75));}

.order-status:is(:hover,:focus-visible){
    transform:translateY(-2px);
    box-shadow:
        0 1px 1px rgba(255,255,255,.28) inset,
        0 5px 10px rgba(0,0,0,.10) inset,
        0 6px 18px rgba(0,0,0,.14);
}

@media (prefers-reduced-motion:reduce){
    .order-status,
    .order-status:is(:hover,:focus-visible){transition:none; transform:none;}
}
/*───────────────────────────────────────────────────────────
  RECENT‑ORDERS – GLASS CARD & RESPONSIVE TABLE
───────────────────────────────────────────────────────────*/

/* ----- CARD SHELL ----- */
.customer-account-index .block-dashboard-orders{
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%) !important;
    backdrop-filter:blur(12px) saturate(145%) !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:18px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
    padding:2rem 2.4rem !important;
}

/* ----- TABLE WRAPPER ----- */
.customer-account-index .block-dashboard-orders .table-wrapper.orders-recent{
    margin:0 !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:14px !important;
    overflow-x:auto !important;

    box-shadow:
        0 1px 3px rgba(255,255,255,.25) inset,
        0 4px 12px rgba(0,0,0,.05) inset !important;
}

/* ----- TABLE BASE ----- */
.customer-account-index .block-dashboard-orders table.table-order-items{
    width:100%; border-collapse:separate !important; border-spacing:0 !important;
    font-size:1.25rem;
}

/* Header cells – single definition */
.customer-account-index .block-dashboard-orders table.table-order-items thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%) !important;
    backdrop-filter:blur(8px) saturate(155%) !important;

    color:var(--cg-blue) !important;
    font:600 1.15rem/1 var(--cg-font) !important;
    letter-spacing:.1px; text-align:center;
    padding:1rem 1.4rem !important;

    border-right:1px solid rgba(45,51,127,.10) !important;
    border-bottom:1px solid rgba(45,51,127,.10) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items thead th:last-child{
    border-right:none !important;
}

/* Body cells */
.customer-account-index .block-dashboard-orders table.table-order-items tbody td{
    padding:1rem 1.4rem !important;
    font:500 1.25rem/1.45 var(--cg-font) !important;

    border-right:1px solid rgba(45,51,127,.06) !important;
    border-bottom:1px solid rgba(45,51,127,.06) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items tbody td:last-child{
    border-right:none !important;
}

/* Alignment tweaks */
.customer-account-index .block-dashboard-orders table.table-order-items td.col.total{ text-align:right !important; }
.customer-account-index .block-dashboard-orders table.table-order-items td.col.actions,
.customer-account-index .block-dashboard-orders table.table-order-items td.col.status { text-align:center !important; }

/* Alternating glass stripes */
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue)   3%,#fff 97%) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%) !important;
}

/* Hover tint */
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%) !important;
    transition:background .18s ease;          /* safe: purely visual */
}

/* “Reorder” link */
.customer-account-index .block-dashboard-orders .action.order{
    font-weight:600 !important;
    color:var(--cg-accent) !important;
    text-decoration:none !important;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.customer-account-index .block-dashboard-orders .action.order:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000) !important;
    transform:translateY(-2px) !important;
}

/* ----- MOBILE STACK ≤ 640 px ----- */
@media (max-width:640px){
    /* hide header row but keep it for a11y */
    .customer-account-index .block-dashboard-orders table.table-order-items thead{
        position:absolute !important; clip:rect(0 0 0 0) !important;
        height:1px !important; width:1px !important; overflow:hidden !important;
    }

    .customer-account-index .block-dashboard-orders table.table-order-items tbody tr{
        display:block !important;
        border-bottom:1px solid rgba(45,51,127,.08) !important;
    }

    .customer-account-index .block-dashboard-orders table.table-order-items tbody td{
        display:flex !important; justify-content:space-between !important;
        align-items:center !important; padding:.9rem 1.2rem !important;
        border-right:none !important;
    }
    .customer-account-index .block-dashboard-orders table.table-order-items tbody td::before{
        content:attr(data-th) !important;
        font-weight:600 !important; color:var(--cg-blue) !important;
    }
}

/* reduced‑motion */
@media (prefers-reduced-motion:reduce){
    .customer-account-index .block-dashboard-orders table.table-order-items tbody tr:hover,
    .customer-account-index .block-dashboard-orders .action.order{ transition:none !important; }
}
/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ RECENT‑REVIEWS CARD
───────────────────────────────────────────────────────────*/

/* 1 ▸ Card wrapper already picks up generic .block rules   */
/* 2 ▸ List reset (kept, but ensure strongest specificity) */
.block-reviews-dashboard .items{
    list-style:none; margin:0; padding:0;
}

/* 3 ▸ List items – alternating glass stripes + separator  */
.block-reviews-dashboard .items .item{
    padding:.9rem 1rem;
    border-bottom:1px solid rgba(45,51,127,.08);
    font-size:0;              /* collapse whitespace between <strong> */

    /* subtle glass stripes */
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item:last-child{border-bottom:none;}

/* My Recent Reviews – product‐name link */
.block-reviews-dashboard .product-name a{
    display:block;                               /* avoid duplicate rules  */
    font:600 1.25rem/1.45 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:color-mix(in srgb,var(--cg-blue) 25%,var(--cg-neutral) 75%) !important;
    text-decoration:none;



    /* animated underline */
    background-image:linear-gradient(
        to right,
        var(--cg-accent,#b89b65) 0 100%
    );
    background-position:left bottom;
    background-size:0% 2px;
    background-repeat:no-repeat;

    transition:
        background-size .4s cubic-bezier(.16,.8,.36,1),
        color           .25s,
        transform       .18s cubic-bezier(.16,.8,.36,1);
}
.block-reviews-dashboard .product-name a:is(:hover,:focus-visible){
    color:var(--cg-accent);
    background-size:100% 2px;
    transform:translateY(-2px);
}

/* 5 ▸ Row hover tint sits on top of stripes */
.block-reviews-dashboard .items .item:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* 6 ▸ Reduced‑motion fallback */
@media (prefers-reduced-motion:reduce){
    .block-reviews-dashboard .product-name a,
    .block-reviews-dashboard .items .item:hover{transition:none;}
}
/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ DASHBOARD ‑ CARD HEADLINE
───────────────────────────────────────────────────────────*/
.account .column.main .block:not(.widget) .block-title strong{
    /* modern type */
    font:700 1.9rem/1.25 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    letter-spacing:.25px;
    color:var(--cg-blue,#2d337f);

    /* decorative underline (accent gold) */
    position:relative;
}
.account .column.main .block:not(.widget) .block-title strong::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:-.25em;           /* sits just under baseline */
    height:3px;
    background:linear-gradient(90deg,
                var(--cg-accent,#b89b65) 0%,
                color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%);
    border-radius:3px;
    transform-origin:left;
    transform:scaleX(.15);
    transition:transform .45s cubic-bezier(.16,.8,.36,1);
}

/* lift & animate underline on parent hover/focus */
.account .column.main .block:not(.widget) .block-title:hover   strong::after,
.account .column.main .block:not(.widget) .block-title:focus-within strong::after{
    transform:scaleX(1);
}

/* optional gentle rise when headline itself is hovered */
.account .column.main .block:not(.widget) .block-title strong:is(:hover,:focus){
   
    transition:transform .25s cubic-bezier(.16,.8,.36,1);
}

/* reduced‑motion fallback */
@media (prefers-reduced-motion:reduce){
    .account .column.main .block:not(.widget) .block-title strong,
    .account .column.main .block:not(.widget) .block-title strong::after{
        transition:none;
    }
}
/*──────────────────────────────────────────────
  Captain‑Greek · Dashboard / Product Body Text
──────────────────────────────────────────────*/

/* 1 ▸ Base paragraph / address / SKU line
   ---------------------------------------------------------- */
.box-content address,
.box-content p,
.product.attribute.sku .type,
.product.attribute.sku .value{
    /* Modern text‑stack & size */
    font:500 1.25rem/1.55 var(--cg-font,"Inter","Helvetica Neue",sans-serif);

    /* Calm grey that matches other body copy        */
    color:var(--cg-neutral,#4b4f5a);

    /* Trim extra top / bottom space                 */
    margin-block:0.35rem 0.45rem;
}

/* 2 ▸ Lead line emphasis (first logical child only)
   ‑‑ keeps hierarchy without drowning the card in blue */
.box-content address > :first-child,
.box-content p:first-of-type,
.product.attribute.sku .type{
    font-weight:600;                         /* subtle bold    */
   color:var(--cg-neutral,#4b4f5a);
}

/* 3 ▸ Colon after the “SKU” label */
.product.attribute.sku .type::after{content:':'}

/* 4 ▸ Telephone links inherit colour, lift on hover */
.box-content address a[href^="tel"]{
    color:inherit;
    text-decoration:none;
    transition:color .18s ease;
}
.box-content address a[href^="tel"]:hover{
    color:var(--cg-accent,#b89b65);
}

/* 5 ▸ Optional: remove bullet before phone if present */
.box-content address a[href^="tel"]::before{content:none}

/* 6 ▸ Reduced‑motion safety */
@media (prefers-reduced-motion:reduce){
    .box-content address a[href^="tel"]{transition:none;}
}
/*───────────────────────────────────────────────────────────
  Captain‑Greek ▸ Dashboard ▸ Address block readability fix
───────────────────────────────────────────────────────────*/

/* 1 ▸ Base <address> element  ───────────────────────────── */
.box-content address{
    display:block;                /* full‑width flow box                */
    margin:0;                     /* remove browser default indent      */
    white-space:normal;           /* allow normal wrapping              */
    font:500 1.25rem/1.55 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a); /* same quiet grey as body copy    */
    text-align:left;              /* never centre                       */
}

/* 2 ▸ Force every <br> into a visual new line  ──────────── */
.box-content address br{
    display:block;                /* acts like <p> break                */
    content:"";                   /* ensures the break is rendered      */
    line-height:1.2rem;           /* ~6 px vertical gap                 */
}

/* 3 ▸ Telephone link inherits neutral tone  ─────────────── */
.box-content address a[href^="tel"]{
    color:inherit;                /* no brand‑blue, keep grey           */
    text-decoration:none;         /* phone numbers rarely underline     */
    font-weight:500;
}

/* optional: subtle “T:” label bullet so phone stands apart  */
.box-content address a[href^="tel"]::before{
    content:"";
    opacity:.65;
}

/************************************************************
 CAPTAIN GREEK ▸ Customer Dashboard – Premium Polish
 (v2025‑04)  ✦  author: cg‑ui
*************************************************************/

/*-----------------------------------------------------------
 GLOBAL TOKENS (fallbacks already exist in your root)
-----------------------------------------------------------*/
:root{
    --cg-blue        : #2d337f;
    --cg-accent      : #b89b65;
    --cg-neutral     : #4b4f5a;
    --cg-surface     : #f7f8ff;
    --cg-surfaceEdge : #d9dcf0;

    /* motion */
    --cg-dur-short   : .18s;
    --cg-dur-medium  : .35s;
    --cg-ease-smooth : cubic-bezier(.16,.8,.36,1);
}

/*===========================================================
  1 ▸ SECTION HEADERS
===========================================================*/

.account .column.main .block:not(.widget) .block-title strong{
    font:600 1.75rem/1.2 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue);
}



/*-----------------------------------------------------------
 “View All” link (eye icon already replaced earlier)
-----------------------------------------------------------*/
.block-title .action.view{
    font:600 1.25rem var(--cg-font);
    display:inline-flex;align-items:center;gap:.35rem;
    color:var(--cg-accent);text-decoration:none;
    transition:color var(--cg-dur-short),transform var(--cg-dur-short) var(--cg-ease-smooth);
}
.block-title .action.view:is(:hover,:focus-visible){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);
    outline:none;
}

/*===========================================================
  2 ▸ CARD ELEVATION (all dashboard blocks)
===========================================================*/
.customer-account-index .column .block{
    width:100%;
    margin-block-end:2.4rem;
    padding:2rem 2.4rem;
    background:var(--cg-surface);
    border:1px solid var(--cg-surfaceEdge);
    border-radius:18px;
    box-shadow:
        0 1px 3px rgba(255,255,255,.3) inset,
        0 8px 24px rgba(0,0,0,.06);
}

/*===========================================================
  3 ▸ INFO BOXES  (contact / newsletter / addresses)
===========================================================*/
.box.box-information,
.box.box-newsletter,
.box.box-billing-address,
.box.box-shipping-address{
    display:grid;           /* prepares content grid on wide screens  */
    gap:1.4rem;
    border:1px solid var(--cg-surfaceEdge);
    border-radius:14px;
    padding:1.8rem 2rem;
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
}





/*===========================================================
  4 ▸ CALL‑TO‑ACTION BUTTONS
===========================================================*/
.box-actions .action,
.block-title .action.edit,
.block-title .action.view{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:2.8rem;padding:.55rem 1.8rem;
    font:600 1.25rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    border:1px solid rgba(45,51,127,.12);
    border-radius:22px;
    backdrop-filter:blur(8px) saturate(140%);
    box-shadow:
        0 1px 1px rgba(255,255,255,.25) inset,
        0 3px 6px rgba(0,0,0,.08) inset,
        0 4px 12px rgba(0,0,0,.10);
    transition:background var(--cg-dur-short),transform var(--cg-dur-short) var(--cg-ease-smooth);
}
.box-actions .action:is(:hover,:focus-visible){
    background:var(--cg-accent);
    color:#fff;
    transform:translateY(-2px);
    outline:none;
}

/*===========================================================
  5 ▸ “MY RECENT REVIEWS” LIST
===========================================================*/
.block-reviews-dashboard .items .item{
    display:block;
    padding:.85rem 1rem;
    font:600 1.25rem/1.45 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
    border-radius:6px;
    transition:background var(--cg-dur-short),transform var(--cg-dur-short) var(--cg-ease-smooth);
}
.block-reviews-dashboard .items .item:nth-child(even){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item a{
    display:block;text-decoration:none;color:inherit;
}
.block-reviews-dashboard .items .item:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transform:translateY(-2px);
}

/*===========================================================
  6 ▸ RECENT ORDERS TABLE  (header + zebra stripes already in place)
     – replace text “Reorder” with bag icon on ≥992 px
===========================================================*/
@media (min-width:992px){
    .customer-account-index .block-dashboard-orders .action.order span{
        display:none;
    }
    .customer-account-index .block-dashboard-orders .action.order::before{
        content:"";
        display:inline-block;width:1.35rem;height:1.35rem;
        background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center/100% 100% no-repeat;
    }
}

/*===========================================================
  7 ▸ EMPTY‑STATE PLACEHOLDER (if list/table empty)
===========================================================*/
.dashboard-empty{
    display:flex;flex-direction:column;align-items:center;gap:1.2rem;
    padding:2.4rem 1.8rem;border:2px dashed var(--cg-surfaceEdge);
    border-radius:14px;font:500 1.3rem var(--cg-font);color:var(--cg-neutral);
}
.dashboard-empty svg{width:4.8rem;height:4.8rem;stroke:var(--cg-accent);}

/*===========================================================
  8 ▸ OPTIONAL AVATAR (initials fallback)
===========================================================*/
.cg-avatar{
    width:3.8rem;height:3.8rem;border-radius:50%;flex:0 0 3.8rem;
    display:grid;place-items:center;
    font:700 1.4rem/1 var(--cg-font);color:#fff;
    background:var(--cg-blue);
    cursor:pointer;user-select:none;
    transition:transform var(--cg-dur-short) var(--cg-ease-smooth);
}
.cg-avatar:hover{transform:scale(1.05);}
/*───────────────────────────────────────────────────────────
  Contact‑info block – make NAME pop, email calmer
───────────────────────────────────────────────────────────*/
.box.box-information .box-content p{
    margin:0 0 .9rem;                       /* tighten gap under block */
    font:500 1.35rem/1.6 var(--cg-font);    /* slightly larger line‑height */
    color:var(--cg-neutral);                /* keep neutral body colour   */
    text-align:left;                        /* no justification here      */
}
/* first line = customer’s name */
.box.box-information .box-content p::first-line{
    font-weight:600;
    color:var(--cg-blue);                   /* deep brand blue only here  */
}

/* mail link stands out just a bit */
.box.box-information .box-content p a{
    font-weight:600;
    color:var(--cg-accent);
    text-decoration:none;
}
.box.box-information .box-content p a:hover{
    text-decoration:underline;
}



/* phone line gets a bullet & subtle tint */
.box-content address a[href^="tel"]{
    font-weight:600;
    color:var(--cg-neutral);
}
.box-content address a[href^="tel"]::before{
    content:"• ";
    font-weight:700;
    color:var(--cg-accent);
}

/*───────────────────────────────────────────────────────────
  Reduced‑motion users
───────────────────────────────────────────────────────────*/
@media (prefers-reduced-motion:reduce){
    .box.box-information .box-content p a{ transition:none; }
}
/* Dashboard ▸ make the two top info‑cards line up perfectly */
@media (min-width:769px){                                /* desktop only */
    /* 1 ▸ turn the wrapper into a flex row */
    .account .column.main .block-content{
       
        gap:4%;                     /* keeps the original 48 % + 4 % rhythm */
    }

    /* 2 ▸ each card grows/shrinks evenly */
    .account .column.main .block-content .box{
        flex:1 1 48%;               /* same footprint as before */
        margin:0;                   /* kill float margin‑right   */
        display:flex;               /* allow equal height        */
        flex-direction:column;      /* box‑title ⭢ content ⭢ actions */
    }

    /* 3 ▸ push the button strip to the bottom for tidy alignment */
    .account .column.main .block-content .box-actions{
        margin-top:auto;            /* fills any extra height    */
    }
}
.box-actions .action:hover,
.box-actions .action:focus{
    color:#fff !important;                 /* maximum contrast */
}
/*──────────────────────────────────────────────
  Dashboard ▸ equal‑height “Contact” & “Newsletter”
  (only within .block-dashboard-info)
──────────────────────────────────────────────*/
@media (min-width:769px){                 /* desktop breakpoint */

    /* 1 ▸ turn THAT block’s content into a 2‑column flex row */
    .block-dashboard-info > .block-content{
        display:flex;                     /* no global layout changes  */
        gap:4%;                           /* preserves 48 % + 4 % gap   */
    }

    /* 2 ▸ make each card stretch to the tallest neighbour   */
    .block-dashboard-info .box{
        flex:1 1 48%;                     /* even width, fills column  */
        display:flex;
        flex-direction:column;            /* title → content → actions */
    }

    /* 3 ▸ push the “Edit” button strip to each card’s bottom */
    .block-dashboard-info .box-actions{
        margin-top:auto;
    }
}

.account .column.main {
    width: 100%;
    margin-top: 20px;
  }
  .newsletter-benefits{
    margin:0 0 1.4rem;
    padding:1.4rem 1.6rem;
    border-left:4px solid var(--cg-accent);
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
    font:500 1.25rem/1.6 var(--cg-font);
    color:var(--cg-neutral);
    border-radius:8px;
}
.newsletter-benefits strong{
    color:var(--cg-blue);
}
/*───────────────────────────────────────────────────────────
  Captain‑Greek · Form Legend – Polished Variant
───────────────────────────────────────────────────────────*/
.legend,
legend{                             /* keep support for both hooks   */
    /* 1 ▸ Typography & layout */
    display:block;
    width:100%;
    margin:0 0 1.2rem;             /* extra breathing room           */
    padding:0;                     /* wipe user‑agent padding        */
    font:600 1.55rem/1.35 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue,#2d337f);

    /* 2 ▸ Decorative underline (gold accent) */
    position:relative;
}
.legend::after,
legend::after{
    content:"";
    position:absolute; left:0; bottom:-.4rem;   /* sits just below text   */
    width:100%; height:3px;
    background:linear-gradient(
        90deg,
        var(--cg-accent,#b89b65) 0%,
        color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%
    );
    border-radius:3px;
    transform-origin:left;
    transform:scaleX(.20);
    transition:transform .35s cubic-bezier(.16,.8,.36,1);
}

/* 3 ▸ Lift underline on focus / hover for keyboard & mouse */
fieldset:focus-within .legend::after,
fieldset:focus-within legend::after,
.legend:hover::after,
legend:hover::after{
    transform:scaleX(1);
}

/* 4 ▸ High‑contrast border for fieldset separation */
fieldset:not(.fieldset-address-book){           /* keep old address style */
    border:none;                                /* remove UA border       */
    border-top:1px solid var(--cg-surfaceEdge,#d9dcf0);
    padding-top:2.2rem;                         /* compensate for legend  */
}

/* 5 ▸ Motion‑safety fallback */
@media (prefers-reduced-motion:reduce){
    .legend::after,
    legend::after{transition:none}
}


@media (min-width: 1260px) {
    .magezon-builder .mgz-container {width: 1260px;}
}
/*───────────────────────────────────────────────────────────────
CAPTAIN‑GREEK ▸ Newsletter Manage (full‑width, premium polish)
────────────────────────────────────────────────────────────────*/

/* 1 ▸ Full‑bleed wrapper – inherits 100 % width naturally       */
.form-newsletter-manage{
/* let it breathe on small screens, but not boxed in */
padding:2.4rem 0;
max-width:none;                /* kill any default 640 px etc. */
}

/* 2 ▸ Legend – refined type & gold accent underline             */
.form-newsletter-manage .legend{
margin:0 0 1.6rem;
padding-bottom:.8rem;
font:700 1.9rem/1.25 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
color:var(--cg-blue,#2d337f);
border-bottom:1px solid var(--cg-surfaceEdge,#d9dcf0);
position:relative;
}
.form-newsletter-manage .legend::after{
content:'';
position:absolute; bottom:-1px; left:0; height:3px;
background:var(--cg-accent,#b89b65);
border-radius:3px;
}


.newsletter-benefits strong{
display:block;
margin-bottom:.3rem;
font:600 1.4rem/1.4 var(--cg-font);
color:var(--cg-blue);
}

/* 4 ▸ Checkbox field – roomy, touch‑friendly                      */
.form-newsletter-manage .field.choice{
display:flex; align-items:center; gap:1rem;
padding:1.2rem 0;
border-top:1px dashed var(--cg-surfaceEdge,#d9dcf0);
}
.form-newsletter-manage .field.choice:first-of-type{border-top:none;}

.form-newsletter-manage input[type="checkbox"]{
width:1.6rem; height:1.6rem;           /* larger click‑target  */
accent-color:var(--cg-accent,#b89b65); /* modern colour support */
}

.form-newsletter-manage .field.choice .label span{
font:600 1.25rem/1.4 var(--cg-font);
color:var(--cg-neutral,#4b4f5a);
}

/* 5 ▸ Action buttons – reuse dash style but force full‑width on ≤480 px */
.form-newsletter-manage .actions-toolbar{
margin-top:2.4rem; display:flex; gap:1.2rem; flex-wrap:wrap;
}
.form-newsletter-manage .actions-toolbar .primary .action.save,
.form-newsletter-manage .actions-toolbar .secondary .action.back{
display:inline-flex; align-items:center; justify-content:center;
min-height:2.8rem; padding:.55rem 2.2rem;
font:600 1.25rem/1 var(--cg-font);
border-radius:22px; border:1px solid transparent;
transition:background .18s, color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.action.save{
color:#fff; background:var(--cg-accent,#b89b65);
}
.action.save:hover{ transform:translateY(-2px); }

.action.back{
color:var(--cg-blue); background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
border-color:rgba(45,51,127,.12);
}
.action.back:hover{
color:#fff; background:var(--cg-blue);
}
@media (max-width:480px){
.form-newsletter-manage .actions-toolbar .primary,
.form-newsletter-manage .actions-toolbar .secondary{
    flex:1 1 100%;
}
.form-newsletter-manage .actions-toolbar a,
.form-newsletter-manage .actions-toolbar button{
    width:100%;
}
}

/* 6 ▸ Toast stub (optional) – positions top‑right                */
.cg-toast{
position:fixed; top:1.2rem; right:1.2rem; z-index:9999;
padding:.9rem 1.4rem;
font:600 1.25rem/1.4 var(--cg-font);
color:#fff; background:var(--cg-blue);
border-radius:6px; opacity:0; transform:translateY(-8px);
transition:opacity .35s ease, transform .35s ease;
}
.cg-toast.show{ opacity:1; transform:translateY(0); }
.cg-toast.error{ background:#b03838; }           /* error variant */
/*───────────────────────────────────────────────────────────
Captain‑Greek · Form Legend – Polished Variant
───────────────────────────────────────────────────────────*/
.legend,
legend{                             /* keep support for both hooks   */
/* 1 ▸ Typography & layout */
display:block;
width:100%;
margin:0 0 1.2rem;             /* extra breathing room           */
padding:0;                     /* wipe user‑agent padding        */
font:600 1.55rem/1.35 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
color:var(--cg-blue,#2d337f);

/* 2 ▸ Decorative underline (gold accent) */
position:relative;
}
.legend::after,
legend::after{
content:"";
position:absolute; left:0; bottom:-.4rem;   /* sits just below text   */
width:100%; height:3px;
background:linear-gradient(
    90deg,
    var(--cg-accent,#b89b65) 0%,
    color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%
);
border-radius:3px;
transform-origin:left;
transform:scaleX(.20);
transition:transform .35s cubic-bezier(.16,.8,.36,1);
}

/* 3 ▸ Lift underline on focus / hover for keyboard & mouse */
fieldset:focus-within .legend::after,
fieldset:focus-within legend::after,
.legend:hover::after,
legend:hover::after{
transform:scaleX(1);
}

/* 4 ▸ High‑contrast border for fieldset separation */
fieldset:not(.fieldset-address-book){           /* keep old address style */
border:none;                                /* remove UA border       */
border-top:1px solid var(--cg-surfaceEdge,#d9dcf0);
padding-top:2.2rem;                         /* compensate for legend  */
}

/* 5 ▸ Motion‑safety fallback */
@media (prefers-reduced-motion:reduce){
.legend::after,
legend::after{transition:none}
}
/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ Orders‑History  (full page version)
  – matches the dashboard “Recent Orders” card
───────────────────────────────────────────────────────────*/

/* ----- CARD SHELL ----- */
.table-wrapper.orders-history{
    margin:0 0 2.4rem;
    padding:2rem 2.4rem;

    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%);
    backdrop-filter:blur(12px) saturate(145%);
    border:1px solid rgba(45,51,127,.08);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

/* ----- TABLE WRAPPER & BASE ----- */
.table-wrapper.orders-history table.table-order-items,
.table-wrapper.orders-history table.history{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    font-size:1.25rem;
}

.table-wrapper.orders-history thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    backdrop-filter:blur(8px) saturate(155%);

    color:var(--cg-blue);
    font:600 1.15rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    text-align:center;
    letter-spacing:.1px;
    padding:1rem 1.4rem;

    border-right:1px solid rgba(45,51,127,.10);
    border-bottom:1px solid rgba(45,51,127,.10);
}
.table-wrapper.orders-history thead th:last-child{border-right:none;}

/* Body cells */
.table-wrapper.orders-history tbody td{
    padding:1rem 1.4rem;
    font:500 1.25rem/1.45 var(--cg-font);
    border-right:1px solid rgba(45,51,127,.06);
    border-bottom:1px solid rgba(45,51,127,.06);
}
.table-wrapper.orders-history tbody td:last-child{border-right:none;}

/* Alignment tweaks */
.table-wrapper.orders-history td.col.total{text-align:right;}
.table-wrapper.orders-history td.col.actions,
.table-wrapper.orders-history td.col.status{text-align:center;}

/* Alternating glass stripes */
.table-wrapper.orders-history tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.table-wrapper.orders-history tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}

/* Hover tint */
.table-wrapper.orders-history tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* “Reorder” link matches dashboard */
.table-wrapper.orders-history .action.order{
    font-weight:600;
    color:var(--cg-accent);
    text-decoration:none;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.table-wrapper.orders-history .action.order:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);
}

/* ----- MOBILE STACK ≤ 640 px ----- */
@media (max-width:640px){
    .table-wrapper.orders-history thead{
        position:absolute; clip:rect(0 0 0 0);
        height:1px; width:1px; overflow:hidden;
    }

    .table-wrapper.orders-history tbody tr{
        display:block;
        border-bottom:1px solid rgba(45,51,127,.08);
    }

    .table-wrapper.orders-history tbody td{
        display:flex; justify-content:space-between;
        align-items:center; padding:.9rem 1.2rem;
        border-right:none;
    }
    .table-wrapper.orders-history tbody td::before{
        content:attr(data-th);
        font-weight:600; color:var(--cg-blue);
    }
}

/* reduced‑motion safety */
@media (prefers-reduced-motion:reduce){
    .table-wrapper.orders-history tbody tr:hover,
    .table-wrapper.orders-history .action.order{transition:none;}
}
/*───────────────────────────────────────────────────────────
  ORDERS‑HISTORY – glass card & responsive table
  (exact clone of dashboard rules, only selectors differ)
───────────────────────────────────────────────────────────*/

/* ----- CARD SHELL ----- */
.table-wrapper.orders-history{
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%) !important;
    backdrop-filter:blur(12px) saturate(145%) !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:18px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
    padding:2rem 2.4rem !important;
}

/* ----- TABLE WRAPPER (there’s no inner wrapper on this page,
   but we keep the extras so nothing breaks if markup changes) */
.table-wrapper.orders-history{
    margin:0 !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:14px !important;
    overflow-x:auto !important;
    box-shadow:
        0 1px 3px rgba(255,255,255,.25) inset,
        0 4px 12px rgba(0,0,0,.05) inset !important;
}

/* ----- TABLE BASE ----- */
.table-wrapper.orders-history table.table-order-items,
.table-wrapper.orders-history table.history{
    width:100%;
    border-collapse:separate !important;
    border-spacing:0 !important;
    font-size:1.25rem;
}

/* Header cells */
.table-wrapper.orders-history thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%) !important;
    backdrop-filter:blur(8px) saturate(155%) !important;
    color:var(--cg-blue) !important;
    font:600 1.15rem/1 var(--cg-font) !important;
    letter-spacing:.1px;
    text-align:center;
    padding:1rem 1.4rem !important;
    border-right:1px solid rgba(45,51,127,.10) !important;
    border-bottom:1px solid rgba(45,51,127,.10) !important;
}
.table-wrapper.orders-history thead th:last-child{border-right:none !important;}

/* Body cells */
.table-wrapper.orders-history tbody td{
    padding:1rem 1.4rem !important;
    font:500 1.25rem/1.45 var(--cg-font) !important;
    border-right:1px solid rgba(45,51,127,.06) !important;
    border-bottom:1px solid rgba(45,51,127,.06) !important;
}
.table-wrapper.orders-history tbody td:last-child{border-right:none !important;}

/* Alignment tweaks */
.table-wrapper.orders-history td.col.total{text-align:right !important;}
.table-wrapper.orders-history td.col.actions,
.table-wrapper.orders-history td.col.status{text-align:center !important;}

/* Alternating glass stripes */
.table-wrapper.orders-history tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%) !important;
}
.table-wrapper.orders-history tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%) !important;
}

/* Hover tint */
.table-wrapper.orders-history tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%) !important;
    transition:background .18s ease;
}

/* “Reorder” link */
.table-wrapper.orders-history .action.order{
    font-weight:600 !important;
    color:var(--cg-accent) !important;
    text-decoration:none !important;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.table-wrapper.orders-history .action.order:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000) !important;
    transform:translateY(-2px) !important;
}

/* ----- MOBILE STACK ≤ 640 px ----- */
@media (max-width:640px){
    .table-wrapper.orders-history thead{
        position:absolute !important;
        clip:rect(0 0 0 0) !important;
        height:1px !important; width:1px !important; overflow:hidden !important;
    }

    .table-wrapper.orders-history tbody tr{
        display:block !important;
        border-bottom:1px solid rgba(45,51,127,.08) !important;
    }

    .table-wrapper.orders-history tbody td{
        display:flex !important; justify-content:space-between !important;
        align-items:center !important;
        padding:.9rem 1.2rem !important;
        border-right:none !important;
    }
    .table-wrapper.orders-history tbody td::before{
        content:attr(data-th) !important;
        font-weight:600 !important; color:var(--cg-blue) !important;
    }
}

/* reduced‑motion */
@media (prefers-reduced-motion:reduce){
    .table-wrapper.orders-history tbody tr:hover,
    .table-wrapper.orders-history .action.order{transition:none !important;}
}
/*───────────────────────────────────────────────────────────
  ORDERS‑HISTORY ▸ bottom toolbar (pager / limiter)
───────────────────────────────────────────────────────────*/
.order-products-toolbar{
    margin-top:2.4rem;
    padding:1.5rem 2rem;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 4%);
    backdrop-filter:blur(10px) saturate(140%);
    border:1px solid rgba(45,51,127,.08);
    border-radius:14px;
    box-shadow:0 4px 16px rgba(0,0,0,.06);
}

/* layout → flex so amount + limiter align neatly */
.order-products-toolbar .pager{
    display:flex; flex-wrap:wrap;
    align-items:center; justify-content:space-between;
    gap:1.2rem;
    font:500 1.25rem/1.4 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a);
}

/* amount ( “4 Item(s)” ) */
.order-products-toolbar .toolbar-amount{
    margin:0;                         /* kill default p spacing       */
}

/* limiter block */
.order-products-toolbar .limiter{
    display:flex; align-items:center; gap:.6rem;
}

.order-products-toolbar .limiter-label{
    font-weight:600; color:var(--cg-blue);
}

.order-products-toolbar .limiter-options{
    min-width:5.2rem;                 /* roomy click area             */
    padding:.35rem .8rem;
    font:600 1.15rem/1 var(--cg-font);
    color:var(--cg-blue);
    border:1px solid rgba(45,51,127,.18);
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    transition:border-color .18s ease, transform .18s cubic-bezier(.16,.8,.36,1);
}
.order-products-toolbar .limiter-options:hover,
.order-products-toolbar .limiter-options:focus{
    border-color:var(--cg-accent,#b89b65);
    transform:translateY(-2px);
    outline:none;
}

.order-products-toolbar .limiter-text{
    opacity:.75;
}

/* mobile stack (≤640 px) */
@media (max-width:640px){
    .order-products-toolbar .pager{flex-direction:column;align-items:flex-start;}
}

/* motion‑safe fallback */
@media (prefers-reduced-motion:reduce){
    .order-products-toolbar .limiter-options{transition:none;}
}
/*───────────────────────────────────────────────────────────
  Captain‑Greek ▸ Wish‑List Share  –  Chip & Button polish
───────────────────────────────────────────────────────────*/
.block-dashboard-share {
    /* 1 ▸ Chip container keeps pills on one line and wraps */
    #email_chips {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;              /* space between pills */
        margin: .2rem 0 1.2rem;  /* breathing room      */
    }

    /* 2 ▸ Individual chip */
    .cg-chip {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .35rem .9rem .3rem;
        font: 600 1.25rem/1 var(--cg-font, "Inter", sans-serif);
        color: var(--cg-blue, #2d337f);
        background: color-mix(in srgb, var(--cg-blue) 6%, #fff 94%);
        border: 1px solid rgba(45, 51, 127, .15);
        border-radius: 9999px;   /* full pill */
        user-select: none;
        transition: background .18s ease, box-shadow .18s ease,
                    transform   .18s cubic-bezier(.16,.8,.36,1);
    }
    .cg-chip:hover {
        background: color-mix(in srgb, var(--cg-blue) 10%, #fff 90%);
        box-shadow: 0 2px 6px rgba(0,0,0,.08);
        transform: translateY(-2px);
    }

    /* 3 ▸ “×” remove button inside each chip */
    .cg-chip-remove {
        appearance: none;
        border: 0;
        padding: 0 .1rem;
        font: 700 1.2rem/1 var(--cg-font, "Inter", sans-serif);
        color: var(--cg-accent, #b89b65);
        background: transparent;
        cursor: pointer;
        transition: color .18s ease, transform .18s ease;
    }
    .cg-chip-remove:hover,
    .cg-chip-remove:focus {
        color: color-mix(in srgb, var(--cg-accent) 85%, #000);
        transform: scale(1.2);
        outline: none;
    }

}
/*───────────────────────────────────────────────────────────
  Captain‑Greek ▸ Wish‑List Share – CTA buttons (2025)
  • pills / glass shadow / hover‑lift identical to dashboard
  • primary = gold, secondary = glass outline
  • mobile ≤ 480 px: full‑width stack
───────────────────────────────────────────────────────────*/
.block-dashboard-share {

    /* 1 ▸ keep the buttons on one row, wrap on tiny screens */
    .actions-toolbar{
        display:flex;
        gap:1.2rem;
        flex-wrap:wrap;
    }

    /* 2 ▸ shared pill shell (inherits CG tokens) */
    .actions-toolbar .action{
        display:inline-flex;align-items:center;justify-content:center;
        min-height:2.8rem;padding:.55rem 2.2rem;

        font:600 1.25rem/1 var(--cg-font,"Inter",sans-serif);
        border-radius:22px;
        border:1px solid transparent;
        backdrop-filter:blur(8px) saturate(140%);
        box-shadow:
            0 1px 1px rgba(255,255,255,.25) inset,
            0 3px 6px rgba(0,0,0,.08) inset,
            0 4px 12px rgba(0,0,0,.10);
        transition:
            background var(--cg-dur-short),
            color      var(--cg-dur-short),
            transform  var(--cg-dur-short) var(--cg-ease-smooth);
    }

    /* 3 ▸ Primary: Send Wish List (brand gold) */
    .actions-toolbar .action.primary{
        background:var(--cg-accent,#b89b65);
        color:#fff;
    }
    .actions-toolbar .action.primary:is(:hover,:focus){
        background:color-mix(in srgb,var(--cg-accent) 85%,#000);
        transform:translateY(-2px);
        outline:none;
    }

    /* 4 ▸ Secondary: Clear Recipients (glass outline) */
    .actions-toolbar .action.secondary{
        background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
        color:var(--cg-blue,#2d337f);
        border-color:rgba(45,51,127,.12);
    }
    .actions-toolbar .action.secondary:is(:hover,:focus){
        background:var(--cg-blue);
        color:#fff;
        transform:translateY(-2px);
        outline:none;
    }

    /* 5 ▸ ≤ 480 px stack full‑width */
    @media (max-width:480px){
        .actions-toolbar .primary,
        .actions-toolbar .secondary{flex:1 1 100%;}
    }
}
/*───────────────────────────────────────────────────────────
  Wish‑List Share ▸ mobile equal‑width CTAs
───────────────────────────────────────────────────────────*/
@media (max-width:480px){
    .block-dashboard-share {

        /* stack the wrappers */
        .actions-toolbar{flex-direction:column;}

        /* wrappers take full row */
        .actions-toolbar > .primary,
        .actions-toolbar > .secondary{flex:1 1 100%;}

        /* buttons stretch edge‑to‑edge */
        .actions-toolbar .action{width:100%;}
    }
}
/*───────────────────────────────────────────────────────────
  Wish‑List Share ▸ premium textarea
───────────────────────────────────────────────────────────*/
.block-dashboard-share {

    /* shell gives glassy background + border */
    .cg-textarea-shell{
        position:relative;
        background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
        border:1px solid rgba(45,51,127,.12);
        border-radius:14px;
        padding:1.2rem 1.4rem .9rem;
        box-shadow:
            0 1px 3px rgba(255,255,255,.25) inset,
            0 4px 12px rgba(0,0,0,.05) inset;
        transition:border-color .18s ease, box-shadow .18s ease;
    }

    /* floating label */
    .cg-floating-label{
        position:absolute; top:1.2rem; left:1.4rem;
        font:600 1.25rem/1 var(--cg-font);
        color:var(--cg-neutral);
        pointer-events:none;            /* do not intercept clicks   */
        transition:transform .18s ease, font-size .18s ease;
    }

    /* textarea */
    .cg-textarea{
        width:100%; resize:none; border:0; outline:0;
        background:transparent;
        font:500 1.3rem/1.55 var(--cg-font);
        color:var(--cg-blue);
        caret-color:var(--cg-accent);
    }
    .cg-textarea:focus{
        outline:none;
    }

    /* helper + counter */
    .cg-input-help,
    .cg-input-counter{
        margin: .4rem 0 0;
        font:500 1.1rem/1.3 var(--cg-font);
        color:var(--cg-neutral);
    }
    .cg-input-counter{ text-align:right; }

    /* Label shrinks when text present or focused */
    .cg-textarea:focus + .cg-input-help,
    .cg-textarea:not(:placeholder-shown) + .cg-input-help{
        /* no change – helper stays */
    }
    .cg-textarea:focus ~ .cg-floating-label,
    .cg-textarea:not(:placeholder-shown) ~ .cg-floating-label{
        transform:translateY(-1.8rem);
        font-size:1.05rem;
    }

    /* focus ring on shell */
    .cg-textarea-shell:focus-within{
        border-color:var(--cg-accent);
        box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 60%,transparent);
    }
}
/* placeholder stays visible until the first keystroke */
.cg-textarea::placeholder {
    color: color-mix(in srgb,var(--cg-neutral) 65%,#fff);
    opacity: 1;                  /* Safari / iOS */
}

/* when placeholder is shown, keep label shrunk so text isn't hidden */
.cg-textarea:placeholder-shown + .cg-floating-label {
    transform: translateY(-.9rem) scale(.85);
    color: var(--cg-neutral);
}

/* once user focuses, label colour shifts for clarity */
.cg-textarea:focus + .cg-floating-label {
    color: var(--cg-blue);
}

/* Captain‑Greek ▸ Account‑menu separator – centre‑pulse variant */
.account-nav .delimiter{
    display:block;
    width:100%;
    height:2px;
    margin:1.2rem 0;
    border-radius:2px;

    /* brightest brand‑blue in the MIDDLE → gentle fade to edges */
    background:linear-gradient(
        90deg,
        /* left feather‑light edge */
        transparent                                         0%,
        color-mix(in srgb,var(--cg-blue,#2d337f) 15%,#fff)  12%,
        color-mix(in srgb,var(--cg-blue) 35%,#fff)          25%,

        /* vivid core */
        var(--cg-blue)                                      50%,

        /* mirror fade‑out */
        color-mix(in srgb,var(--cg-blue) 35%,#fff)          75%,
        color-mix(in srgb,var(--cg-blue) 15%,#fff)          88%,
        transparent                                        100%
    );

    opacity:.90;   /* keep punchy, but still slightly glassy */
}
#customer-panel-content .delimiter {
    display: block !important;}
    
    /*───────────────────────────────────────────────────────────
  Captain‑Greek ▸ AJAX Wish‑List Popup  (premium glass v2025)
───────────────────────────────────────────────────────────*/
.magebig-ajax-popup.ajaxwishlist-success-box{
    /* 1 ▸ glass card shell */
    width:30rem;                      /* fits 270 px image + padding */
    padding:2.4rem 2rem 2.6rem;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 6%);
    backdrop-filter:blur(14px) saturate(145%);
    border:1px solid rgba(45,51,127,.12);
    border-radius:18px;
    box-shadow:0 10px 28px rgba(0,0,0,.14);
    position:relative;                /* for close “X” */
    text-align:center;
    font-family:var(--cg-font,"Inter","Helvetica Neue",sans-serif);
}

/* 2 ▸ product block — picture + name */
.magebig-ajax-popup .wishlist-media{
    margin-bottom:1.8rem;
}
.magebig-ajax-popup .product-image-wrapper{
    display:block; width:100%; aspect-ratio:1/1;          /* modern ratio */
    overflow:hidden; border-radius:14px; background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.08) inset;
}
.magebig-ajax-popup .product-image-photo{
    width:100%!important; height:100%!important;
    object-fit:contain!important;      /* never crop logos */
    object-position:center;
}
.magebig-ajax-popup .product-name{
    margin-top:1.2rem;
    font:600 1.55rem/1.3 var(--cg-font);
    color:var(--cg-blue,#2d337f);
}

/* 3 ▸ “added to wish list” title */
.magebig-ajax-popup h3,
.magebig-ajax-popup .h3{
    margin:0 0 2rem;
    font:500 1.35rem/1.35 var(--cg-font);
    color:var(--cg-neutral,#4b4f5a);
}

/* 4 ▸ primary action button */
.magebig-ajax-popup .ajaxwishlist-buttons .action.primary{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:2.8rem; padding:.7rem 2.4rem;
    font:600 1.2rem/1 var(--cg-font);
    color:#fff; background:var(--cg-accent,#b89b65);
    border:1px solid var(--cg-accent);
    border-radius:22px;
    cursor:pointer; user-select:none;
    transition:background .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.magebig-ajax-popup .ajaxwishlist-buttons .action.primary:hover,
.magebig-ajax-popup .ajaxwishlist-buttons .action.primary:focus{
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);
    outline:none;
}

/* 5 ▸ close (“X”) button top‑right */
.magebig-ajax-popup .mfp-close{
    position:absolute; top:.9rem; right:.9rem;
    width:2.4rem; height:2.4rem;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232d337f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/65% 65% no-repeat;
    border:1px solid rgba(45,51,127,.12);
    border-radius:50%;
    background-color:#fff;
    cursor:pointer; opacity:.9;
    transition:opacity .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.magebig-ajax-popup .mfp-close:hover,
.magebig-ajax-popup .mfp-close:focus{
    opacity:1; transform:rotate(90deg);
    outline:none;
}

/* 6 ▸ reduced‑motion safety */
@media (prefers-reduced-motion:reduce){
    .magebig-ajax-popup .ajaxwishlist-buttons .action.primary,
    .magebig-ajax-popup .mfp-close{transition:none; transform:none;}
}
button.mfp-close::before{ content:none !important; }


/*──────────────────────────────────────────────────────────────
  Captain‑Greek ▸ Wish‑List Grid  (inherits cg‑card‑strip look)
──────────────────────────────────────────────────────────────*/
.products-grid.wishlist {
    /* hook the same variables your carousel uses */
    --cg-blue   : #2d337f;
    --cg-accent : #b89b65;
    --btn-size  : 3.2rem;            /* matches card‑strip */

    /* make every LI behave like a cg‑card */
    .product-item {
        /* card shell */
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .8rem;
        padding: 1.4rem;
        border-radius: 12px;
        background: var(--cg-surface, #f8f9ff);
        box-shadow: 0 2px 6px rgba(0,0,0,.08);
        transition: transform .25s cubic-bezier(.16,.8,.36,1),
                    box-shadow .25s cubic-bezier(.16,.8,.36,1);

        &:hover,
        &:focus-within {
            transform: translateY(-4px);
            box-shadow: 0 6px 18px rgba(0,0,0,.12);
        }
    }

    /* --------------------------------------------------------
       1 ▸ Image block (copy rules from .cg-card-strip)
    -------------------------------------------------------- */
    .product-item-photo {
        display:block;                   
        .product-image-container,
        .product-image-wrapper {
            width: 230px !important;     
            max-width: 100%;
        }
        .product-image-wrapper {
            padding-bottom: 100% !important;
        }
        .product-image-photo {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
            border-radius: 10px;
            background: #fafafa;
            box-shadow: 0 2px 6px rgba(0,0,0,.08);
            transition: transform .25s, box-shadow .25s;
        }
        .product-item:hover .product-image-photo {
            transform: scale(1.06);
            box-shadow: 0 4px 14px rgba(0,0,0,.12);
        }
    }

    /* --------------------------------------------------------
       2 ▸ Name link
    -------------------------------------------------------- */
    .product-item-name {
        margin: .65rem 0 0;
        max-height: 2.8rem;             
        line-height: 1.4rem;
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;

        margin-top: 10px!;
            a, .product-item-link {
            font-weight: 500;
            color: var(--cg-blue);
            text-decoration: none;
            position: relative;

            background-image: linear-gradient(
                to right,
                var(--cg-accent) 0 100%
            );
            background-size: 0 2px;
            background-position: left bottom;
            background-repeat: no-repeat;
            transition: color .25s, background-size .45s cubic-bezier(.16,.8,.36,1);

            &:hover,
            &:focus {
                color: var(--cg-accent);
                background-size: 100% 2px;
            }
        }
}

    /* --------------------------------------------------------
       3 ▸ Price block (wrap already present markup)
           – matches .price-wrap rules you defined
    -------------------------------------------------------- */
    .price-box {
        /* sit under name */
        display: flex;
        justify-content: center;

        /* copy from your card‑strip */
        .price-container .price {
            font-size: clamp(1.8rem, 1vw + 1.4rem, 2.2rem);
            font-weight: 700;
            color: var(--cg-accent);
            padding: .22rem .9rem .18rem;
            border-radius: 10px;
            background: rgba(184,155,101,.16);
            backdrop-filter: blur(8px) saturate(140%);
            box-shadow:
                0 1px 1px rgba(255,255,255,.25) inset,
                0 3px 6px rgba(0,0,0,.08) inset,
                0 4px 12px rgba(0,0,0,.10);
            transition: transform .18s, box-shadow .18s;
        }
        .old-price .price {
            font-size: 1.35rem;
            color: #8e8e8e;
            text-decoration: line-through;
            opacity: .55;
            margin-left: .5rem;
        }
        .special-price .price-label,
        .old-price  .price-label { display: none; }  
    }

    /* lift price on hover */
    .product-item:hover .price-container .price {
        transform: translateY(-3px) scale(1.015);
        box-shadow:
            0 1px 1px rgba(255,255,255,.28) inset,
            0 5px 10px rgba(0,0,0,.10) inset,
            0 6px 18px rgba(0,0,0,.12);
    }

    /* --------------------------------------------------------
       4 ▸ Wish‑list action buttons (Qty, add‑to‑cart, trash)
           – optional polish: centre & tint icons
    -------------------------------------------------------- */
    .product-item-inner {
        margin-top: .8rem;
        width: 100%;

            .wishlist-action {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: .8rem;

            .qty {
                flex: 1 1 40%;
            }

            .btn-remove {
                color: var(--cg-blue);
                transition: transform .2s;
                &:hover { transform: translateY(-2px); }
            }
        }

        .actions-primary .action.tocart {
            width: 100%;
            margin-top: .8rem;
            padding: .7rem 1.2rem;
            font: 600 1.25rem/1 var(--cg-font);
            color: #fff;
            background: var(--cg-accent);
            border: none;
            border-radius: 22px;
            transition: background .18s, transform .18s;
            &:hover,
            &:focus { background: color-mix(in srgb,var(--cg-accent) 85%,#000); transform: translateY(-2px); }
        }
}

    /* --------------------------------------------------------
       5 ▸ Responsive tweaks
    -------------------------------------------------------- */
    @media (max-width: 900px) {
        .product-item-photo
            .product-image-container,
        .product-item-photo
            .product-image-wrapper {
            width: 100% !important;
            aspect-ratio: 5/3;
        }
    }

    @media (max-width: 600px) {
        .product-item {
            width: 100% !important;
        }
    }
}
/*─────────────────────────────────────────────────────────────
  Captain‑Greek ▸ Wish‑list card fixes (v2025‑05‑hot‑patch)
─────────────────────────────────────────────────────────────*/

/* 1 ▸ STOP the name & price from bumping other elements
   ---------------------------------------------------- */
.products-grid.wishlist {

    /* A. Name link: remove transform on hover so the element
          never leaves its reserved 2‑line block            */
    .product-item-name a,
    .product-item-link {
        /* override old rule */
        &:hover,
        &:focus { transform: none !important; }
    }

    /* B. Price badge: keep the lift effect but use
          translateZ(0) so it rises on its own stacking
          layer instead of pushing siblings */
    .price-container .price {
        will-change: transform;           /* GPU path */
    }
    .product-item:hover .price-container .price {
        transform: translateZ(0) scale(1.015);   /* no Y‑shift */
    }


/* 2 ▸ Modernise the “comment / qty / buttons” strip
   ---------------------------------------------------- */

    /* wrap flex so hover doesn’t collapse when pointer
       crosses the gap between image and inner tools    */
    .product-item-inner {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
    }

    /* ----- comment textarea ----- */
    .comment-box {
        width: 100%;
        .control { margin-top: .4rem; }

        textarea {
            width: 100%;
            min-height: 5.2rem;
            padding: .8rem 1.1rem;
            font: 500 1.3rem/1.45 var(--cg-font);
            color: var(--cg-blue);
            background: var(--cg-surface,#f8f9ff);
            border: 1px solid rgba(45,51,127,.15);
            border-radius: 10px;
            resize: vertical;
            transition: border-color .18s ease, box-shadow .18s ease;

            &:focus {
                border-color: var(--cg-accent);
                box-shadow: 0 0 0 2px color-mix(in srgb,var(--cg-accent) 55%,transparent);
                outline: none;
            }
        }
    }

    /* ----- Qty + trash + Add‑to‑cart row ----- */

    .wishlist-action {
        display: flex;
        align-items: center;
        gap: .8rem;

        /* Qty field = glass pill */
        .input-text.qty {
            width: 6rem;
            padding: .6rem 0;
            font: 600 1.3rem/1 var(--cg-font);
            text-align: center;
            color: var(--cg-blue);
            background: color-mix(in srgb,#fff 25%,var(--cg-blue) 8%);
            border: 1px solid rgba(45,51,127,.12);
            border-radius: 18px;
            transition: border-color .18s ease;
            &:focus {
                border-color: var(--cg-accent);
                outline: none;
            }
        }

        /* Trash icon ⇢ minimal button */
        .btn-remove {
            flex: 0 0 auto;
            width: var(--btn-size);
            height: var(--btn-size);
            display: grid;
            place-items: center;
            border-radius: 50%;
            color: var(--cg-blue);
            background: color-mix(in srgb,var(--cg-blue) 8%,#fff);
            border: 1px solid rgba(45,51,127,.08);
            transition: background .18s, transform .18s;
            &:hover,
            &:focus {
                background: var(--cg-blue);
                color: #fff;
                transform: translateY(-2px);
            }
        }
    }

    /* Add‑to‑cart primary CTA – keep full width */
    .product-item-actions .actions-primary .tocart {
        width: 100%;
        padding: .8rem;
        font: 600 1.35rem/1 var(--cg-font);
        border-radius: 22px;
        background: var(--cg-accent);
        color: #fff;
        border: none;
        transition: background .18s, transform .18s;
        &:hover,
        &:focus {
            background: color-mix(in srgb,var(--cg-accent) 85%,#000);
            transform: translateY(-2px);
        }
    }

    /* ----- keep hover state alive while user moves
            from image → inner tools on desktop ----- */
    @media (hover:hover) {
        .product-item:hover {
            /* extend pointer‑catching area */
            padding-bottom: .4rem;
        }
    }
}
/*──────────────────────────────────────────────────────────
  Captain‑Greek ▸ Wish‑list card – on‑demand tool strip
──────────────────────────────────────────────────────────*/
.products-grid.wishlist {

    /* A. create a reveal‑zone at the bottom of the card */
    .product-item {
        position: relative;                     /* anchor */
        overflow: hidden;                       /* clip slide‑in */
    }

    /* B. treat the old .product-item-inner as the tool strip */
    .product-item-inner {
        position: absolute;
        inset-inline: 0;
        bottom: .6rem;                          /* sits just inside */
        translate: 0 110%;                      /* start off‑screen */
        opacity: 0;
        pointer-events: none;                   /* ignore until shown */

        transition:
            translate .32s cubic-bezier(.16,.8,.36,1),
            opacity   .32s ease;
        display: block;
    }

    /* C. when the card is hovered/focused → slide the tools up */
    .product-item:is(:hover, :focus-within) .product-item-inner {
        translate: 0 0;
        opacity: 1;
        pointer-events: auto;                   /* regain interactivity */
    }
}
/*───────────────────────────────────────────────────────────
  Captain‑Greek ▸ Mini‑cart icons  ✧  Qty spinner upgrade
───────────────────────────────────────────────────────────*/
:root{
    --cg-blue   : #2d337f;
    --cg-accent : #b89b65;
    --cg-ease   : cubic-bezier(.16,.8,.36,1);
    --cg-fast   : .18s;
}

/*===========================================================
  1 ▸ Trash / Pencil icons in the slide‑out cart
===========================================================*/
.minicart-items {

    /* container button */
    .action.edit,
    .action.delete{
        position:absolute; top:50%; right:.6rem;
        translate:0 -50%;

        /* circle */
        width:2.4rem; height:2.4rem; display:grid; place-items:center;
        border-radius:50%; background:#fff;
        border:1px solid rgba(45,51,127,.15);
        cursor:pointer;

        transition:background var(--cg-fast) var(--cg-ease),
                   border-color var(--cg-fast) var(--cg-ease),
                   color var(--cg-fast);
    }

    /* icon glyph */
    .action.edit::before,
    .action.delete::before{
        content:"";                       /* will be replaced per rule below */
        font-family:'mbicon';
        font-size:1.4rem; line-height:1;
        color:var(--cg-blue);
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        display:inline-block;
    }
    .action.delete::before{ content:"\e681"; }   /* trash */
    .action.edit::before  { content:"\e60d"; }   /* pencil */

    /* hover / focus */
    .action.edit:is(:hover,:focus-visible),
    .action.delete:is(:hover,:focus-visible){
        background:var(--cg-blue);
        border-color:var(--cg-blue);
        color:#fff;
    }
    .action.edit:is(:hover,:focus-visible)::before,
    .action.delete:is(:hover,:focus-visible)::before{ color:#fff; }
}

/*===========================================================
  2 ▸ Qty spinner – shared across pages (wishlist, minicart…)
===========================================================*/
.custom-qty{                                 /* the little +/- wrapper   */
    flex:0 0 3.2rem;                         /* matches new btn size     */
}
.btn-qty{
    all:unset; display:grid; place-items:center;
    width:3.2rem; height:3.2rem; cursor:pointer;
    border-radius:50%;
    background:color-mix(in srgb,var(--cg-accent) 8%,#fff);
    color:var(--cg-accent);
    box-shadow:0 1px 3px rgba(0,0,0,.06) inset,
               0 2px 4px rgba(0,0,0,.06);

    transition:background var(--cg-fast) var(--cg-ease),
               transform  var(--cg-fast) var(--cg-ease),
               box-shadow var(--cg-fast) var(--cg-ease);
}
.btn-qty:is(:hover,:focus-visible){
    background:var(--cg-accent); color:#fff;
    transform:translateY(-2px);
    box-shadow:0 4px 10px rgba(0,0,0,.12),
               0 6px 14px rgba(0,0,0,.14);
}
.btn-qty:active{ transform:translateY(0) scale(.94); }

/* icon inside the button */
.btn-qty .mbi{
    font-size:1.5rem; pointer-events:none;
}

/*===========================================================
  3 ▸ Qty input itself  (all touched contexts)
===========================================================*/
.multicheckout .table-wrapper .col .qty .input-text,
.column .block-addbysku .qty .qty,
.account .table-return-items .qty .input-text,
.table-giftregistry-items .field.qty .qty,
.block-giftregistry-shared-items .qty .qty,
.account .table-wrapper .data.table.wishlist .box-tocart .qty,
.products-grid.wishlist .product-item .box-tocart input.qty,
.sidebar .block-addbysku .fieldset .fields .field.qty .qty{
    width:6rem; max-width:100%;
    text-align:center;
    padding:.6rem .4rem;
    font:600 1.35rem/1 var(--cg-font,"Inter",sans-serif);
    color:var(--cg-blue);
    border:1px solid rgba(45,51,127,.15);
    border-radius:10px;

    background:color-mix(in srgb,#fff 92%,var(--cg-blue) 8%);
    transition:border-color var(--cg-fast),
               box-shadow   var(--cg-fast);
}
input.qty:is(:focus,:hover){
    border-color:var(--cg-accent);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 35%,transparent);
}

/*===========================================================
  4 ▸ Reduced‑motion safety
===========================================================*/
@media (prefers-reduced-motion:reduce){
    .btn-qty,
    .btn-qty:is(:hover,:focus-visible){ transition:none; transform:none; }
    input.qty{ transition:none; }
}

/* Captain‑Greek ▸ force trash icon in mini‑cart */
.minicart-items .action.delete::before{
    content:"\e681" !important;       /* glyph from mbicon */
}

/* (optional) change the edit/pencil as well */
.minicart-items .action.edit::before{
    content:"\e60d" !important;       /* pencil */
}
/*───────────────────────────────────────────────────────────
  Captain‑Greek ▸ Wish‑List bulk‑actions – 2025 polish
───────────────────────────────────────────────────────────*/
.products-grid.wishlist + .actions-toolbar{
    margin-top:2.4rem;                     /* breathing room */
}

.products-grid.wishlist + .actions-toolbar .primary{
    display:flex; gap:1.2rem; flex-wrap:wrap;
}

/* base look */
.products-grid.wishlist + .actions-toolbar .action{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:3.0rem; padding:.75rem 2.2rem;
    
    font:600 1.25rem/1 var(--cg-font,"Inter",sans-serif);
    text-transform:capitalize;
    
    border-radius:24px;
    border:1px solid transparent;
    background:var(--cg-blue,#2d337f);     /* brand‑blue core */
    color:#fff;
    
    cursor:pointer;
    touch-action:manipulation;
    transition:
        background .18s ease,
        color      .18s ease,
        box-shadow .18s cubic-bezier(.16,.8,.36,1),
        transform  .18s cubic-bezier(.16,.8,.36,1);
}

/* subtle elevation */
.products-grid.wishlist + .actions-toolbar .action:hover,
.products-grid.wishlist + .actions-toolbar .action:focus-visible{
    background:color-mix(in srgb,var(--cg-blue) 85%,#000);
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    outline:none;
}

/* secondary accent for “Share Wish List” */
.products-grid.wishlist + .actions-toolbar .action.share{
    background:var(--cg-accent,#b89b65);
    border-color:var(--cg-accent);
}
.products-grid.wishlist + .actions-toolbar .action.share:hover,
.products-grid.wishlist + .actions-toolbar .action.share:focus-visible{
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
}

/* ghost‑style for “Add All to Cart” */
.products-grid.wishlist + .actions-toolbar .action.tocart{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    border-color:rgba(45,51,127,.15);
    color:var(--cg-blue);
}
.products-grid.wishlist + .actions-toolbar .action.tocart:hover,
.products-grid.wishlist + .actions-toolbar .action.tocart:focus-visible{
    background:var(--cg-blue);
    color:#fff;
}

/* mobile: full‑width buttons (≤ 480 px) */
@media (max-width:480px){
    .products-grid.wishlist + .actions-toolbar .primary{
        flex-direction:column;
    }
    .products-grid.wishlist + .actions-toolbar .action{
        width:100%;
    }
}
/*─────────────────────────────────────────────────────────────
  Captain‑Greek ▸ Quantity pill controls (wishlist/cart etc.)
─────────────────────────────────────────────────────────────*/

/* hide the browser’s mini steppers */
.products-grid.wishlist input.input-text.qty::-webkit-inner-spin-button,
.products-grid.wishlist input.input-text.qty::-webkit-outer-spin-button{
    -webkit-appearance: none;   /* Chrome / Edge */
    margin: 0;
}
.products-grid.wishlist input.input-text.qty{
    -moz-appearance: textfield; /* Firefox       */
}

/* visual style of the numeric field */
.products-grid.wishlist input.input-text.qty{
    width: 6.2rem;
    padding: .65rem 1rem;
    font: 700 1.8rem/1 var(--cg-font,"Inter",sans-serif);
    text-align: center;
    color: var(--cg-blue,#2d337f);
    background: color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    border: 2px solid rgba(184,155,101,.35);
    border-radius: 12px;
    transition: box-shadow .18s ease, border-color .18s ease;
}
.products-grid.wishlist input.input-text.qty:is(:focus){
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--cg-accent,#b89b65) 35%,transparent);
    border-color: var(--cg-accent,#b89b65);
}

/* wrapper that will host the ± buttons – Flex row */
.products-grid.wishlist .field.qty .control{
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}

/* the ± buttons themselves */
.cg-btn-qty{
    all: unset;                                    /* reset */
    display: grid; place-items: center;
    width: 3.2rem; height: 3.2rem;
    font-size: 1.8rem; line-height: 1; font-weight: 700;
    color: var(--cg-blue);
    background: color-mix(in srgb,var(--cg-blue) 8%,#fff 92%);
    border: 2px solid rgba(45,51,127,.15);
    border-radius: 50%;
    cursor: pointer;
    transition: background .18s ease,
                transform  .18s ease,
                box-shadow .18s ease,
                color      .18s ease;
}
.cg-btn-qty:is(:hover,:focus-visible){
    background: var(--cg-accent,#b89b65);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,.14);
}
.cg-btn-qty:active{ transform: translateY(0) scale(.92); }
/*───────────────────────────────────────────────────────────
  Captain‑Greek ▸ Wish‑List bottom toolbar  (2025‑06 premium)
───────────────────────────────────────────────────────────*/
.wishlist-toolbar{
    /* glass card shell */
    margin-top:2.4rem;
    padding:1.5rem 2rem;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 4%);
    backdrop-filter:blur(10px) saturate(140%);
    border:1px solid rgba(45,51,127,.08);
    border-radius:14px;
    box-shadow:0 4px 16px rgba(0,0,0,.06);
}

/* flex row keeps amount + limiter aligned */
.wishlist-toolbar .pager{
    display:flex; flex-wrap:wrap;
    align-items:center; justify-content:space-between;
    gap:1.2rem;

    font:500 1.25rem/1.4 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a);
}

.wishlist-toolbar .toolbar-amount{ margin:0; }

/* ——— Limiter block ——— */
.wishlist-toolbar .limiter{
    display:flex; align-items:center; gap:.6rem;
}
.wishlist-toolbar .limiter-label{
    font-weight:600; color:var(--cg-blue);
}

.wishlist-toolbar .limiter-options{
    min-width:5.2rem;
    padding:.35rem .8rem;
    font:600 1.15rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:#fff;
    border:1px solid rgba(45,51,127,.18);
    border-radius:8px;
    cursor:pointer;

    transition:border-color .18s ease, transform .18s cubic-bezier(.16,.8,.36,1);
}
.wishlist-toolbar .limiter-options:is(:hover,:focus){
    border-color:var(--cg-accent,#b89b65);
    transform:translateY(-2px); outline:none;
}

.wishlist-toolbar .limiter-text{ opacity:.75; }

/* mobile stack ≤ 640 px */
@media (max-width:640px){
    .wishlist-toolbar .pager{
        flex-direction:column; align-items:flex-start;
    }
}

/* motion‑safety */
@media (prefers-reduced-motion:reduce){
    .wishlist-toolbar .limiter-options{ transition:none; }
}

/*───────────────────────────────────────────────────────────
  Captain‑Greek ▸ Product‑Reviews page  (2025‑06 premium)
───────────────────────────────────────────────────────────*/

/* ——— 1 ▸ Glass card shell ——————————————————————— */
.table-wrapper.reviews{
    margin:0 0 2.4rem;
    padding:2rem 2.4rem;

    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%);
    backdrop-filter:blur(12px) saturate(145%);
    border:1px solid rgba(45,51,127,.08);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

/* ——— 2 ▸ Table base & header ———————————————— */
.table-wrapper.reviews  table.table-reviews{
    width:100%;
    border-collapse:separate; border-spacing:0;
    font-size:1.25rem;
}

.table-wrapper.reviews thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    backdrop-filter:blur(8px) saturate(155%);

    color:var(--cg-blue);
    font:600 1.15rem/1 var(--cg-font);
    text-align:center; letter-spacing:.1px;
    padding:1rem 1.4rem;

    border-right:1px solid rgba(45,51,127,.10);
    border-bottom:1px solid rgba(45,51,127,.10);
}
.table-wrapper.reviews thead th:last-child{border-right:none;}

/* ——— 3 ▸ Body stripes & hover tint ——————————— */
.table-wrapper.reviews tbody td{
    padding:1rem 1.4rem;
    font:500 1.25rem/1.45 var(--cg-font);

    border-right:1px solid rgba(45,51,127,.06);
    border-bottom:1px solid rgba(45,51,127,.06);
}
.table-wrapper.reviews tbody td:last-child{border-right:none;}

.table-wrapper.reviews tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.table-wrapper.reviews tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
.table-wrapper.reviews tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* ——— 4 ▸ “See Details” link ———————————————— */
.table-wrapper.reviews .action.more{
    font-weight:600;
    color:var(--cg-accent);
    text-decoration:none;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.table-wrapper.reviews .action.more:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);
    outline:none;
}

/* ——— 5 ▸ Mobile stack ≤ 640 px ——————————————— */
@media (max-width:640px){
    .table-wrapper.reviews thead{
        position:absolute; clip:rect(0 0 0 0);
        height:1px; width:1px; overflow:hidden;
    }
    .table-wrapper.reviews tbody tr{
        display:block;
        border-bottom:1px solid rgba(45,51,127,.08);
    }
    .table-wrapper.reviews tbody td{
        display:flex; justify-content:space-between;
        align-items:center; padding:.9rem 1.2rem;
        border-right:none;
    }
    .table-wrapper.reviews tbody td::before{
        content:attr(data-th);
        font-weight:600; color:var(--cg-blue);
    }
}

/* ——— 6 ▸ Bottom toolbar (amount + limiter) —————— */
.products-reviews-toolbar{
    margin-top:2.4rem;
    padding:1.5rem 2rem;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 4%);
    backdrop-filter:blur(10px) saturate(140%);
    border:1px solid rgba(45,51,127,.08);
    border-radius:14px;
    box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.products-reviews-toolbar .pager{
    display:flex; flex-wrap:wrap;
    align-items:center; justify-content:space-between;
    gap:1.2rem;

    font:500 1.25rem/1.4 var(--cg-font);
    color:var(--cg-neutral,#4b4f5a);
}
.products-reviews-toolbar .toolbar-amount{margin:0;}

.products-reviews-toolbar .limiter{
    display:flex; align-items:center; gap:.6rem;
}
.products-reviews-toolbar .limiter-label{font-weight:600;color:var(--cg-blue);}
.products-reviews-toolbar .limiter-options{
    min-width:5.2rem; padding:.35rem .8rem;
    font:600 1.15rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:#fff;
    border:1px solid rgba(45,51,127,.18);
    border-radius:8px; cursor:pointer;
    transition:border-color .18s ease, transform .18s cubic-bezier(.16,.8,.36,1);
}
.products-reviews-toolbar .limiter-options:is(:hover,:focus){
    border-color:var(--cg-accent); transform:translateY(-2px); outline:none;
}
.products-reviews-toolbar .limiter-text{opacity:.75;}

@media (max-width:640px){
    .products-reviews-toolbar .pager{
        flex-direction:column; align-items:flex-start;
    }
}


/*────────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ Customer‑Review Card  (v2025‑07‑sync)
  – glass card, responsive, token‑driven
────────────────────────────────────────────────────────────*/
:root{
    --cg-ease-smooth: cubic-bezier(.16,.8,.36,1);
    --cg-dur-fast   : .18s;
    --cg-dur-medium : .32s;
}

/* 1 ▸ wrapper column (optional max‑width for breathing room) */
.column.main.main-wrap{
    max-width:880px;                /* mirrors other dash cards  */
    margin-inline:auto;
    padding-inline:1.4rem;
}

/* 2 ▸ glass card shell */
.customer-review.view{
    display:flex; flex-direction:column; gap:2rem;
    margin:0 0 2.4rem;
    padding:2.6rem 3rem;
    font-family:var(--cg-font);
    background:color-mix(in srgb,#fff 80%,var(--cg-blue) 6%);
    backdrop-filter:blur(14px) saturate(150%);
    border:1px solid rgba(45,51,127,.10);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

/* 3 ▸ product block (thumbnail + name) */
.customer-review .product-details{
    display:flex; flex-wrap:wrap; align-items:center;
    column-gap:2.4rem;              /* keeps rhythm with dash   */
}

/* thumbnail inherits cg‑card‑strip rules */
.cg-img-container,
.cg-img-wrapper{width:230px!important;max-width:100%;}
.cg-img-wrapper{padding-bottom:100%!important;}

.product-image-photo{
    width:100%!important;height:100%!important;
    object-fit:cover;
    border-radius:14px;
    background:#fafafa;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    transition:transform .25s,box-shadow .25s;
}
.product-photo:is(:hover,:focus) .product-image-photo{
    transform:scale(1.06);
    box-shadow:0 4px 14px rgba(0,0,0,.12);
}

/* title with animated gold underline */
.product-name{
    flex:1 1 auto; min-height:100%;
    display:flex; align-items:center;
    font:700 clamp(1.6rem,1.2vw + 1.1rem,1.9rem)/1.35 var(--cg-font);
    color:var(--cg-blue); margin:0; position:relative;
}
.product-name::after{
    content:""; position:absolute; left:0; right:0; bottom:-.3rem;
    height:3px; border-radius:3px;
    background:linear-gradient(90deg,var(--cg-accent) 0%,color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%);
    transform-origin:left; transform:scaleX(.15);
    transition:transform .45s var(--cg-ease-smooth);
}
.product-name:hover::after{transform:scaleX(1);}

/* 4 ▸ review body hierarchy */
.review-title{
    margin:0 0 .4rem;
    font:600 1.35rem/1.3 var(--cg-font);
    letter-spacing:.25px; color:var(--cg-blue);
}
.review-content{
    margin:0 0 1.4rem;
    font:500 1.3rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}
.review-date{
    font:500 1.15rem/1.4 var(--cg-font);
    color:color-mix(in srgb,var(--cg-neutral) 80%,#000);
    opacity:.85;
}

/* 5 ▸ responsive tweaks */
@media (max-width:640px){
    .customer-review.view{padding:1.8rem 1.6rem;}
    .customer-review .product-details{flex-direction:column;align-items:flex-start;}
    .cg-img-container,.cg-img-wrapper{width:100%!important;aspect-ratio:5/3;padding-bottom:0!important;}
    .product-image-photo{object-fit:contain;background:#fff;}
}

@media (prefers-reduced-motion:reduce){
    *{transition:none!important;}
}
/*──────────────────────────────────────────────
  Customer‑Review card · full‑width patch
  (drop in AFTER your previous customer‑review SCSS)
──────────────────────────────────────────────*/

/* 1 ▸ let the wrapping column span its parent  */
.column.main.main-wrap{
    max-width: none;    /* kill the 880 px cap  */
    width: 100%;        /* occupy all space     */
    padding-inline: 0;  /* optional – flush edges;
                           keep if you prefer the old 1.4 rem gutter */
}

/* 2 ▸ make sure the glass card itself fills that column */
.customer-review.view{
    width: 100%;
}
/*────────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ Affiliate Portal Card (2025‑07‑rev‑D)
────────────────────────────────────────────────────────────*/

/* 0 ▸ column spacing – keep the 20 px drop under the nav */
.column.main.main-wrap{ margin-top:20px !important; }

/* 1 ▸ glass card shell */
#affiliate-user{
    display:block;
    width:100%;
    padding:2.6rem 2.8rem 2.8rem;     /* ↓ title now 2.6 rem from top */
    margin:0;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 6%);
    backdrop-filter:blur(14px) saturate(150%);
    border:1px solid rgba(45,51,127,.10);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    > br{display:none;}               /* kill stray <br> */
}

/* 2 ▸ legend (title bar) */
#affiliate-user .legend{
    margin:0 0 1.8rem;               /* no negative lift */
    padding-bottom:1rem;
    font:700 1.9rem/1.25 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue);
    border-bottom:1px solid var(--cg-surface-edge,#d9dcf0);
    position:relative;
    display: none;
}
#affiliate-user .legend::after{
    content:"";
    position:absolute;left:0;bottom:-.25rem;
    width:100%;height:3px;border-radius:3px;
    background:linear-gradient(90deg,
               var(--cg-accent) 0%,
               color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%);
    transform-origin:left;
    transform:scaleX(.15);
    transition:transform .45s cubic-bezier(.16,.8,.36,1);
    display: ;
}
#affiliate-user:hover .legend::after,
#affiliate-user:focus-within .legend::after{ transform:scaleX(1); }

/* 3 ▸ form controls (unchanged from rev‑C) */
#affiliate-user .field{ margin-bottom:1.8rem; }
#affiliate-user .label{
    display:block;margin-bottom:.6rem;
    font:600 1.35rem/1.35 var(--cg-font);color:var(--cg-blue);
}
#affiliate-user .control input[type="text"]{
    width:100%;padding:.75rem 1.2rem;
    font:500 1.3rem/1 var(--cg-font);color:var(--cg-blue);
    background:color-mix(in srgb,#fff 94%,var(--cg-blue) 6%);
    border:1px solid rgba(45,51,127,.15);border-radius:12px;
    transition:border-color .18s,box-shadow .18s;
}
#affiliate-user .control input[type="text"]:focus{
    border-color:var(--cg-accent);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 45%,transparent);
    outline:none;
}
#affiliate-user .control p{
    margin:.65rem 0 1.2rem;
    font:500 1.2rem/1.55 var(--cg-font);color:var(--cg-neutral);
}

/* 4 ▸ custom checkbox – now scoped & anchored */
#affiliate-user #affiliate-confirmation{
    position:relative;               /* NEW – keeps tick inside box   */
    appearance:none;width:1.6rem;height:1.6rem;
    border:2px solid rgba(45,51,127,.35);border-radius:4px;
    vertical-align:middle;margin-right:.6rem;cursor:pointer;
    transition:background .18s,border-color .18s;
}
#affiliate-user #affiliate-confirmation:checked{
    background:var(--cg-accent);border-color:var(--cg-accent);
}
#affiliate-user #affiliate-confirmation:checked::after{
    content:"";position:absolute;inset:0;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% 80% no-repeat;
    background:#fff;
}

#affiliate-user .wk-affiliate-terms-label{
    font:500 1.25rem/1.5 var(--cg-font);color:var(--cg-neutral);
}
#affiliate-user .wk-affiliate-terms-label a{
    color:var(--cg-accent);text-decoration:none;font-weight:600;
}
#affiliate-user .wk-affiliate-terms-label a:hover{ text-decoration:underline; }

/* 5 ▸ primary button */
#affiliate-user .actions-toolbar{ margin-top:2.6rem; }
#affiliate-user .actions-toolbar .action.save{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:3.2rem;padding:.8rem 2.4rem;border-radius:26px;
    font:600 1.35rem/1 var(--cg-font);color:#fff;
    background:var(--cg-accent);border:1px solid var(--cg-accent);
    transition:background .18s ease,transform .18s cubic-bezier(.16,.8,.36,1);
}
#affiliate-user .actions-toolbar .action.save:is(:hover,:focus){
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);outline:none;
}

/* 6 ▸ motion‑safe */
@media (prefers-reduced-motion:reduce){
    #affiliate-user *,
    #affiliate-user .legend::after{ transition:none!important; }
}

@media (min-width: 768px) {
    .columns.row         {display:flex; flex-wrap:nowrap;}
    
   
  }
  
  /*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ RETURN REQUESTS (RMA) – 2025 premium polish
  ⤷  paste AFTER your current dashboard CSS
───────────────────────────────────────────────────────────*/

/* 1 ▸ Glass card wrapper (fieldset already has .cg-fieldset) */
.cg-fieldset{
    /* inherits form‑legend polish you shipped earlier */
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%);
    backdrop-filter:blur(12px) saturate(145%);
    border:1px solid rgba(45,51,127,.08);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    padding:2rem 2.4rem;
}

/* 2 ▸ “Request a Return” CTA */
#wk_rma_new_request.cg-btn{
    display:inline-flex;align-items:center;justify-content:center;
    gap:.5rem;                           /* room for icon if you add one */
    min-height:3rem;padding:.75rem 2.2rem;
    font:600 1.35rem/1 var(--cg-font);
    color:#fff;
    background:var(--cg-accent);
    border:1px solid var(--cg-accent);
    border-radius:24px;
    transition:background .18s,transform .18s cubic-bezier(.16,.8,.36,1);
}
#wk_rma_new_request.cg-btn:is(:hover,:focus-visible){
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);outline:none;
}

/* 3 ▸ Apply‑filters pill */
.cg-btn.filter-order{
    margin-inline-start:.8rem;
    font-size:1.25rem;
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    color:var(--cg-blue);
    border:1px solid rgba(45,51,127,.12);
    border-radius:22px;
}
.cg-btn.filter-order:is(:hover,:focus-visible){
    background:var(--cg-blue);color:#fff;transform:translateY(-2px);
}

/* 4 ▸ Table shell */
#rma-table{
    width:100%;
    border-collapse:separate;border-spacing:0;
    font-size:1.25rem;
    margin-top:1.6rem;
}

/* 4a ▸ Header row */
#wk_rma_sorter th,
#wk_rma_sorter th span.wk_rma_table_title{ /* stronger selector override */
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    backdrop-filter:blur(8px) saturate(155%);
    color:var(--cg-blue);
    font:600 1.15rem/1 var(--cg-font);
    text-align:center;
    padding:1rem 1.4rem;
    border-right:1px solid rgba(45,51,127,.10);
    border-bottom:1px solid rgba(45,51,127,.10);
}
#wk_rma_sorter th:last-child{border-right:none;}

/* 4b ▸ Sort indicator (▲ / ▼ already toggled by JS) */
.wk_rma_sorter .wk_rma_desc::after,
.wk_rma_sorter .wk_rma_asc::after{
    font-family:'Inter',sans-serif;
    margin-left:.3rem;
    font-size:1.15rem;line-height:1;
}
.wk_rma_asc::after {content:'▲';}
.wk_rma_desc::after{content:'▼';}

/* 4c ▸ Filter row */
.wk_rma_filter th{padding:.7rem 1rem;border-bottom:1px solid rgba(45,51,127,.10);}
.filter_input{
    width:100%;
    min-height:2.8rem;
    padding:.55rem 1rem;
    font:500 1.25rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,#fff 94%,var(--cg-blue) 6%);
    border:1px solid rgba(45,51,127,.15);
    border-radius:14px;
    transition:border-color .18s ease,box-shadow .18s ease;
}
.filter_input:focus{
    border-color:var(--cg-accent);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 45%,transparent);
    outline:none;
}

/* 4d ▸ Body cells */
#rma-table tbody td{
    padding:1rem 1.4rem;
    font:500 1.25rem/1.45 var(--cg-font);
    border-right:1px solid rgba(45,51,127,.06);
    border-bottom:1px solid rgba(45,51,127,.06);
}
#rma-table tbody td:last-child{border-right:none;}
#rma-table tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
#rma-table tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
#rma-table tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* 4e ▸ Empty state (no returns yet) */
#rma-table .a-center{
    padding:2.4rem 1.8rem;
    border:2px dashed var(--cg-surfaceEdge);
    background:color-mix(in srgb,#fff 90%,var(--cg-blue) 4%);
    border-radius:14px;
    font:500 1.3rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}
#rma-table .a-center a.cg-btn{
    margin-top:.9rem;
}

/* 5 ▸ Mobile stack ≤ 640 px */
@media (max-width:640px){
    /* hide header for screen‑readers only */
    #rma-table thead.wk_rma_sorter{
        position:absolute;clip:rect(0 0 0 0);
        width:1px;height:1px;overflow:hidden;
    }
    #rma-table tbody tr{
        display:block;
        border-bottom:1px solid rgba(45,51,127,.08);
    }
    #rma-table tbody td{
        display:flex;justify-content:space-between;align-items:center;
        padding:.9rem 1.2rem;
        border-right:none;
    }
    #rma-table tbody td::before{
        content:attr(data-th);
        font-weight:600;color:var(--cg-blue);
    }
}

/* 6 ▸ Motion‑safe users */
@media (prefers-reduced-motion:reduce){
    *,
    #wk_rma_new_request.cg-btn,
    .cg-btn.filter-order,
    .wk_rma_sorter th,
    #rma-table tbody tr:hover{transition:none!important;}
}
/*───────────────────────────────────────────────────────────
  RMA QUICK‑FIX ▸ kill leftover 2016 styles
───────────────────────────────────────────────────────────*/

/* 1 ▸ table‑header “selected” state – make it on‑brand */
#rma-table th.wk_rma_selected{
    /* glass‑tint that matches other sortable headers */
    background:color-mix(in srgb,var(--cg-accent) 12%,#fff 88%) !important;
    border-color:rgba(45,51,127,.18) !important;
    box-shadow:none !important;
}

/* 2 ▸ strip old borders/padding that clash with new spec  */
#rma-table th{
    border:none !important;              /* keep the tidy borders
                                            we already defined earlier */
    padding:1rem 1.4rem !important;       /* same rhythm as rest */
}

/* 3 ▸ bring the “Request a Return” pill back in line      */
legend{                                   /* turn legend into a flex row */
    display:flex;align-items:center;justify-content:space-between;
    gap:1rem;flex-wrap:wrap;
}
#wk_rma_new_request.cg-btn{
    /* wipe the ancient float rule */
    float:none !important;
    width:auto !important;
    margin-left:auto;                     /* keeps it flush‑right */
}
/*───────────────────────────────────────────────────────────
  RMA TABLE – tidy‑up (kills legacy sprite, fixes CTA float)
───────────────────────────────────────────────────────────*/

/* 1 ▸ Remove 2010‑era GIF arrows – let ::after glyphs do the job */
#rma-table .wk_rma_desc,
#rma-table .wk_rma_asc{
    background:none !important;     /* nuke red sprite */
    width:auto !important;
    height:auto !important;
}

/*  ⤵ OPTIONAL: unify the new chevrons with brand colour  */
.wk_rma_sorter .wk_rma_desc::after{ content:"▼"; color:var(--cg-blue); }
.wk_rma_sorter .wk_rma_asc::after { content:"▲"; color:var(--cg-blue); }

/* 2 ▸ Fix the legend / button wrap – make it a flex row   */
legend{                                /* fieldset title bar */
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    flex-wrap:wrap;                    /* wrap on very narrow mobile */
}

/* 3 ▸ Kill the stray float/width that was shoving the CTA down */
#wk_rma_new_request{
    float:none !important;
    width:auto !important;             /* pill sizes itself */
    margin-left:auto;                  /* still aligns right */
}
/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ RMA TABLE  (premium 2025 skin)
  – paste after all other CSS so it wins the cascade
───────────────────────────────────────────────────────────*/

/* 0 ▸ shell ─ give the table its own subtle glass card      */
#rma-table{
    width:100%;
    border-collapse:separate;               /* keep rounded corners   */
    border-spacing:0;
    margin-top:1.6rem;
    font-size:1.25rem;
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%);
    backdrop-filter:blur(12px) saturate(145%);
    border:1px solid rgba(45,51,127,.08);
    border-radius:14px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    overflow:hidden;                        /* clip round corners     */
}

/* 1 ▸ header row ‑– glass strip, brand blue text             */
#rma-table thead.wk_rma_sorter th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    backdrop-filter:blur(8px) saturate(155%);
    color:var(--cg-blue);
    font:600 1.15rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    text-align:center;
    letter-spacing:.1px;
    padding:1rem 1.4rem;
    border-right:1px solid rgba(45,51,127,.10);
    border-bottom:1px solid rgba(45,51,127,.10);
}
#rma-table thead.wk_rma_sorter th:last-child{border-right:none;}

/* 2 ▸ sorting chevrons (inherits rules you’ve added)         */
.wk_rma_sorter .wk_rma_desc::after{content:"▼";color:var(--cg-blue);}
.wk_rma_sorter .wk_rma_asc::after {content:"▲";color:var(--cg-blue);}
#rma-table .wk_rma_desc,
#rma-table .wk_rma_asc{background:none!important;width:auto!important;height:auto!important;}

/* 3 ▸ filter row – light glass stripe + brand inputs         */
#rma-table thead.wk_rma_filter{
    background:color-mix(in srgb,var(--cg-accent) 4%,#fff 96%);
}
#rma-table .wk_rma_filter input{
    width:100%;
    min-height:2.6rem;
    padding:.6rem .9rem;
    font:500 1.25rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:#fff;
    border:1px solid rgba(45,51,127,.18);
    border-radius:8px;
    transition:border-color .18s ease,box-shadow .18s ease;
}
#rma-table .wk_rma_filter input:focus{
    border-color:var(--cg-accent);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 45%,transparent);
    outline:none;
}

/* 4 ▸ body cells – zebra glass stripes + hover tint          */
#rma-table tbody td{
    padding:1rem 1.4rem;
    font:500 1.25rem/1.45 var(--cg-font);
    border-right:1px solid rgba(45,51,127,.06);
    border-bottom:1px solid rgba(45,51,127,.06);
}
#rma-table tbody td:last-child{border-right:none;}

#rma-table tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
#rma-table tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
#rma-table tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* 5 ▸ “No return requests” empty‑state block                 */
#rma-table .a-center{
    padding:2.4rem 1.8rem;
    border:2px dashed var(--cg-surfaceEdge);
    background:color-mix(in srgb,#fff 90%,var(--cg-blue) 4%);
    border-radius:14px;
    font:500 1.3rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}
#rma-table .a-center a.cg-btn{margin-top:.9rem;}

/* 6 ▸ mobile stack ≤ 640 px – header‑less card view          */
@media (max-width:640px){
    #rma-table thead{
        position:absolute;clip:rect(0 0 0 0);
        height:1px;width:1px;overflow:hidden;
    }
    #rma-table tbody tr{
        display:block;
        border-bottom:1px solid rgba(45,51,127,.08);
    }
    #rma-table tbody td{
        display:flex;justify-content:space-between;
        align-items:center;padding:.9rem 1.2rem;
        border-right:none;
    }
    #rma-table tbody td::before{
        content:attr(data-th);
        font-weight:600;color:var(--cg-blue);
    }
}

/* 7 ▸ reduced‑motion safety                                  */
@media (prefers-reduced-motion:reduce){
    #rma-table tbody tr:hover,
    #rma-table thead.wk_rma_filter input{transition:none;}
}

/*───────────────────────────────────────────────────────────
  Legend + “Request a Return” pill on one line
───────────────────────────────────────────────────────────*/
fieldset > .legend{        /* flex row = title + CTA */
    display:flex;align-items:center;justify-content:space-between;
    gap:1rem;flex-wrap:wrap;
}
#wk_rma_new_request{
    float:none!important;width:auto!important;margin-left:auto;
}
/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ RMA TABLE – final tidy‑up
───────────────────────────────────────────────────────────*/

/* 1 ▸ body cells – kill the right‑hand border only ONCE      */
#rma-table tbody td:last-child{
    border-right:none!important;
}

/* 2 ▸ empty‑state block – keep the premium glass look        */
#rma-table .a-center{
    padding:2.4rem 1.8rem;
    border:2px dashed var(--cg-surfaceEdge);
    background:color-mix(in srgb,#fff 90%,var(--cg-blue) 4%);
    border-radius:14px;
    font:500 1.3rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}
#rma-table .a-center a.cg-btn{margin-top:.9rem;}

/* 3 ▸ universal action pills – override the old Magento core */
.action.primary,
.action.secondary{
    display:inline-flex;align-items:center;justify-content:center;
    gap:.45rem;
    min-height:3rem;
    padding:.75rem 2.2rem;
    
    font:600 1.35rem/1 var(--cg-font);
    border-radius:24px!important;
    transition:background .18s,transform .18s cubic-bezier(.16,.8,.36,1);
    
    /* remove legacy props */
    line-height:1!important;
    text-transform:none;
    backface-visibility:hidden;
}

/* primary = gold, secondary = glass‑blue */
.action.primary{
    color:#fff;background:var(--cg-accent);border:1px solid var(--cg-accent);
}
.action.secondary{
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    border:1px solid rgba(45,51,127,.12);
}

.action.primary:is(:hover,:focus),
.action.secondary:is(:hover,:focus){
    transform:translateY(-2px);
    outline:none;
}
.action.primary:is(:hover,:focus){
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
}
.action.secondary:is(:hover,:focus){
    background:var(--cg-blue);color:#fff;
}
/*───────────────────────────────────────────────────────────
  CAPTAIN‑GREEK ▸ RMA  – premium empty‑state layout (v2025‑08)
───────────────────────────────────────────────────────────*/

/* 1 ▸ 100 %‑width glass pill that centres its contents        */
#rma-table .a-center{
    /* full‑bleed inside the card */
    width:100%;
    display:flex;
    flex-direction:column;      /* message on top, CTA under     */
    align-items:center;
    justify-content:center;
    gap:1.2rem;                 /* crisp vertical rhythm          */

    /* keeps your existing premium look */
    padding:2.6rem 2rem;
    border:2px dashed var(--cg-surfaceEdge);
    background:color-mix(in srgb,#fff 90%,var(--cg-blue) 4%);
    border-radius:14px;
    text-align:center;

    font:500 1.35rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}

/* 2 ▸ Reset the CTA only **inside** this cell                 */
#rma-table .a-center #wk_rma_new_request{
    float:none !important;      /* kill the universal float       */
    width:auto !important;      /* let the pill size itself       */
    margin:0;                   /* gap already handled by flex    */
}

/* 3 ▸ Mobile ≤480 px – nothing changes (already stacked)      */