/* ===== Achab Recruitment International — achabrecruitment.tn ===== */
:root{
  --red:#D50000;          /* brand red */
  --red-deep:#A60000;
  --red-soft:#FCE9E9;
  --ink:#0A0A0A;          /* brand black */
  --charcoal:#1C1C1E;
  --paper:#FBFAF8;        /* warm white */
  --paper-2:#F2EFEA;
  --line:#E7E2DA;
  --text:#23211F;
  --muted:#6A655E;
  --white:#FFFFFF;
  --radius:14px;
  --shadow:0 14px 40px rgba(10,10,10,.10);
  --shadow-sm:0 6px 18px rgba(10,10,10,.07);
  --maxw:1140px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:var(--text);background:var(--paper);line-height:1.8;font-size:16.5px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Alexandria','IBM Plex Sans Arabic',sans-serif;color:var(--ink);line-height:1.25;font-weight:800}
h1{font-size:clamp(1.8rem,4.4vw,3rem);letter-spacing:-.01em}
h2{font-size:clamp(1.45rem,3.1vw,2.1rem);margin-bottom:.6rem}
h3{font-size:1.15rem;font-weight:700}
p{margin-bottom:1rem}
a{color:var(--red-deep);text-decoration:none}
a:hover{color:var(--red)}
img,svg{max-width:100%;height:auto}
strong,b{font-weight:700;color:var(--ink)}
.container{max-width:var(--maxw);margin-inline:auto;padding-inline:20px}
section{padding-block:64px}
/* number isolation — fixes reversed digits/phones in RTL */
.num{unicode-bidi:isolate;direction:ltr}
.eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--red-deep);font-weight:700;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--red-soft);background:#fff;padding:.3rem .85rem;border-radius:999px;margin-bottom:1rem;box-shadow:var(--shadow-sm)}
:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:4px}

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ---- Top bar ---- */
.topbar{background:var(--ink);color:#D9D6D1;font-size:.83rem;padding:.5rem 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.topbar a{color:#fff}.topbar a:hover{color:var(--red)}
.topbar .license{color:#fff;font-weight:600}
.topbar .license b{color:var(--red)}

/* ---- Header ---- */
header.site{position:sticky;top:0;z-index:50;background:rgba(251,250,248,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.brand{display:flex;align-items:center}
.brand img{height:52px;width:auto}
nav.menu{display:flex;gap:2px;align-items:center;flex-wrap:wrap}
nav.menu a{padding:.45rem .68rem;border-radius:8px;color:var(--ink);font-weight:600;font-size:.92rem;position:relative}
nav.menu a:hover{color:var(--red)}
nav.menu a[aria-current="page"]{color:var(--red)}
nav.menu a[aria-current="page"]::after{content:"";position:absolute;inset-inline:.68rem;bottom:.1rem;height:2px;background:var(--red);border-radius:2px}
.lang-switch{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:.32rem .8rem;background:#fff;font-weight:700;font-size:.85rem;color:var(--ink);margin-inline-start:6px}
.lang-switch:hover{border-color:var(--red);color:var(--red)}
.btn{display:inline-flex;align-items:center;gap:.4rem;justify-content:center;padding:.72rem 1.45rem;border-radius:11px;font-weight:700;text-align:center;border:2px solid transparent;cursor:pointer;font-size:.97rem;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn-red{background:var(--red);color:#fff!important;box-shadow:0 8px 22px rgba(213,0,0,.30)}
.btn-red:hover{background:var(--red-deep)}
.btn-dark{background:var(--ink);color:#fff!important}
.btn-dark:hover{background:var(--charcoal)}
.btn-outline{border-color:var(--ink);color:var(--ink)!important;background:transparent}
.btn-outline:hover{background:var(--ink);color:#fff!important}
.btn-wa{background:#25D366;color:#fff!important}
.btn-wa:hover{background:#1EB257}
.nav-toggle{display:none;background:none;border:1.5px solid var(--line);border-radius:9px;padding:.4rem .65rem;font-size:1.2rem;cursor:pointer;color:var(--ink)}

/* ---- Hero ---- */
.hero{background:radial-gradient(1100px 540px at 80% -10%,rgba(213,0,0,.10),transparent 60%),linear-gradient(160deg,#0A0A0A 0%,#161616 60%,#222 100%);color:#EDEAE6;position:relative;overflow:hidden;padding-block:90px 84px}
.hero h1{color:#fff}
.hero h1 .accent{color:var(--red)}
.hero p.lead{font-size:1.14rem;color:#C9C5BF;max-width:660px;margin-top:.8rem}
.hero .eyebrow{background:rgba(213,0,0,.12);border-color:rgba(213,0,0,.5);color:#FF8A8A;box-shadow:none}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.6rem}
.hero .container{position:relative;z-index:1}
.route{position:absolute;inset-inline-end:-30px;top:40px;width:540px;opacity:.7;pointer-events:none}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:2.6rem}
.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:1.1rem;text-align:center;backdrop-filter:blur(4px)}
.stat b{display:block;font-size:2rem;color:#fff;font-family:'Alexandria',sans-serif;line-height:1}
.stat b .u{color:var(--red)}
.stat span{font-size:.84rem;color:#B6B2AC;margin-top:.35rem;display:block}

/* ---- cards/grids ---- */
.grid{display:grid;gap:18px}
.grid.c2{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.grid.c3{grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#E4C9C9}
.card h3{margin-bottom:.45rem}
.card .ico{font-size:1.8rem;display:block;margin-bottom:.5rem}
.card.accent{border-top:3px solid var(--red)}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:.7rem}
.tags span{background:var(--paper-2);color:var(--charcoal);font-size:.78rem;padding:.2rem .6rem;border-radius:999px;font-weight:600}

.country-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;transition:border-color .15s,transform .15s,box-shadow .15s}
.country-card:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.country-card .flag{font-size:2rem;line-height:1}
.country-card b{color:var(--ink);display:block}
.country-card small{color:var(--muted)}
.badge-top{background:var(--red);color:#fff;font-size:.7rem;font-weight:700;padding:.18rem .58rem;border-radius:999px;margin-inline-start:auto;white-space:nowrap}

.steps{counter-reset:step}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;padding-inline-start:3.7rem;box-shadow:var(--shadow-sm)}
.step::before{counter-increment:step;content:counter(step);position:absolute;inset-inline-start:1rem;top:1.1rem;width:2rem;height:2rem;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-family:'Alexandria',sans-serif;font-size:.95rem}
.step:hover::before{background:var(--red)}

.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;list-style:none}
.checks li{background:#fff;border:1px solid var(--line);border-radius:11px;padding:.7rem .95rem;font-weight:500;display:flex;gap:.5rem;align-items:flex-start}
.checks li::before{content:"✓";color:var(--red);font-weight:900;flex:none}

details.faq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin-bottom:10px;transition:border-color .15s}
details.faq[open]{border-color:#E4C9C9}
details.faq summary{font-weight:700;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";color:var(--red);font-size:1.4rem;font-weight:700;line-height:1}
details.faq[open] summary::after{content:"−"}
details.faq p{margin:.7rem 0 0;color:var(--muted)}

.quote{background:#fff;border-inline-start:4px solid var(--red);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow-sm)}
.quote .stars{color:var(--red);letter-spacing:2px;margin-bottom:.5rem}
.quote footer{margin-top:.85rem;font-weight:700;color:var(--ink);font-size:.92rem}
.quote footer small{display:block;color:var(--muted);font-weight:500}

.cta-band{background:linear-gradient(135deg,var(--red) 0%,var(--red-deep) 100%);color:#fff;border-radius:18px;padding:2.6rem 2rem;text-align:center;box-shadow:0 18px 44px rgba(213,0,0,.28);position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 240px at 15% 0,rgba(255,255,255,.14),transparent)}
.cta-band>*{position:relative}
.cta-band h2{color:#fff}
.cta-band p{color:#FFE0E0}
.cta-band .btn-outline{border-color:#fff;color:#fff!important}
.cta-band .btn-outline:hover{background:#fff;color:var(--red-deep)!important}
.cta-band .btn-dark{background:var(--ink)}

form.lead-form{display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;box-shadow:var(--shadow)}
form.lead-form label{font-weight:600;color:var(--ink);font-size:.9rem}
form.lead-form input,form.lead-form select,form.lead-form textarea{width:100%;padding:.72rem .9rem;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:var(--paper);margin-top:.32rem}
form.lead-form input:focus,form.lead-form select:focus,form.lead-form textarea:focus{border-color:var(--red);outline:none;background:#fff;box-shadow:0 0 0 3px rgba(213,0,0,.12)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-hint{font-size:.83rem;color:var(--muted)}

.contact-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.95rem 1.1rem;box-shadow:var(--shadow-sm)}
.contact-item .ico{font-size:1.3rem}
.contact-item b{color:var(--ink);display:block;font-size:.9rem;margin-bottom:.15rem}

.crumbs{font-size:.84rem;color:var(--muted);padding-block:14px}
.crumbs a{color:var(--red-deep)}
.crumbs span{margin-inline:.4rem;color:#C7C0B6}

.page-hero{background:linear-gradient(150deg,#0A0A0A,#1C1C1E);color:#fff;padding-block:58px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(213,0,0,.25),transparent 70%)}
.page-hero h1{color:#fff;position:relative}
.page-hero p{color:#C9C5BF;max-width:700px;margin-bottom:0;position:relative}

/* article */
article.post{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.3rem,4vw,2.6rem);box-shadow:var(--shadow-sm);max-width:820px;margin-inline:auto}
article.post h2{margin-top:1.8rem;font-size:1.4rem}
article.post h3{margin-top:1.2rem;color:var(--red-deep)}
article.post ul{margin:0 0 1rem;padding-inline-start:1.4rem}
article.post li{margin-bottom:.4rem}
article.post .meta{color:var(--muted);font-size:.85rem;margin-bottom:1.2rem;border-bottom:1px solid var(--line);padding-bottom:1rem}
.post-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.post-card .ph{height:120px;background:linear-gradient(135deg,var(--ink),#2a2a2a);display:grid;place-items:center;font-size:2.4rem}
.post-card .bd{padding:1.1rem 1.2rem}
.post-card h3{color:var(--ink);margin-bottom:.3rem}
.post-card p{color:var(--muted);font-size:.9rem;margin:0}

footer.site{background:var(--ink);color:#B4B0AA;margin-top:64px;padding-block:52px 24px;font-size:.92rem}
footer.site .foot-logo{height:46px;margin-bottom:.9rem}
footer.site h4{color:#fff;margin-bottom:.7rem;font-size:1rem}
footer.site a{color:#CFCBC5;display:block;padding-block:.18rem}
footer.site a:hover{color:var(--red)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.82rem;color:#8A857E}
.tagline{color:var(--red);font-weight:700;letter-spacing:.04em;font-size:.8rem}

.wa-float{position:fixed;bottom:22px;inset-inline-end:22px;z-index:80;background:#25D366;color:#fff;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;box-shadow:0 12px 26px rgba(0,0,0,.28);animation:pulse 2.6s infinite}
.wa-float:hover{background:#1EB257;color:#fff}
@keyframes pulse{0%{box-shadow:0 12px 26px rgba(0,0,0,.28),0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 12px 26px rgba(0,0,0,.28),0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 12px 26px rgba(0,0,0,.28),0 0 0 0 rgba(37,211,102,0)}}

@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.route{display:none}}
@media (max-width:760px){
  .nav-toggle{display:block}
  nav.menu{display:none;position:absolute;top:100%;inset-inline:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  nav.menu.open{display:flex}
  nav.menu a{padding:.6rem .4rem}
  .form-row{grid-template-columns:1fr}
  section{padding-block:46px}
}

/* trust badges + dual-CTA hero + legal box + vetting (v3 repositioning) */
.trust-line{margin-top:1rem;color:#7CF0A8;font-weight:600;font-size:.95rem}
.trust-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.4rem}
.trust-badges span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.5rem 1rem;font-weight:600;font-size:.84rem;color:#EDEAE6}
.legal-box{background:#FFF8E6;border:1px solid #F0D98A;border-inline-start:5px solid #E0A800;border-radius:12px;padding:1.2rem 1.4rem;margin:0 0 1.4rem}
.legal-box h3{margin:0 0 .4rem;color:#8a6d00}
.legal-box p{margin:0;color:#5c4d12}
.vet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:1rem}
.vet-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow-sm);position:relative;padding-top:2.4rem}
.vet-step>span{position:absolute;top:1rem;inset-inline-start:1.2rem;width:2rem;height:2rem;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800;font-family:'Alexandria',sans-serif}
.profile-card{background:#fff;border:1px dashed var(--line);border-radius:12px;padding:1rem 1.2rem;box-shadow:var(--shadow-sm)}
.profile-card b{color:var(--ink)}
.profile-card .blur{filter:blur(4px);user-select:none}

/* legal pages + app install/features sections */
.legal-page{max-width:820px}
.legal-page h2{font-size:1.15rem;margin:1.8rem 0 .5rem;color:var(--ink)}
.legal-page p{line-height:1.9;color:#3a3a3a}
.app-install{background:linear-gradient(135deg,#0A0A0A,#2a0000);color:#fff;border-radius:var(--radius);padding:2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;justify-content:space-between}
.app-install .ai-txt{flex:1;min-width:260px}
.app-install h2{margin:0 0 .5rem;color:#fff}
.app-install p{margin:0;color:#d9d9d9}
.app-install .ai-icon{width:84px;height:84px;border-radius:20px;background:var(--red);display:grid;place-items:center;font:800 46px/1 'Alexandria',sans-serif;color:#fff;flex-shrink:0}
.app-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:1rem}
.app-feat .f{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow-sm)}
.app-feat .f .ico{font-size:1.6rem}
.app-feat .soon{display:inline-block;font-size:.7rem;font-weight:700;background:#FFF1C2;color:#8a6d00;border-radius:999px;padding:.15rem .55rem;margin-inline-start:.4rem;vertical-align:middle}

/* profession landing pages + hub links + faq */
.tags.big span{font-size:.9rem;padding:.5rem 1rem}
.joblinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:1rem}
.joblinks a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-sm);text-decoration:none;transition:.15s}
.joblinks a:hover{border-color:var(--red);color:var(--red);transform:translateX(-3px)}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.2rem 1rem;margin-bottom:.6rem;box-shadow:var(--shadow-sm)}
.faq-item summary{cursor:pointer;font-weight:700;padding:.8rem 0;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:"+";color:var(--red);font-weight:800;margin-inline-end:.5rem}
.faq-item[open] summary::before{content:"−"}
.faq-item p{margin:0 0 .9rem;color:#3a3a3a;line-height:1.8}

/* Database forms, Google reviews and map */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.lead-form button:disabled{opacity:.65;cursor:wait}
.google-business-section{background:#f7f7f8}
.google-business-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
.google-business-head p{color:var(--muted);margin:.4rem 0 0}
.google-rating{min-width:170px;background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:14px 18px;text-align:center}
.google-rating strong{display:block;font-size:1.65rem;color:#f59e0b}
.google-rating span{font-size:.82rem;color:var(--muted)}
.google-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.google-review-card{background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:18px;box-shadow:0 7px 24px rgba(15,23,42,.05)}
.google-review-head{display:flex;align-items:center;gap:10px}
.google-review-head img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.google-review-card .stars{color:#f59e0b;letter-spacing:1px;margin:10px 0 7px}
.google-review-card p{color:#3f3f46;line-height:1.7}
.google-review-card small{color:var(--muted)}
.google-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.company-map{width:100%;min-height:360px;border:1px solid #e4e4e7;border-radius:15px;overflow:hidden;background:#f4f4f5;flex-basis:100%}
.company-map iframe{display:block;width:100%;height:360px;border:0}
.map-placeholder{min-height:360px;display:grid;place-items:center;color:var(--muted);padding:20px;text-align:center}
@media(max-width:850px){.google-business-head{align-items:flex-start;flex-direction:column}.google-reviews-grid{grid-template-columns:1fr}.google-rating{width:100%}.company-map,.company-map iframe,.map-placeholder{min-height:300px;height:300px}}