/* صفحة «تواصل معنا» — قالب sl-contact (laouadi) */
.slct{--slc-teal:#176F79;--slc-deep:#0A4950;--slc-cu:#B36031;--slc-line:#DCE7E8;--slc-soft:#F4F9F9;--hdr:140px;--slc-bz:var(--wp--preset--font-family--bouazzi-maghribi,"Bouazzi Maghribi"),var(--wp--preset--font-family--bouazzi,"Bouazzi Maghribi"),"Bouazzi Maghribi","Bouazzi Maghrebi","BouazziMaghribi","Bouazzi","Cairo",sans-serif;background:#fff;color:var(--slc-deep);overflow-x:clip}
body.admin-bar .slct{--hdr:172px}
html:has(.slct),body:has(.slct),body:has(.slct) .wp-site-blocks{background:#fff}
.slct *,.slct *::before,.slct *::after{box-sizing:border-box}
.slct-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.slct svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---- الصورة العلوية: تظهر كاملة في أول شاشة ---- */
.slct-hero{margin:0;padding:0;text-align:center;background:#fff}
.slct{container-type:inline-size}
.slct-hero{position:relative;width:100%;height:min(calc(100svh - var(--hdr) - 6px),calc(100cqw / 1.77778));overflow:hidden}
.slct-hero img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover;object-position:center;-webkit-mask-image:none;mask-image:none}
@media (max-width:781px){.slct-hero{height:calc(100cqw / 1.77778)}}

/* ---- أقسام الصفحة ---- */
.slct-sec{width:min(100% - 2.4rem,980px);margin-inline:auto;padding-block:clamp(2.2rem,5vw,3.6rem)}
.slct-h{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;margin:0 0 1.9rem;padding:0 0 1rem;text-align:center;font:400 clamp(1.7rem,3.3vw,2.4rem)/1.5 var(--slc-bz);font-synthesis:none;color:var(--slc-deep)}
.slct-h::after{content:"";position:absolute;inset-inline:calc(50% - 2.2rem) auto;bottom:0;width:4.4rem;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--slc-cu),var(--slc-teal))}
.slct-h svg{flex:none;width:1.15em;height:1.15em;color:var(--slc-cu)}

/* ---- البريد ---- */
.slct-mail{text-align:center}
.slct-mail .slct-h{margin-bottom:1.5rem}
.slct-mail__a{display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1.7rem;border:1.5px solid var(--slc-line);border-radius:999px;background:var(--slc-soft);color:var(--slc-teal);font:700 clamp(1.05rem,2.6vw,1.45rem)/1.4 var(--wp--preset--font-family--cairo,"Cairo",sans-serif);text-decoration:none;direction:ltr;transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s}
.slct-mail__a svg{width:1.5em;height:1.5em;color:var(--slc-cu);transition:color .3s}
.slct-mail__a:hover,.slct-mail__a:focus-visible{background:var(--slc-teal);border-color:var(--slc-teal);color:#fff;transform:translateY(-3px);box-shadow:0 12px 26px rgba(10,73,80,.2)}
.slct-mail__a:hover svg,.slct-mail__a:focus-visible svg{color:#fff}

/* ---- النموذج ---- */
.slct-form{display:grid;gap:1.15rem;width:min(100%,780px);margin-inline:auto}
.slct-f{display:grid;gap:.45rem;margin:0}
.slct-f label{font:700 1rem/1.5 var(--wp--preset--font-family--cairo,"Cairo",sans-serif);color:var(--slc-cu)}
.slct-f input,.slct-f textarea{width:100%;margin:0;padding:.85rem 1.2rem;border:1.5px solid var(--slc-line);border-radius:18px;background:#fff;color:var(--slc-deep);font:500 1rem/1.6 var(--wp--preset--font-family--cairo,"Cairo",sans-serif);box-shadow:none;transition:border-color .25s,box-shadow .25s}
.slct-f textarea{min-height:9.5rem;resize:vertical}
.slct-f input:focus,.slct-f textarea:focus{outline:0;border-color:var(--slc-teal);box-shadow:0 0 0 4px rgba(23,111,121,.14)}
.slct-hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.slct-btn{justify-self:start;display:inline-flex;align-items:center;gap:.7rem;margin:.3rem 0 0;padding:.8rem 2.2rem;border:0;border-radius:999px;background:var(--slc-cu);color:#fff;font:800 1.05rem/1.2 var(--wp--preset--font-family--cairo,"Cairo",sans-serif);cursor:pointer;box-shadow:0 8px 20px rgba(179,96,49,.28);transition:background .3s,transform .3s,box-shadow .3s}
.slct-btn svg{width:1.25em;height:1.25em;transform:scaleX(-1)}
.slct-btn:hover,.slct-btn:focus-visible{background:var(--slc-deep);transform:translateY(-3px);box-shadow:0 14px 28px rgba(10,73,80,.3)}
.slct-btn[disabled]{opacity:.65;cursor:wait;transform:none}
.slct-msg{display:none;margin:0 auto 1.4rem;width:min(100%,780px);padding:.9rem 1.2rem;border-radius:16px;font:700 1rem/1.7 var(--wp--preset--font-family--cairo,"Cairo",sans-serif);text-align:center}
.slct-msg.is-on{display:block}
.slct-msg--ok{background:#EAF6F0;color:#0A5A3A;border:1.5px solid #BFE3D0}
.slct-msg--err{background:#FCEFEA;color:#8A3A14;border:1.5px solid #F0C9B8}

/* ---- حسابات التواصل ---- */
.slct-soc{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;width:min(100%,780px);margin:0 auto;padding:0}
.slct-soc li{margin:0;padding:0;list-style:none}
.slct-soc a{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.95rem 1.2rem;border:1.5px solid var(--slc-line);border-radius:999px;background:#fff;color:var(--slc-teal);font:800 1.05rem/1.3 var(--wp--preset--font-family--cairo,"Cairo",sans-serif);text-decoration:none;transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s}
.slct-soc svg{width:1.45rem;height:1.45rem;fill:currentColor;stroke:none}
.slct-soc a:hover,.slct-soc a:focus-visible{background:var(--slc-teal);border-color:var(--slc-teal);color:#fff;transform:translateY(-3px);box-shadow:0 12px 26px rgba(10,73,80,.2)}
.slct-soc__lead{margin:0 auto 1.4rem;max-width:36rem;text-align:center;color:#3F5F63;font:500 1rem/1.9 var(--wp--preset--font-family--cairo,"Cairo",sans-serif)}

/* ---- الحركة (لا يُخفى شيء إلا بعد أن يضيف السكربت الصنف slc-js) ---- */
@media (prefers-reduced-motion:no-preference){
.slc-js .slct-rv{opacity:0;transform:translateY(38px);transition:opacity 1.25s cubic-bezier(.33,1,.68,1) var(--d,0s),transform 1.5s cubic-bezier(.33,1,.68,1) var(--d,0s)}
.slc-js .slct-rv.slc-in{opacity:1;transform:none}
.slc-js .slct-hero.slct-rv{transform:scale(.97);filter:blur(7px);transition:opacity 1.5s cubic-bezier(.33,1,.68,1),transform 1.9s cubic-bezier(.33,1,.68,1),filter 1.5s cubic-bezier(.33,1,.68,1)}
.slc-js .slct-hero.slct-rv.slc-in{filter:none}
.slc-js .slct-h::after{transform:scaleX(0);transform-origin:right center;transition:transform 1.4s cubic-bezier(.33,1,.68,1) calc(var(--d,0s) + .5s)}
.slc-js .slc-in .slct-h::after,.slc-js .slct-h.slc-in::after{transform:none}
.slc-js .slct-h svg{opacity:0;transform:rotate(-24deg) scale(.4);transition:opacity 1.2s ease calc(var(--d,0s) + .45s),transform 1.5s cubic-bezier(.33,1,.68,1) calc(var(--d,0s) + .45s)}
.slc-js .slc-in .slct-h svg{opacity:1;transform:none}
.slc-js .slct-f,.slc-js .slct-btn,.slc-js .slct-soc li,.slc-js .slct-soc__lead,.slc-js .slct-mail__a{opacity:0;transform:translateY(22px);transition:opacity 1.1s cubic-bezier(.33,1,.68,1) calc(var(--d,0s) + var(--i,0) * .12s + .25s),transform 1.3s cubic-bezier(.33,1,.68,1) calc(var(--d,0s) + var(--i,0) * .12s + .25s),background .3s,color .3s,border-color .3s,box-shadow .3s}
.slc-js .slc-in .slct-f,.slc-js .slc-in .slct-btn,.slc-js .slc-in .slct-soc li,.slc-js .slc-in .slct-soc__lead,.slc-js .slc-in .slct-mail__a{opacity:1;transform:none}
.slc-js .slc-in .slct-btn:hover,.slc-js .slc-in .slct-mail__a:hover,.slc-js .slc-in .slct-soc li:hover{transform:translateY(-3px)}
}
@media print{.slc-js .slct-rv,.slc-js .slct-f,.slc-js .slct-btn,.slc-js .slct-soc li,.slc-js .slct-mail__a{opacity:1!important;transform:none!important;filter:none!important}}
@media (max-width:540px){
.slct-btn{justify-self:stretch;justify-content:center}
.slct-mail__a{padding:.7rem 1.1rem;gap:.55rem;max-width:100%;font-size:1rem}
}