/*
Theme Name:   Amena Field
Theme URI:    https://insectsriad.com/
Description:  Astra child theme — field-report homepage for المكافحة الآمنة (pest control, Riyadh). Light editorial column, numbered dossier sections, method wizard. Scoped to .af.
Author:       المكافحة الآمنة
Template:     astra
Version:      1.0.0
Text Domain:  amena-field
*/

/* Palette: paper / charcoal / signal orange / steel. No fixed bottom bar, no floating buttons. */
.af{
  --paper:#FAFAF7; --card:#FFFFFF; --steel:#EEF1F4; --steel-2:#D9DEE4;
  --char:#1F2328; --char-2:#3A4048; --dim:#626A73;
  --sig:#E8590C; --sig-dk:#B8440A; --sig-lt:#FDEBDD;
  --ok:#2F7D4F; --warn:#B42318;
  font-family:'Cairo','Segoe UI',Tahoma,sans-serif;
  background:var(--paper); color:var(--char); direction:rtl;
  font-size:17px; line-height:2; overflow-x:hidden;
}
.af *,.af *::before,.af *::after{box-sizing:border-box;}
.af img{display:block;max-width:100%;height:auto;}
.af h1,.af h2,.af h3{margin:0;color:var(--char);font-weight:900;line-height:1.4;}
.af p{margin:0 0 14px;}
.af ul,.af ol{margin:0 0 14px;padding:0 22px 0 0;}
.af a{color:var(--sig-dk);font-weight:700;text-decoration:underline;text-decoration-color:rgba(232,89,12,.35);text-underline-offset:4px;}
.af a:hover{color:var(--char);text-decoration-color:var(--char);}
.af :focus-visible{outline:3px dashed var(--sig);outline-offset:3px;}
.af-hide{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* column system: narrow reading column + wide breakouts */
.af-col{max-width:800px;margin:0 auto;padding:0 20px;}
.af-wide{max-width:1180px;margin:0 auto;padding:0 20px;}

/* ===== strip ===== */
.af-strip{background:var(--char);color:#C9CED4;font-size:.85rem;}
.af-strip .af-wide{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;}
.af-strip b{color:#fff;}
.af-strip a{color:#FFD2B5;}

/* ===== hero ===== */
.af-hero{padding:56px 0 30px;border-bottom:1px solid var(--steel-2);}
.af-hero .af-wide{display:grid;grid-template-columns:1.35fr .9fr;gap:40px;align-items:start;}
.af-hero__tag{font-weight:700;color:var(--sig-dk);font-size:.9rem;letter-spacing:.3px;}
.af-hero h1{font-size:3rem;line-height:1.25;margin:10px 0 14px;}
.af-hero h1 i{font-style:normal;display:block;font-size:.46em;font-weight:700;color:var(--char-2);margin-top:12px;line-height:1.7;}
.af-hero__p{font-size:1.1rem;color:var(--char-2);}
.af-hero__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.af-k{display:inline-block;padding:12px 22px;font-weight:900;text-decoration:none!important;border:2px solid var(--char);color:var(--char)!important;background:transparent;}
.af-k:hover{background:var(--char);color:#fff!important;}
.af-k--sig{background:var(--sig);border-color:var(--sig);color:#fff!important;}
.af-k--sig:hover{background:var(--sig-dk);border-color:var(--sig-dk);}
/* inspection card */
.af-sheet{background:var(--card);border:1px solid var(--steel-2);box-shadow:8px 8px 0 var(--steel);padding:22px;}
.af-sheet__h{display:flex;justify-content:space-between;font-size:.82rem;color:var(--dim);border-bottom:2px solid var(--char);padding-bottom:8px;margin-bottom:10px;}
.af-sheet__h b{color:var(--char);font-size:.95rem;}
.af-sheet ul{list-style:none;padding:0;margin:0;}
.af-sheet li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--steel-2);font-size:.93rem;}
.af-sheet li span:last-child{font-weight:700;color:var(--ok);white-space:nowrap;}
.af-sheet__f{font-size:.8rem;color:var(--dim);margin-top:10px;}
.af-banner{margin-top:30px;}
.af-banner img{width:100%;aspect-ratio:21/8;object-fit:cover;filter:saturate(.9);}
@media(max-width:900px){
  .af-hero .af-wide{grid-template-columns:1fr;}
  .af-hero h1{font-size:2rem;}
  .af-banner img{aspect-ratio:16/9;}
}

/* ===== index tiles ===== */
.af-index{padding:28px 0;background:var(--steel);}
.af-index ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;counter-reset:ix;}
.af-index li{counter-increment:ix;margin:0;}
.af-index a{display:block;background:var(--card);padding:10px 12px;text-decoration:none;color:var(--char);font-size:.9rem;border-right:4px solid var(--sig);line-height:1.6;}
.af-index a::before{content:counter(ix,decimal-leading-zero) " ";color:var(--sig-dk);font-weight:900;}
.af-index a:hover{background:var(--sig-lt);}

/* ===== dossier sections ===== */
.af-file{padding:56px 0;border-bottom:1px solid var(--steel-2);scroll-margin-top:16px;}
.af > section.af-file:nth-of-type(odd){background:var(--card);}
.af{counter-reset:file;}
.af-no--c{counter-increment:file;}
.af-no--c::after{content:' ' counter(file,decimal-leading-zero);}
.af-no{display:inline-block;font-size:.8rem;font-weight:900;color:#fff;background:var(--char);padding:2px 10px;margin-bottom:12px;letter-spacing:.5px;}
.af-file h2{font-size:1.85rem;margin-bottom:16px;}
.af-file h3{font-size:1.22rem;margin:26px 0 8px;padding-right:12px;border-right:4px solid var(--sig);}
.af-lede{font-size:1.1rem;color:var(--char-2);}
@media(max-width:700px){.af-file{padding:40px 0;}.af-file h2{font-size:1.4rem;}}

/* register table */
.af-reg{overflow-x:auto;margin:22px 0;}
.af-reg table{width:100%;border-collapse:collapse;min-width:640px;background:var(--card);}
.af-reg th{font-size:.85rem;text-align:right;color:var(--dim);font-weight:700;border-bottom:2px solid var(--char);padding:10px 12px;}
.af-reg td{padding:12px;border-bottom:1px solid var(--steel-2);font-size:.95rem;vertical-align:top;}
.af-reg td:first-child{font-weight:900;}
.af-risk{display:inline-flex;gap:3px;vertical-align:middle;}
.af-risk i{width:10px;height:10px;border-radius:50%;background:var(--steel-2);display:block;}
.af-risk i.on{background:var(--sig);}
.af-reg .num{font-weight:900;color:var(--sig-dk);white-space:nowrap;}

/* method columns */
.af-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--char);margin:24px 0;background:var(--card);}
.af-methods > div{padding:18px;border-left:1px solid var(--steel-2);}
.af-methods > div:last-child{border-left:0;}
.af-methods h3{border:0;padding:0;margin:0 0 8px;font-size:1.05rem;}
.af-methods dl{margin:0;font-size:.9rem;}
.af-methods dt{color:var(--dim);font-size:.78rem;font-weight:700;margin-top:8px;}
.af-methods dd{margin:0;}
@media(max-width:900px){.af-methods{grid-template-columns:1fr 1fr;}.af-methods > div:nth-child(2){border-left:0;}.af-methods > div{border-bottom:1px solid var(--steel-2);}}
@media(max-width:520px){.af-methods{grid-template-columns:1fr;}.af-methods > div{border-left:0;}}

/* wizard */
.af-wiz{background:var(--char);color:#E6E9EC;padding:26px;margin:24px 0;}
.af-wiz fieldset{border:0;margin:0 0 18px;padding:0;}
.af-wiz legend{font-weight:900;color:#fff;margin-bottom:8px;font-size:1rem;}
.af-wiz legend span{color:var(--sig);margin-left:6px;}
.af-opts{display:flex;flex-wrap:wrap;gap:8px;}
.af-opts label{cursor:pointer;}
.af-opts input{position:absolute;opacity:0;}
.af-opts span{display:inline-block;padding:8px 14px;border:1.5px solid #59616B;color:#E6E9EC;font-size:.92rem;}
.af-opts input:checked + span{background:var(--sig);border-color:var(--sig);color:#fff;}
.af-opts input:focus-visible + span{outline:3px dashed #fff;outline-offset:2px;}
.af-out{background:var(--card);color:var(--char);padding:18px 20px;border-right:6px solid var(--sig);}
.af-out b{display:block;font-size:1.2rem;}
.af-out ul{margin:8px 0 0;font-size:.93rem;}
.af-out small{display:block;color:var(--dim);margin-top:8px;}

/* boxes */
.af-box{background:var(--steel);padding:16px 18px;margin:20px 0;}
.af-box p:last-child{margin:0;}
.af-box strong:first-child{display:block;margin-bottom:2px;}
.af-box--sig{background:var(--sig-lt);border-right:4px solid var(--sig);}
.af-box--warn{background:#FDECEA;border-right:4px solid var(--warn);}
.af-box--warn strong:first-child{color:var(--warn);}

.af-num{list-style:none;padding:0;counter-reset:n;}
.af-num li{counter-increment:n;position:relative;padding:8px 44px 8px 0;border-bottom:1px solid var(--steel-2);}
.af-num li::before{content:counter(n);position:absolute;right:0;top:8px;width:30px;height:30px;background:var(--char);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.9rem;}
.af-dash{list-style:none;padding:0;}
.af-dash li{position:relative;padding:4px 22px 4px 0;}
.af-dash li::before{content:'';position:absolute;right:0;top:17px;width:12px;height:3px;background:var(--sig);}

.af-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
@media(max-width:760px){.af-split{grid-template-columns:1fr;gap:0;}}

.af-fig{margin:22px 0;}
.af-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.af-fig figcaption{font-size:.84rem;color:var(--dim);border-right:3px solid var(--steel-2);padding-right:10px;margin-top:8px;}

/* sectors */
.af-sector{border:1px solid var(--steel-2);background:var(--card);padding:20px;margin:16px 0;}
.af-sector h3{margin-top:0;}

/* areas */
.af-dist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0;}
.af-dist > div{background:var(--card);border-top:3px solid var(--char);padding:14px 16px;}
.af-dist h3{margin:0 0 6px;font-size:1.02rem;border:0;padding:0;}
.af-dist p{font-size:.9rem;color:var(--dim);margin-bottom:6px;}
.af-chips{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.88rem;}

/* faq — always open */
.af-qa{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:0;}
.af-qa div{padding:14px 0;border-bottom:1px solid var(--steel-2);}
.af-qa dt{font-weight:900;margin-bottom:4px;}
.af-qa dt::before{content:'س/ ';color:var(--sig-dk);}
.af-qa dd{margin:0;color:var(--char-2);font-size:.95rem;}
@media(max-width:760px){.af-qa{grid-template-columns:1fr;}}

/* footnotes */
.af-fn{font-size:.72em;vertical-align:super;font-weight:900;text-decoration:none!important;}
.af-notes{list-style:none;padding:0;counter-reset:fn;font-size:.92rem;}
.af-notes li{counter-increment:fn;padding:8px 34px 8px 0;position:relative;border-bottom:1px dotted var(--steel-2);}
.af-notes li::before{content:counter(fn);position:absolute;right:0;top:8px;font-weight:900;color:var(--sig-dk);}
.af-notes span{display:block;color:var(--dim);font-size:.85rem;}
.af-small{font-size:.84rem;color:var(--dim);}

/* closing */
.af-close{border:3px solid var(--char);background:var(--card);padding:28px;margin-top:30px;}
.af-close h2{font-size:1.5rem;margin-bottom:6px;}
.af-close .af-hero__links{margin-top:14px;}