/*
 * Aura — checkout (WooCommerce classic checkout).
 * Two columns on desktop: your details | order summary + payment.
 * Colours come from the FJG palette, so dark mode follows along.
 */
.woocommerce-checkout{
  --co-navy:var(--wp--preset--color--fjg-navy,#131b2e);
  --co-gold:var(--wp--preset--color--fjg-gold,#ffe08f);
  --co-gold-deep:var(--wp--preset--color--fjg-gold-deep,#e6c364);
  --co-gold-dark:var(--wp--preset--color--fjg-gold-dark,#755b00);
  --co-gold-ink:var(--wp--preset--color--fjg-gold-ink,#241a00);
  --co-card:var(--wp--preset--color--fjg-white,#fff);
  --co-field:var(--wp--preset--color--fjg-cream,#fbf9f4);
  --co-ink:var(--wp--preset--color--fjg-ink,#000);
  --co-text:var(--wp--preset--color--fjg-text,#1b1c19);
  --co-muted:var(--wp--preset--color--fjg-muted,#45464c);
  --co-line:var(--wp--preset--color--fjg-line,#e4e2dd);
}
/* hero */
.aura-co-hero{position:relative;overflow:hidden}
.aura-co-hero::before,.aura-co-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.aura-co-hero::before{width:420px;height:420px;right:-140px;top:-180px;background:radial-gradient(circle,rgba(255,224,143,.18),transparent 70%)}
.aura-co-hero::after{width:320px;height:320px;left:-120px;bottom:-200px;background:radial-gradient(circle,rgba(154,163,184,.18),transparent 70%)}
.aura-co-hero > *{position:relative}
.aura-co-step{margin:0!important;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem .4rem .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#c9cfdc;font-size:.9rem;font-weight:600}
.aura-co-step span{width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:.8rem}
.aura-co-step.is-done{color:#a7f3d0;border-color:rgba(52,211,153,.4)}
.aura-co-step.is-done span{background:rgba(52,211,153,.2)}
.aura-co-step.is-now{color:var(--co-gold-ink);background:var(--co-gold);border-color:var(--co-gold)}
.aura-co-step.is-now span{background:rgba(36,26,0,.12)}
/* the page content sits on a card that overlaps the hero */
.aura-co-main > .wp-block-post-content{margin-top:-3.5rem!important;position:relative;z-index:2}
.aura-co-main .woocommerce{max-width:1120px;margin:0 auto}
.aura-co-trust p{margin:0!important}
.aura-co-trust a{color:inherit;text-decoration:underline}

/* layout */
.woocommerce-checkout form.checkout *,.woocommerce-checkout form.checkout *::before,.woocommerce-checkout form.checkout *::after{box-sizing:border-box}
.woocommerce-checkout form.checkout{min-width:0}
.woocommerce-checkout form.checkout > *{min-width:0;max-width:100%}
.aura-co-main .wp-block-post-content > *{max-width:100%}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}
@media (min-width:900px){
  .woocommerce-checkout form.checkout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1.5rem}
  .woocommerce-checkout form.checkout > #customer_details{grid-column:1;grid-row:1 / span 3}
  .woocommerce-checkout form.checkout > #order_review_heading{grid-column:2;grid-row:1}
  .woocommerce-checkout form.checkout > #order_review{grid-column:2;grid-row:1;position:sticky;top:1.5rem}
}
.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup,
.woocommerce-checkout form.checkout > .woocommerce-error{grid-column:1 / -1}
.woocommerce-checkout .woocommerce-form-login-toggle,.woocommerce-checkout .woocommerce-notices-wrapper{max-width:1120px;margin:0 auto 1rem}

/* cards */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{background:var(--co-card);border:1px solid var(--co-line);border-radius:1.25rem;box-shadow:0 18px 50px -24px rgba(19,27,46,.35);padding:1.75rem}
@media (max-width:599px){.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{padding:1.25rem;border-radius:1rem}}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:100%!important;float:none!important;max-width:none!important;padding:0!important}
.woocommerce-checkout #customer_details .col-2:empty{display:none}
.woocommerce-checkout #order_review_heading{display:none}
.woocommerce-checkout #order_review::before{content:"আপনার অর্ডার";display:block;font-weight:700;font-size:1.25rem;color:var(--co-ink);margin:0 0 1rem}
.woocommerce-checkout .woocommerce-billing-fields > h3{display:flex;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:1.25rem;color:var(--co-ink)}
.woocommerce-checkout .woocommerce-billing-fields > h3::before{content:"১";width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--co-gold);color:var(--co-gold-ink);font-size:.95rem}

/* fields */
.woocommerce-checkout .form-row{margin:0 0 1.1rem!important;padding:0!important}
.woocommerce-checkout .form-row label{display:block;font-weight:600;color:var(--co-ink);margin:0 0 .4rem;font-size:.97rem}
.woocommerce-checkout .form-row .required{color:#c2410c;text-decoration:none}
.woocommerce-checkout .woocommerce-input-wrapper{display:block;width:100%}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select{width:100%;height:3.1rem;padding:0 1rem;border:1.5px solid var(--co-line);border-radius:.8rem;background:var(--co-field);color:var(--co-ink);font-size:1rem;font-family:inherit;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.woocommerce-checkout .form-row input.input-text:focus{outline:none;border-color:var(--co-gold-dark);box-shadow:0 0 0 4px rgba(230,195,100,.28);background:var(--co-card)}
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text{border-color:#dc2626}
.woocommerce-checkout .form-row.woocommerce-validated input.input-text{border-color:#34d399}
.woocommerce-checkout .form-row .description{display:block!important;margin-top:.35rem;color:var(--co-muted);font-size:.85rem;background:none!important;padding:0!important;box-shadow:none!important}
.woocommerce-checkout .form-row .description::before{display:none}
.woocommerce-checkout .form-row input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--co-gold-dark);vertical-align:-.15rem;margin-right:.35rem}
.woocommerce-checkout .optional{color:var(--co-muted);font-weight:400;font-size:.85rem}

/* order table */
.woocommerce-checkout table.shop_table{border:0!important;border-radius:0;margin:0 0 1rem!important;width:100%;border-collapse:collapse}
.woocommerce-checkout table.shop_table thead{display:none}
.woocommerce-checkout table.shop_table th,.woocommerce-checkout table.shop_table td{border:0!important;border-bottom:1px solid var(--co-line)!important;padding:.85rem 0!important;background:none!important;color:var(--co-text);vertical-align:top}
.woocommerce-checkout table.shop_table td.product-total,.woocommerce-checkout table.shop_table tfoot td{text-align:right;white-space:nowrap}
.woocommerce-checkout table.shop_table td.product-name{font-weight:700;color:var(--co-ink);line-height:1.5;padding-right:1rem!important}
.woocommerce-checkout table.shop_table .product-quantity{display:none}
.woocommerce-checkout table.shop_table .wc-item-meta,.woocommerce-checkout table.shop_table dl.variation{margin:.4rem 0 0;font-weight:500;color:var(--co-muted);font-size:.9rem}
.woocommerce-checkout table.shop_table dl.variation dt,.woocommerce-checkout table.shop_table dl.variation dd{display:inline;margin:0;float:none}
.woocommerce-checkout table.shop_table dl.variation dd p{display:inline;margin:0}
.woocommerce-checkout table.shop_table tr.fee td{color:#047857;font-weight:600}
.woocommerce-checkout table.shop_table tr.order-total th,.woocommerce-checkout table.shop_table tr.order-total td{border-bottom:0!important;padding-top:1rem!important;font-size:1.15rem;color:var(--co-ink)}
.woocommerce-checkout table.shop_table tr.order-total .amount{font-size:1.6rem;font-weight:800;color:var(--co-ink);font-family:"Plus Jakarta Sans","Hind Siliguri",sans-serif}

/* payment box */
.woocommerce-checkout #payment{background:none!important;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0!important;padding:0!important;margin:0 0 1rem!important}
.woocommerce-checkout #payment ul.payment_methods li{list-style:none;border:2px solid var(--co-gold-deep);border-radius:.9rem;padding:.9rem 1rem;background:rgba(255,224,143,.12)}
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:700;color:var(--co-ink);cursor:pointer}
.woocommerce-checkout #payment ul.payment_methods li input[type=radio]{accent-color:var(--co-gold-dark);margin-right:.4rem}
.woocommerce-checkout #payment div.payment_box{background:transparent!important;color:var(--co-muted)!important;padding:.4rem 0 0 1.6rem!important;margin:0!important;font-size:.9rem}
.woocommerce-checkout #payment div.payment_box::before{display:none!important}
.woocommerce-checkout #payment div.form-row.place-order{padding:0!important;margin:0!important}
.woocommerce-checkout #place_order{width:100%;float:none;height:3.5rem;border:0;border-radius:.9rem;background:var(--co-gold)!important;color:var(--co-gold-ink)!important;font-family:inherit;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 12px 24px -10px rgba(230,195,100,.95);transition:transform .1s,filter .15s;margin-top:.5rem}
.woocommerce-checkout #place_order:hover{filter:brightness(.97)}
.woocommerce-checkout #place_order:active{transform:translateY(1px)}
.woocommerce-checkout #place_order:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.woocommerce-checkout .woocommerce-privacy-policy-text{font-size:.8rem;color:var(--co-muted)}
.woocommerce-checkout .woocommerce-privacy-policy-text p{margin:.5rem 0 0}

/* the FJG "what's included" note */
.woocommerce-checkout .fjg-pkg-note{border-radius:.9rem!important;font-size:.92rem!important}

/* notices */
.woocommerce-checkout .woocommerce-error,.woocommerce-checkout .woocommerce-info,.woocommerce-checkout .woocommerce-message{border-radius:.9rem;border:1px solid var(--co-line);background:var(--co-card);color:var(--co-text)}
.woocommerce-checkout .woocommerce-error{border-color:rgba(220,38,38,.35);background:#fff1f1;color:#991b1b}
html[data-theme="dark"] .woocommerce-checkout .woocommerce-error{background:#2a1616;color:#fca5a5}
