/* ── Calibre WP theme — WooCommerce + account + header styling (dark, on-brand) ── */
/* Brand palette: --accent #c8553d (rust), --accent-dark #8e2f1f, bright #e0663f */

/* Header bar */
.cwp-site-header{position:sticky;top:0;z-index:100;background:#0b1020;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem}
.cwp-logo{font-family:"Genos",sans-serif;font-weight:900;font-size:1.7rem;letter-spacing:.14em;text-decoration:none;color:#f4f1ea;line-height:1}
.cwp-nav{margin-left:auto;display:flex;gap:1.25rem;align-items:center}
.cwp-nav a{color:#e9e7e1;font-size:15px;text-decoration:none}
.cwp-nav a:hover{color:#e0663f}
.cwp-nav-toggle{display:none;margin-left:auto;background:none;border:0;color:#f4f1ea;font-size:1.55rem;line-height:1;cursor:pointer;padding:.15rem .35rem}
@media(max-width:760px){
  .cwp-nav-toggle{display:block}
  .cwp-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#0b1020;border-bottom:1px solid rgba(255,255,255,.12);padding:.35rem 0;margin:0;box-shadow:0 16px 30px -12px rgba(0,0,0,.55)}
  .cwp-nav.open{display:flex}
  .cwp-nav a{padding:.8rem 1.5rem;border-top:1px solid rgba(255,255,255,.06)}
}

main.site-main{max-width:1040px;margin:2.5rem auto;padding:0 1.25rem;color:#e9e7e1}

/* News article body — in-content links (no rule = browser default blue/underline) */
.article-body a{color:#e0663f}

/* Buttons — brand rust with white text */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce-MyAccount-content .button,.wc-block-components-button{
  background:#c8553d!important;color:#fff!important;border:0!important;border-radius:10px!important;
  padding:.7em 1.3em!important;font-weight:700!important;letter-spacing:.2px;box-shadow:none!important;text-shadow:none!important;transition:background .15s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.wc-block-components-button:hover{background:#e0663f!important}

/* My Account: sidebar + content (override WooCommerce floats/widths; explicit order) */
body.woocommerce-account main{max-width:1040px;margin:2.5rem auto;padding:0 1.25rem}
body.woocommerce-account .woocommerce{display:flex!important;flex-wrap:wrap;gap:2rem;align-items:flex-start}
body.woocommerce-account .woocommerce-MyAccount-navigation{order:1;flex:0 0 230px;width:230px!important;float:none!important;margin:0!important}
body.woocommerce-account .woocommerce-MyAccount-content{order:2;flex:1 1 320px;width:auto!important;min-width:0;float:none!important;margin:0!important}
.woocommerce-MyAccount-navigation{margin:0}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03)}
.woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:.8rem 1.1rem;text-decoration:none;color:#e9e7e1;border-bottom:1px solid rgba(255,255,255,.08)}
.woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}
.woocommerce-MyAccount-navigation li a:hover{background:rgba(255,255,255,.05)}
.woocommerce-MyAccount-navigation li.is-active a{background:rgba(200,85,61,.20);color:#fff;font-weight:700;box-shadow:inset 3px 0 0 #c8553d}
.woocommerce-MyAccount-content{min-width:0}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{color:#fff}
.woocommerce-MyAccount-content p{color:#c9c6bf}
.woocommerce-MyAccount-content a{color:#e0663f}

/* Tables (orders, cart, account) */
.woocommerce table.shop_table,.woocommerce-MyAccount-content table.shop_table{border:1px solid rgba(255,255,255,.14);border-radius:12px;border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;background:rgba(255,255,255,.02);margin:0 0 1.2rem}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-top:1px solid rgba(255,255,255,.08);padding:.8rem 1rem;color:#e9e7e1}
.woocommerce table.shop_table thead th{background:rgba(255,255,255,.05);border-top:0;text-transform:uppercase;font-size:12px;letter-spacing:.4px;color:#a9a69f}
.woocommerce table.shop_table tbody tr:hover{background:rgba(255,255,255,.02)}

/* Forms — dark, on-brand inputs (consistent with the rest of the dark site) */
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.wc-block-components-text-input input,
.woocommerce-account input,.woocommerce-account select{background:rgba(255,255,255,.04);color:#f4f1ea;border:1px solid rgba(255,255,255,.20);border-radius:8px;padding:.65em .85em}
.woocommerce input.input-text:focus,.woocommerce textarea:focus,.woocommerce select:focus,
.woocommerce-account input:focus,.woocommerce-account select:focus{outline:none;border-color:#c8553d;box-shadow:0 0 0 2px rgba(200,85,61,.25)}
.woocommerce input.input-text::placeholder{color:#8a877f}
.woocommerce form .form-row label,.woocommerce-account label{color:#c9c6bf}
.woocommerce .show-password-input,.woocommerce .password-input{color:#c9c6bf}

/* Login / register page — centered on-brand card + brand links */
body.woocommerce-account:not(.logged-in) .woocommerce{display:block!important;max-width:460px;margin:1.5rem auto}
body.woocommerce-account:not(.logged-in) .u-columns{display:block}
.woocommerce form.login,.woocommerce form.register{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:1.7rem 1.5rem 1.5rem;background:rgba(255,255,255,.03);margin:0}
.woocommerce form.login label,.woocommerce form.register label{color:#c9c6bf}
.woocommerce form.login .button,.woocommerce form.register .button{margin-right:.4rem}
.woocommerce-LostPassword a,.woocommerce form.login a,.woocommerce form.register a{color:#e0663f;text-decoration:none}
.woocommerce-LostPassword a:hover,.woocommerce form.login a:hover{text-decoration:underline}
.woocommerce form.login .woocommerce-form-login__rememberme,
.woocommerce form.register .woocommerce-form__label-for-checkbox{color:#c9c6bf}

/* Cart / checkout wrappers */
main.woocommerce-wrap{max-width:1100px;margin:2.5rem auto;padding:0 1.25rem}
.woocommerce .cart_totals h2,.woocommerce-checkout h3,.woocommerce-checkout #order_review_heading{color:#fff}
.woocommerce .order-total .amount,.woocommerce .cart-subtotal .amount{color:#fff}

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{border-radius:10px;border-top:3px solid #c8553d;background:rgba(255,255,255,.05);color:#e9e7e1;box-shadow:none}
.woocommerce-message a,.woocommerce-info a,.woocommerce-error a{color:#e0663f}

@media(max-width:782px){ body.woocommerce-account .woocommerce{gap:1.2rem} body.woocommerce-account .woocommerce-MyAccount-navigation{flex-basis:100%;width:100%!important} }

/* This site takes orders via /order (not a browse-store): hide WooCommerce's
   cross-sell + "New in store" product grids on the cart — they expose raw SKUs
   with placeholder art and off-brand blue links. */
.wp-block-woocommerce-product-collection,
.wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new,
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading:not(.wc-block-cart__empty-cart__title){display:none!important}
/* Empty-cart: give the "Browse store" button the brand button style (it redirects to /order) */
.wp-block-woocommerce-empty-cart-block .wp-block-button__link,
.wp-block-woocommerce-empty-cart-block a.button{background:#c8553d!important;color:#fff!important;border-radius:10px!important}
/* Orphaned dots separator on the empty cart (divided the message from the removed grid) */
.wp-block-woocommerce-empty-cart-block .wp-block-separator{display:none!important}