/* =====================================================================
   All Oriental Rugs — SITE-WIDE shell: shared header + footer + tokens.
   Loaded on every page so the whole site (incl. Blocksy shop/product/cart)
   uses ONE consistent header and footer. Single warm-antique light palette.
   ===================================================================== */
:root{
  --paper:#1c1611;--raise:#241d15;--card:#2a2119;--card-2:#302519;
  --ink:#efe3cc;--ink-soft:#b3a488;--ink-faint:#847763;
  --line:#3c3124;--line-soft:#2f271c;
  --madder:#d06a4f;--madder-deep:#b8563d;--indigo:#8496cf;--gold:#c8a566;--gold-bright:#dcba79;
  --band:#241813;--band-ink:#f0e4cc;--band-gold:#d8b06a;
  --serif:"Didot","Bodoni MT","Bodoni 72","Hoefler Text","Playfair Display","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:"Optima","Gill Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Code",Consolas,monospace;
}

/* warm the Blocksy-rendered pages (shop/product/cart/account/archives) */
html{font-size:18px;}
html body{background-color:var(--paper) !important;color:var(--ink);font-size:1rem;}
body #main,body .ct-container,body .ct-container-full,body .site-main,
body .content-area,body [class*="content-block"],body .ct-sidebar,
body article.type-page,body article.type-product{background-color:transparent !important;}
.aor-shell-u{max-width:1240px;margin:0 auto;padding:0 28px;}
header.site .u,footer.site .u{max-width:1240px;margin:0 auto;padding:0 28px;}

/* ---- persian border + announcement ---- */
.pborder{height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='26' viewBox='0 0 48 26'%3E%3Cg fill='none' stroke='%239b3223' stroke-width='1.3'%3E%3Cpath d='M24 5 L31 13 L24 21 L17 13 Z'/%3E%3Cpath d='M0 13 L6 8 M0 13 L6 18 M48 13 L42 8 M48 13 L42 18'/%3E%3C/g%3E%3Cg stroke='%238f6a29' stroke-width='1.1'%3E%3Cline x1='0' y1='2.2' x2='48' y2='2.2'/%3E%3Cline x1='0' y1='23.8' x2='48' y2='23.8'/%3E%3C/g%3E%3Ccircle cx='24' cy='13' r='2' fill='%238f6a29'/%3E%3Ccircle cx='7' cy='13' r='1.4' fill='%239b3223'/%3E%3Ccircle cx='41' cy='13' r='1.4' fill='%239b3223'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center;background-size:auto 22px;}
.announce{background:var(--band);color:#efe0c8;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:9px 16px;font-family:var(--sans);}
.announce a{color:#e7c98b;border-bottom:1px solid rgba(231,201,139,.5);padding-bottom:1px;}

/* ---- header ---- */
header.site{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);}
header.site .nav{display:flex;align-items:center;gap:22px;padding:14px 0;}
header.site .brand{display:flex;align-items:center;gap:12px;flex:none;text-decoration:none;}
header.site .brand img{width:58px;height:58px;object-fit:contain;}
header.site .brand .wm{font-family:var(--serif);line-height:1;letter-spacing:.02em;}
header.site .brand .wm b{display:block;font-size:1.22rem;font-weight:400;color:var(--ink);}
header.site .brand .wm small{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.32em;color:var(--gold);margin-top:3px;}
header.site nav.links{display:flex;gap:22px;margin-left:14px;flex:1;}
header.site nav.links a{font-size:.82rem;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;position:relative;padding:6px 0;}
header.site nav.links a:hover{color:var(--ink);}
header.site nav.links a.trade{color:var(--madder);}
header.site .actions{display:flex;align-items:center;gap:16px;flex:none;color:var(--ink-soft);}
header.site .actions .ic-link{display:inline-flex;align-items:center;color:inherit;text-decoration:none;}
header.site .actions .ic{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4;}
header.site .actions .ic-link:hover{color:var(--ink);}
header.site .cart{position:relative;}
header.site .cart .dot{position:absolute;top:-6px;right:-8px;background:var(--madder);color:#fff;font-family:var(--mono);font-size:9px;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
@media(max-width:1000px){header.site nav.links{display:none;}}

/* ---- footer ---- */
footer.site{background:var(--band);color:#e5d8c0;padding:60px 0 28px;margin-top:60px;}
footer.site .f-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;}
@media(max-width:860px){footer.site .f-top{grid-template-columns:1fr 1fr;gap:30px 20px;}}
footer.site .brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
footer.site .brand img{width:40px;height:40px;object-fit:contain;}
footer.site .brand .wm b{font-family:var(--serif);font-weight:400;font-size:1.1rem;color:#fdf8ef;}
footer.site .f-brand p{color:#c9bca6;font-size:.88rem;max-width:34ch;margin:14px 0 16px;}
footer.site .f-social{display:flex;gap:12px;}
footer.site .f-social a{width:34px;height:34px;border:1px solid rgba(216,176,106,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d8b06a;}
footer.site .f-social a:hover{color:#2a1a12;background:#d8b06a;}
footer.site .f-social svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4;}
footer.site .f-col h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#d8b06a;margin:6px 0 16px;}
footer.site .f-col a{display:block;color:#cabca5;font-size:.88rem;padding:5px 0;text-decoration:none;}
footer.site .f-col a:hover{color:#fdf8ef;}
footer.site .f-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center;margin-top:40px;padding-top:22px;border-top:1px solid rgba(216,176,106,.22);}
footer.site .f-bottom p{font-size:.78rem;color:#b6a88f;margin:0;}
footer.site .pay{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#b6a88f;}
footer.site .pay span{border:1px solid rgba(216,176,106,.3);border-radius:3px;padding:4px 8px;}

/* ---- warm up Blocksy's shop/archive chrome ---- */
.woocommerce-products-header,
.page-header,
[class*="entry-hero"],
.ct-page-title{background:transparent !important;}
.woocommerce-products-header__title,
.page-title,
.entry-title{font-family:var(--serif) !important;font-weight:400 !important;color:var(--ink) !important;}


/* ---- feedback fixes (dark) ---- */
header.site .brand img{width:90px;height:90px;}
.aor-filter select option,.refine select option,select option{background-color:#2a2119;color:#efe3cc;}
html body .woocommerce .woocommerce-result-count{color:var(--ink-faint) !important;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;}
html body .woocommerce .woocommerce-ordering select{background:var(--card) !important;color:var(--ink) !important;border:1px solid var(--line);border-radius:2px;padding:8px 12px;}

/* ---- AJAX search overlay ---- */
.aor-search{position:fixed;inset:0 0 auto 0;z-index:200;background:color-mix(in srgb,var(--paper) 97%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s;box-shadow:0 20px 50px rgba(0,0,0,.4);}
.aor-search.open{transform:none;opacity:1;pointer-events:auto;}
.aor-search-bar{display:flex;align-items:center;gap:14px;padding:26px 28px;}
.aor-search-bar .si{width:24px;height:24px;stroke:var(--gold);fill:none;stroke-width:1.5;flex:none;}
.aor-search-bar input{flex:1;background:transparent;border:none;font-family:var(--serif);font-size:1.6rem;color:var(--ink);outline:none;}
.aor-search-bar input::placeholder{color:var(--ink-faint);}
.aor-x{background:none;border:none;color:var(--ink-soft);font-size:2rem;line-height:1;cursor:pointer;padding:0 6px;}
.aor-x:hover{color:var(--madder);}
.aor-search-results{padding:0 28px 24px;max-height:60vh;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.aor-search-results:empty{display:none;}
.aor-sr{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid var(--line-soft);border-radius:4px;background:var(--card);text-decoration:none;transition:border-color .15s;}
.aor-sr:hover{border-color:var(--gold);}
.aor-sr img,.aor-sr .ph{width:56px;height:56px;object-fit:cover;border-radius:3px;flex:none;background:var(--raise);}
.aor-sr .t{font-family:var(--serif);font-size:1.02rem;color:var(--ink);flex:1;}
.aor-sr .p{font-family:var(--serif);color:var(--gold-bright);white-space:nowrap;}
.aor-sr-empty{grid-column:1/-1;color:var(--ink-faint);font-size:.95rem;padding:8px 0 4px;}
@media(max-width:640px){.aor-search-results{grid-template-columns:1fr;}.aor-search-bar input{font-size:1.2rem;}}

/* ---- modal (trade / forms) ---- */
.aor-modal{position:fixed;inset:0;z-index:210;background:rgba(14,9,6,.62);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .22s;}
.aor-modal.open{opacity:1;pointer-events:auto;}
.aor-modal-box{position:relative;background:var(--raise);border:1px solid var(--line);border-top:3px solid var(--madder);border-radius:8px;max-width:520px;width:100%;padding:36px 38px 32px;box-shadow:0 30px 80px rgba(0,0,0,.5);max-height:92vh;overflow-y:auto;text-align:center;}
.aor-modal-box .aor-x{position:absolute;top:12px;right:16px;}
.aor-modal-box h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;color:var(--ink);margin:4px 0 8px;}
.aor-modal-box>p{color:var(--ink-soft);font-size:.95rem;margin:0 0 22px;}
.aor-modal-box form{display:grid;gap:12px;text-align:left;}
.aor-modal-box input,.aor-modal-box textarea{width:100%;padding:13px 15px;background:var(--card);border:1px solid var(--line);border-radius:3px;color:var(--ink);font-family:var(--sans);font-size:.98rem;}
.aor-modal-box input:focus,.aor-modal-box textarea:focus{outline:2px solid var(--gold);outline-offset:1px;}
.aor-modal-box input::placeholder,.aor-modal-box textarea::placeholder{color:var(--ink-faint);}
.aor-modal-box button[type=submit]{margin-top:6px;justify-content:center;}
.aor-form-msg{margin:4px 0 0;font-size:.9rem;min-height:1.1em;}
.aor-form-msg.ok{color:#7bbf83;}
.aor-form-msg.err{color:var(--madder);}

/* ---- result count / sorting (kill navy) ---- */
html body .woocommerce .woocommerce-result-count,
html body p.woocommerce-result-count{color:var(--ink-soft) !important;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;}
html body .woocommerce .woocommerce-ordering select{color:var(--ink) !important;}

/* ---- mobile menu button ---- */
.js-menu{display:none;background:none;border:none;cursor:pointer;padding:0;color:inherit;}
@media(max-width:1000px){
  header.site nav.links{display:none;}
  .actions .js-menu{display:inline-flex;align-items:center;}
}
@media(max-width:520px){
  header.site .brand .wm small{display:none;}
  header.site .brand img{width:64px;height:64px;}
}

/* ---- off-canvas drawer ---- */
.aor-drawer{position:fixed;inset:0;z-index:300;background:rgba(14,9,6,.55);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s;}
.aor-drawer.open{opacity:1;pointer-events:auto;}
.aor-drawer-nav{position:absolute;top:0;right:0;height:100%;width:min(86vw,340px);background:var(--band);border-left:2px solid var(--gold);transform:translateX(100%);transition:transform .25s ease;padding:64px 30px 30px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;box-shadow:-20px 0 50px rgba(0,0,0,.5);}
.aor-drawer.open .aor-drawer-nav{transform:none;}
.aor-drawer-x{position:absolute;top:14px;right:18px;color:#efe0c8;}
.aor-drawer-nav>a{font-family:var(--serif);font-size:1.42rem;color:#f0e4cc;text-decoration:none;padding:13px 0;border-bottom:1px solid rgba(216,176,106,.16);}
.aor-drawer-nav>a:hover{color:var(--gold-bright);}
.aor-drawer-foot{margin-top:auto;padding-top:26px;}
.aor-drawer-foot a{display:block;font-family:var(--serif);font-size:1.3rem;color:var(--gold-bright);text-decoration:none;margin-bottom:8px;}
.aor-drawer-foot span{color:#c9bca6;font-size:.86rem;line-height:1.6;}

/* ---- footer contact ---- */
footer.site .f-contact{color:#d8c9ad;font-size:.9rem;line-height:1.75;margin:0 0 16px;}
footer.site .f-contact a{color:var(--band-gold);text-decoration:none;font-size:1.05rem;}

/* ---- general mobile polish ---- */
@media(max-width:640px){
  .u{padding:0 18px;}
  .aor-filter{flex-direction:column;align-items:stretch;}
  .aor-filter .ff{width:100%;}
  .aor-filter select,.aor-filter input[type="number"]{width:100%;min-width:0;}
  .aor-filter .pr{width:100%;}
  .aor-filter .pr input{flex:1;width:auto;}
  .aor-search-bar input{font-size:1.15rem;}
}

/* ---- mobile header declutter ---- */
@media(max-width:640px){
  header.site .actions a[aria-label="My account"],
  header.site .actions a[aria-label="Wishlist"]{display:none;}
  header.site .brand .wm b{font-size:1.05rem;}
  header.site .nav{gap:12px;padding:12px 0;}
  header.site .actions{gap:16px;}
  header.site .brand img{width:56px;height:56px;}
}

/* ---- kill horizontal scroll caused by the off-canvas drawer ---- */
html body{overflow-x:clip;}
.aor-drawer{overflow:hidden;}

/* ---- mobile bottom quick-nav bar (4 buttons, Surena-style) ---- */
.aor-bottombar{display:none;}
@media(max-width:1000px){
  .aor-bottombar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:190;background:var(--band);border-top:1px solid rgba(216,176,106,.25);box-shadow:0 -6px 20px rgba(0,0,0,.4);}
  .aor-bottombar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 9px;color:#e5d8c0;text-decoration:none;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;position:relative;}
  .aor-bottombar a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4;}
  .aor-bottombar a:active,.aor-bottombar a:hover{color:var(--gold-bright);}
  .aor-bottombar .bb-dot{position:absolute;top:4px;left:calc(50% + 6px);background:var(--madder);color:#fff;font-size:9px;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;}
  body{padding-bottom:60px !important;}
  footer.site{margin-bottom:0;}
}

/* ---- mobile overflow fixes (size cards / colors / clip) ---- */
html,body{overflow-x:hidden;}
@media(max-width:700px){
  .sizes{grid-template-columns:1fr !important;}
  .size .frame{width:104px;height:78px;}
  .colors{grid-template-columns:repeat(2,1fr) !important;max-width:420px;}
  .prod-grid{grid-template-columns:1fr !important;}
  .origins{grid-template-columns:1fr 1fr !important;}
}

/* ---- fix: flex inputs with large intrinsic width caused horizontal overflow ---- */
.aor-search-bar input{min-width:0;}
.aor-search-bar{max-width:100%;}
.aor-modal-box input,.aor-modal-box textarea{min-width:0;}

/* ===== real-device mobile refinements ===== */
@media(max-width:1000px){
  header.site .nav{justify-content:space-between;gap:10px;}
  header.site .actions{margin-left:auto;}
  header.site .u{padding-left:18px !important;padding-right:14px !important;}
  header.site .brand{padding-left:2px;}
}
@media(max-width:700px){
  /* origin names fit on one line */
  body.aor-home .origin h3{font-size:1.12rem;letter-spacing:0;}
  body.aor-home .origin .ob{padding:12px 13px 14px;}
  body.aor-home .origin .m{font-size:.72rem;line-height:1.4;}
  body.aor-home .origin .cnt{font-size:9px;}
  /* shop by size: 2 per row, stacked vertical cards */
  body.aor-home .sizes{grid-template-columns:repeat(2,1fr) !important;gap:14px;}
  body.aor-home .size{flex-direction:column;text-align:center;gap:12px;padding:18px 12px;}
  body.aor-home .size .frame{width:92px;height:70px;}
  body.aor-home .size .si .nm{font-size:1.14rem;}
  body.aor-home .size .si .dim{font-size:11px;}
  body.aor-home .size .si .cnt{font-size:.82rem;}
  /* footer tidy: brand full width on top, links in 2 cols below */
  footer.site .f-top{grid-template-columns:1fr 1fr !important;gap:28px 18px;}
  footer.site .f-brand{grid-column:1 / -1;}
  footer.site .brand .wm small{display:none;}
  footer.site .brand .wm b{font-size:1.3rem;}
}
