/*
Theme Name:   Raqi Floors
Theme URI:    https://barqih.com/
Description:  Astra child theme for شركة الرقي — parquet installation in Riyadh. Warm wood palette, herringbone hero, material score cards, m² cost calculator. All styles scoped to .rq-site.
Author:       شركة الرقي
Template:     astra
Version:      1.0.0
Text Domain:  raqi-floors
*/

/* Espresso / oak / linen / sage. No sticky bottom bar or floating buttons by design. */
.rq-site{
  --esp:#2B1E16; --esp-2:#4A362A; --oak:#B07A47; --oak-dk:#8A5A2E; --oak-lt:#E9D6BF;
  --linen:#F7F1E8; --white:#FFFDF9; --sage:#6F7F5E; --sage-lt:#E5EADD; --rule:#E2D5C3;
  --txt:#2E2620; --sub:#6B5E52; --red:#A23B2A;
  font-family:'Almarai','Segoe UI',Tahoma,sans-serif; font-size:17px; line-height:2;
  color:var(--txt); background:var(--white); direction:rtl; overflow-x:hidden;
}
.rq-site *,.rq-site *::before,.rq-site *::after{box-sizing:border-box;}
.rq-site img{max-width:100%;height:auto;display:block;}
.rq-site h1,.rq-site h2,.rq-site h3,.rq-site h4{margin:0;color:var(--esp);font-weight:800;line-height:1.45;}
.rq-site p{margin:0 0 14px;}
.rq-site ul,.rq-site ol{margin:0 0 14px;padding:0 20px 0 0;}
.rq-site a{color:var(--oak-dk);font-weight:700;text-decoration:none;background:linear-gradient(var(--oak-lt),var(--oak-lt)) 0 100%/100% 35% no-repeat;}
.rq-site a:hover{color:var(--esp);background-size:100% 100%;}
.rq-site :focus-visible{outline:3px solid var(--sage);outline-offset:3px;}
.rq-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.rq-in{max-width:1140px;margin:0 auto;padding-left:22px;padding-right:22px;}
.rq-in > *{min-width:0;}

/* wood plank divider */
.rq-plank{height:14px;background:repeating-linear-gradient(90deg,#C99464 0 120px,#B07A47 120px 122px,#BE8754 122px 260px,#A9733F 260px 262px,#C58E5C 262px 400px,#9E6B3A 400px 402px);opacity:.9;}

/* ===== hero ===== */
.rq-hero{background:var(--linen);padding:58px 0 50px;}
.rq-hero .rq-in{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;}
.rq-hero__kicker{display:inline-block;background:var(--sage-lt);color:var(--sage);font-weight:800;font-size:.85rem;padding:4px 12px;border-radius:4px;margin-bottom:14px;}
.rq-hero h1{font-size:2.35rem;margin-bottom:16px;}
.rq-hero h1 small{display:block;font-size:.55em;color:var(--oak-dk);font-weight:700;margin-top:8px;}
.rq-hero__txt{color:var(--sub);font-size:1.06rem;}
.rq-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.rq-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:800;background:none!important;transition:transform .15s;}
.rq-btn:hover{transform:translateY(-2px);}
.rq-btn--oak{background:var(--oak)!important;color:#fff!important;}
.rq-btn--oak:hover{background:var(--oak-dk)!important;}
.rq-btn--line{box-shadow:inset 0 0 0 2px var(--esp);color:var(--esp)!important;}
.rq-facts{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;padding-top:18px;border-top:1px solid var(--rule);font-size:.9rem;color:var(--sub);}
.rq-facts b{display:block;color:var(--esp);font-size:1.1rem;}
.rq-hero__art{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3.3;
  background:
   linear-gradient(45deg,#C6915F 25%,transparent 25%) 0 0/60px 60px,
   linear-gradient(-45deg,#B88250 25%,transparent 25%) 0 0/60px 60px,
   linear-gradient(45deg,transparent 75%,#A87442 75%) 0 0/60px 60px,
   linear-gradient(-45deg,transparent 75%,#D19E6E 75%) 0 0/60px 60px,#BC8654;}
.rq-hero__art img{position:absolute;inset:26px 26px 26px 26px;width:calc(100% - 52px);height:calc(100% - 52px);object-fit:cover;border-radius:14px;box-shadow:0 18px 40px rgba(43,30,22,.35);}
.rq-hero__tag{position:absolute;bottom:40px;right:40px;background:var(--white);border-radius:12px;padding:10px 14px;font-size:.85rem;box-shadow:0 8px 20px rgba(0,0,0,.18);line-height:1.5;}
.rq-hero__tag b{display:block;color:var(--oak-dk);font-size:1.15rem;}
@media(max-width:900px){.rq-hero .rq-in{grid-template-columns:1fr;}.rq-hero h1{font-size:1.7rem;}.rq-hero__art{aspect-ratio:4/3;}}

/* ===== jump links ===== */
.rq-jump{background:var(--esp);}
.rq-jump ul{list-style:none;margin:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;}
.rq-jump li{margin:0;}
.rq-jump a{color:#EADBC8;background:none;font-size:.9rem;font-weight:700;}
.rq-jump a:hover{color:#fff;}

/* ===== blocks ===== */
.rq-blk{padding:64px 0;}
.rq-blk--linen{background:var(--linen);}
.rq-blk--esp{background:var(--esp);color:#E8DCCD;}
.rq-blk--esp h2,.rq-blk--esp h3{color:#fff;}
.rq-blk--esp a{color:#F2C796;background:none;text-decoration:underline;}
.rq-head{max-width:800px;margin-bottom:24px;}
.rq-head__lbl{display:block;color:var(--sage);font-weight:800;font-size:.85rem;margin-bottom:6px;}
.rq-blk--esp .rq-head__lbl{color:#B9C7A5;}
.rq-blk h2{font-size:1.9rem;margin-bottom:12px;}
.rq-head p{color:var(--sub);font-size:1.06rem;margin:0;}
.rq-blk--esp .rq-head p{color:#CDBDAA;}
.rq-blk h3{font-size:1.2rem;margin:24px 0 8px;}
.rq-cols{display:grid;grid-template-columns:1fr 1fr;gap:34px;}
.rq-cols--3{grid-template-columns:repeat(3,1fr);}
@media(max-width:860px){.rq-cols,.rq-cols--3{grid-template-columns:1fr;gap:6px;}.rq-blk{padding:44px 0;}.rq-blk h2{font-size:1.45rem;}}

/* ===== material cards ===== */
.rq-mats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.rq-mat{background:var(--white);border:1px solid var(--rule);border-radius:16px;padding:22px;position:relative;overflow:hidden;}
.rq-mat::before{content:'';position:absolute;top:0;right:0;left:0;height:6px;background:repeating-linear-gradient(90deg,var(--oak) 0 40px,var(--oak-dk) 40px 41px);}
.rq-mat h3{margin:6px 0 4px;font-size:1.15rem;}
.rq-mat__price{font-weight:800;color:var(--oak-dk);font-size:.98rem;}
.rq-mat__meta{font-size:.85rem;color:var(--sub);margin-bottom:10px;}
.rq-mat p{font-size:.95rem;}
.rq-bars{margin:10px 0 12px;display:grid;gap:6px;}
.rq-bar{display:grid;grid-template-columns:104px 1fr;gap:10px;align-items:center;font-size:.8rem;color:var(--sub);}
.rq-bar span{height:8px;border-radius:8px;background:var(--rule);position:relative;overflow:hidden;}
.rq-bar span i{position:absolute;inset:0 0 0 auto;background:var(--sage);border-radius:8px;}

/* ===== calculator ===== */
.rq-calc{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.25);}
.rq-calc__form{background:var(--white);color:var(--txt);padding:28px;}
.rq-calc__res{background:var(--oak);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:center;}
.rq-field{margin-bottom:16px;}
.rq-field label,.rq-field legend{display:block;font-weight:800;font-size:.9rem;color:var(--esp);margin-bottom:6px;}
.rq-field input[type=number],.rq-field select{width:100%;padding:11px 12px;border:1.5px solid var(--rule);border-radius:10px;font-family:inherit;font-size:1rem;background:var(--linen);color:var(--txt);}
.rq-dims{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.rq-field fieldset{border:0;padding:0;margin:0;}
.rq-checks{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.92rem;}
.rq-checks label{display:flex;gap:6px;align-items:center;font-weight:400;color:var(--txt);margin:0;}
.rq-calc__res small{opacity:.85;font-size:.85rem;display:block;}
.rq-calc__res .rq-big{font-size:2rem;font-weight:800;line-height:1.3;margin:4px 0 14px;}
.rq-calc__res dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:.92rem;}
.rq-calc__res dd{margin:0;font-weight:800;}
.rq-calc__res p{font-size:.82rem;opacity:.9;margin:16px 0 0;}
@media(max-width:860px){.rq-calc{grid-template-columns:1fr;}.rq-dims{grid-template-columns:1fr 1fr;}}

/* ===== table ===== */
.rq-tbl{overflow-x:auto;border-radius:14px;border:1px solid var(--rule);margin:18px 0;background:var(--white);}
.rq-tbl table{width:100%;border-collapse:collapse;min-width:600px;}
.rq-tbl th{background:var(--oak-lt);color:var(--esp);text-align:right;padding:12px 14px;font-size:.92rem;}
.rq-tbl td{padding:12px 14px;border-top:1px solid var(--rule);font-size:.95rem;}
.rq-tbl td.rq-p{font-weight:800;color:var(--oak-dk);white-space:nowrap;}
.rq-tbl .y{color:var(--sage);font-weight:800;}
.rq-tbl .n{color:var(--red);font-weight:800;}

/* ===== timeline ===== */
.rq-line{list-style:none;padding:0;margin:20px 0;position:relative;}
.rq-line::before{content:'';position:absolute;right:17px;top:6px;bottom:6px;width:3px;background:var(--oak-lt);}
.rq-line li{position:relative;padding:0 54px 22px 0;margin:0;}
.rq-line li::before{content:attr(data-n);position:absolute;right:0;top:0;width:37px;height:37px;border-radius:50%;background:var(--oak);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;}
.rq-line b{display:block;color:var(--esp);}
.rq-line span{color:var(--sub);font-size:.95rem;}

/* ===== notes ===== */
.rq-tip{background:var(--sage-lt);border-radius:14px;padding:16px 18px;margin:18px 0;}
.rq-tip b:first-child{display:block;color:var(--sage);}
.rq-tip p:last-child{margin:0;}
.rq-tip--warn{background:#F6E2DC;}
.rq-tip--warn b:first-child{color:var(--red);}
.rq-pull{font-size:1.25rem;font-weight:800;color:var(--oak-dk);text-align:center;max-width:760px;margin:30px auto;line-height:1.7;}
.rq-blk--esp .rq-pull{color:#F2C796;}
.rq-ok{list-style:none;padding:0;}
.rq-ok li{padding:5px 28px 5px 0;position:relative;}
.rq-ok li::before{content:'';position:absolute;right:4px;top:15px;width:12px;height:12px;border-radius:3px;background:var(--oak);transform:rotate(45deg);}
.rq-no{list-style:none;padding:0;}
.rq-no li{padding:5px 28px 5px 0;position:relative;}
.rq-no li::before{content:'✕';position:absolute;right:2px;top:5px;color:var(--red);font-weight:800;}

.rq-photo{margin:22px 0;border-radius:16px;overflow:hidden;}
.rq-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.rq-photo figcaption{background:var(--linen);font-size:.85rem;color:var(--sub);padding:8px 14px;}

/* ===== areas ===== */
.rq-zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;}
.rq-zone{background:var(--white);border-radius:14px;padding:18px;border:1px solid var(--rule);}
.rq-zone h3{margin:0 0 4px;font-size:1.05rem;}
.rq-zone p{font-size:.9rem;color:var(--sub);margin-bottom:8px;}
.rq-zone__l{display:flex;flex-wrap:wrap;gap:6px;}
.rq-zone__l a{background:var(--linen);border-radius:6px;padding:2px 10px;font-size:.86rem;}

/* ===== faq ===== */
.rq-faq{counter-reset:q;max-width:880px;}
.rq-faq details{counter-increment:q;background:var(--white);border:1px solid var(--rule);border-radius:12px;margin-bottom:10px;}
.rq-faq summary{list-style:none;cursor:pointer;padding:14px 56px 14px 18px;font-weight:800;color:var(--esp);position:relative;line-height:1.7;}
.rq-faq summary::-webkit-details-marker{display:none;}
.rq-faq summary::before{content:counter(q);position:absolute;right:14px;top:13px;width:30px;height:30px;border-radius:8px;background:var(--oak-lt);color:var(--oak-dk);display:flex;align-items:center;justify-content:center;font-size:.9rem;}
.rq-faq details[open] summary::before{background:var(--oak);color:#fff;}
.rq-faq details p{padding:0 18px 14px 56px;margin:0;color:var(--sub);padding-right:56px;}

/* ===== sources ===== */
.rq-src{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;list-style:none;padding:0;}
.rq-src li{background:var(--white);border:1px solid var(--rule);border-radius:10px;padding:12px 14px;margin:0;font-size:.92rem;line-height:1.7;}
.rq-src small{display:block;color:var(--sub);font-size:.82rem;margin-top:4px;}
.rq-fine{font-size:.84rem;color:var(--sub);}

/* ===== final ===== */
.rq-final{text-align:center;max-width:760px;margin:0 auto;}
.rq-final h2{font-size:1.7rem;}
.rq-final .rq-acts{justify-content:center;}
@media(prefers-reduced-motion:reduce){.rq-site *{transition:none!important;}}