/* ============================================================
   Ecopharmagri Contact page — page-only styles
   يعتمد على css/style.css للألوان والخطوط والثيم العام.
   لا يحتوي على تنسيقات فوتر.
   ============================================================ */
.contact-page-content{overflow:hidden;background:var(--body-bg);color:var(--body-text)}.dark .contact-page-content{background:var(--night-body);color:var(--night-text)}
.contact-container{width:min(100% - 40px,1200px);margin-inline:auto}
.contact-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(380px,45vw,520px);overflow:hidden;background:#10351e;color:#fff}.contact-hero:before{position:absolute;z-index:-2;inset:0;background:linear-gradient(120deg,rgba(5,25,12,.97),rgba(13,65,31,.88) 58%,rgba(26,92,45,.72));content:""}.contact-hero:after{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 70%);content:""}.contact-hero-inner{position:relative;padding:75px 0 90px}.contact-kicker{display:inline-flex;align-items:center;gap:10px;color:#f8c45b;font-size:.86rem;font-weight:900}.contact-kicker span{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px rgba(245,158,11,.15)}.contact-hero h1{max-width:850px;margin:19px 0 16px;color:#fff;font-size:clamp(2.6rem,6.5vw,5rem);font-weight:900;line-height:1.2;letter-spacing:-.035em}.contact-hero h1 span{color:#f8c45b}.contact-hero-inner>p{max-width:690px;margin:0;color:#dbe9de;font-size:clamp(1rem,1.8vw,1.17rem);line-height:2}.contact-hero-link{display:inline-flex;align-items:center;gap:12px;margin-top:25px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.45);color:#fff;font-weight:900}.contact-hero-link span{color:#f8c45b;transition:transform .2s}.contact-hero-link:hover span{transform:translateY(4px)}.contact-hero-orb{position:absolute;z-index:-1;border:1px solid rgba(245,158,11,.3);border-radius:50%;pointer-events:none}.orb-one{width:360px;height:360px;inset-inline-end:7%;top:-90px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 75px rgba(255,255,255,.018);animation:contactFloat 10s ease-in-out infinite alternate}.orb-two{width:190px;height:190px;inset-inline-end:19%;bottom:-100px;border-color:rgba(255,255,255,.15);animation:contactFloat 8s ease-in-out infinite alternate-reverse}.contact-hero-bottom{position:absolute;inset-inline-end:clamp(20px,4vw,55px);bottom:24px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.65);font-size:.68rem;font-weight:900;letter-spacing:.14em}.contact-hero-bottom i{width:36px;height:1px;background:var(--brand)}
.contact-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:min(100% - 40px,1200px);margin:0 auto;padding:18px 0;color:#748278;font-size:.86rem;font-weight:700}.contact-breadcrumbs a{color:var(--brand-dark)}.dark .contact-breadcrumbs{color:#a9b9ad}.dark .contact-breadcrumbs a{color:#9be1a8}
.contact-options-section{padding:clamp(58px,7vw,92px) 0}.contact-section-heading{max-width:760px;margin:0 auto 38px;text-align:center}.section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--brand-dark);font-size:.84rem;font-weight:900}.contact-section-heading h2{margin:12px 0 10px;color:var(--body-text);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:900;line-height:1.4}.contact-section-heading p{margin:0;color:#738078;font-size:.98rem;line-height:1.9}.dark .contact-section-heading h2{color:#f2f7f3}.dark .contact-section-heading p{color:#aebdb2}
.contact-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.contact-card{position:relative;isolation:isolate;display:flex;min-width:0;min-height:290px;flex-direction:column;overflow:hidden;padding:23px;border:1px solid var(--border);border-radius:19px;background:var(--surface);color:var(--body-text);box-shadow:0 12px 32px rgba(0,0,0,.035);transition:transform .3s,border-color .3s,box-shadow .3s,background .3s}.contact-card:before{position:absolute;z-index:-1;inset:auto -48px -85px auto;width:180px;height:180px;border:1px solid rgba(38,122,55,.12);border-radius:50%;content:"";transition:transform .4s}.contact-card:hover{transform:translateY(-7px);border-color:rgba(38,122,55,.42);box-shadow:0 22px 45px rgba(15,60,29,.11)}.contact-card:hover:before{transform:scale(1.18)}.dark .contact-card{border-color:var(--night-border);background:#112719;color:#e2eee5;box-shadow:0 14px 32px rgba(0,0,0,.17)}.contact-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.contact-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:17px;background:rgba(38,122,55,.11);color:var(--brand-dark)}.contact-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-card-arrow{color:#96a49a;font-size:1.3rem;transition:transform .2s}.contact-card:hover .contact-card-arrow{transform:translate(3px,-3px);color:var(--brand-dark)}.contact-card>small{margin-bottom:7px;color:#7b8a80;font-size:.77rem;font-weight:800}.contact-card h3{margin:0 0 11px;color:var(--body-text);font-size:1.2rem;font-weight:900}.contact-card>strong{overflow-wrap:anywhere;color:var(--brand-dark);font-size:.92rem;font-weight:900}.contact-card-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:23px;color:#64736a;font-size:.81rem;font-weight:900}.contact-card-action b{color:var(--brand-dark);font-size:1.1rem}.dark .contact-card h3{color:#f0f6f1}.dark .contact-card>small,.dark .contact-card-action{color:#a9b9ad}.dark .contact-card>strong,.dark .contact-card-action b{color:#f6b83f}
.whatsapp-card .contact-icon{background:rgba(37,211,102,.13);color:#168c4b}.whatsapp-card>strong{color:#168c4b}.email-card .contact-icon{background:rgba(245,158,11,.15);color:#a76b05}.email-card>strong{font-size:.83rem}.social-card{cursor:default}.social-card .contact-icon{background:rgba(24,135,171,.12);color:#167fa0}.social-orbit{color:var(--brand);font-size:1.6rem}.social-card p{margin:0;color:#6c7b71;font-size:.82rem;line-height:1.8}.dark .social-card p{color:#b5c5ba}.social-contact-links{display:flex;gap:8px;margin-top:auto;padding-top:18px}.social-contact-links a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--body-bg);color:var(--brand-dark);font-size:.83rem;font-weight:900;transition:transform .2s,background .2s,color .2s}.social-contact-links a:hover{transform:translateY(-3px);background:var(--brand-dark);color:#fff}.dark .social-contact-links a{border-color:var(--night-border);background:#0c2114;color:#a5e3b0}.contact-setup-note{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;color:#79877d;font-size:.8rem;line-height:1.8}.contact-setup-note>span{color:var(--brand-dark);font-size:1rem}.contact-setup-note code{direction:ltr;color:var(--brand-dark)}.dark .contact-setup-note{color:#aebdb2}.dark .contact-setup-note code{color:#f6b83f}
.contact-email-band{padding:30px 0;background:#f0f5ef;border-block:1px solid #e0e9df}.dark .contact-email-band{background:#102719;border-color:var(--night-border)}.email-band-inner{display:flex;align-items:center;gap:20px}.email-band-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:18px;background:var(--brand);color:#1e321e;font-size:1.8rem}.email-band-inner>div:nth-child(2){flex:1}.email-band-inner>div:nth-child(2)>span{color:var(--brand-dark);font-size:.8rem;font-weight:900}.email-band-inner h2{margin:4px 0;color:var(--body-text);font-size:1.35rem;font-weight:900}.email-band-inner p{margin:0;color:#718078;font-size:.88rem}.dark .email-band-inner h2{color:#f1f7f2}.dark .email-band-inner p{color:#b5c5ba}.email-band-button{display:inline-flex;align-items:center;gap:13px;padding:13px 16px;border:1px solid rgba(38,122,55,.25);border-radius:12px;background:var(--surface);color:var(--brand-dark);font-size:.9rem;font-weight:900;direction:ltr}.email-band-button span{font-size:1.1rem}.dark .email-band-button{border-color:var(--night-border);background:#0c2114;color:#f6b83f}
.contact-map-section{padding:clamp(65px,8vw,105px) 0}.map-section-grid{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:clamp(28px,5vw,65px)}.map-copy{align-self:center}.map-copy h2{margin:12px 0 15px;color:var(--body-text);font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1.3}.map-copy>p{color:#6b7a70;font-size:.97rem;line-height:2}.dark .map-copy h2{color:#f2f7f3}.dark .map-copy>p{color:#b5c5ba}.map-directions-button{display:inline-flex;align-items:center;gap:11px;margin:12px 0 28px;padding:13px 16px;border-radius:12px;background:var(--brand-dark);color:#fff;font-size:.9rem;font-weight:900;transition:transform .2s,background .2s}.map-directions-button:hover{transform:translateY(-3px);background:#1d642f}.map-directions-button span{font-size:1.1rem}.map-info-line{display:flex;align-items:flex-start;gap:13px;padding-top:20px;border-top:1px solid var(--border)}.map-info-line>span{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:rgba(38,122,55,.1);color:var(--brand-dark);font-size:1.3rem}.map-info-line strong,.map-info-line small{display:block}.map-info-line strong{margin-bottom:5px;font-size:.92rem}.map-info-line small{color:#78867c;font-size:.8rem;line-height:1.7}.dark .map-info-line{border-color:var(--night-border)}.dark .map-info-line>span{color:#9be1a8}.dark .map-info-line small{color:#aebdb2}.contact-map-frame{position:relative;min-height:440px;overflow:hidden;border:1px solid var(--border);border-radius:23px;background:#dce8dc;box-shadow:0 22px 48px rgba(0,0,0,.1)}.contact-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.85)}.map-frame-label{position:absolute;inset:auto 17px 17px;display:flex;align-items:center;gap:11px;max-width:calc(100% - 34px);padding:12px 14px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:rgba(255,255,255,.93);color:#24362a;box-shadow:0 8px 24px rgba(0,0,0,.12);pointer-events:none}.map-pin{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--brand);font-size:1.25rem}.map-frame-label strong,.map-frame-label small{display:block}.map-frame-label strong{font-size:.87rem}.map-frame-label small{margin-top:3px;color:#69796e;font-size:.72rem}.contact-final-cta{padding:clamp(40px,6vw,70px) 0;background:linear-gradient(120deg,#123d22,#1d6132);color:#fff}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-final-cta .section-kicker{color:#f8c45b}.contact-final-cta h2{margin:9px 0;color:#fff;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:900}.contact-final-cta p{margin:0;color:#d2e5d6;line-height:1.9}.final-whatsapp-button{display:inline-flex;align-items:center;gap:13px;flex:none;padding:14px 19px;border-radius:12px;background:#25d366;color:#073719;font-weight:900;transition:transform .2s,box-shadow .2s}.final-whatsapp-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(37,211,102,.2)}
.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.js-motion .contact-cards-grid .contact-card:nth-child(2){transition-delay:.06s}.js-motion .contact-cards-grid .contact-card:nth-child(3){transition-delay:.12s}.js-motion .contact-cards-grid .contact-card:nth-child(4){transition-delay:.18s}
@keyframes contactFloat{from{transform:translate3d(0,-8px,0) rotate(-4deg)}to{transform:translate3d(0,12px,0) rotate(4deg)}}
@media(max-width:1050px){.contact-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-section-grid{grid-template-columns:1fr}.contact-map-frame{min-height:400px}}
@media(max-width:650px){.contact-container,.contact-breadcrumbs{width:min(100% - 28px,1200px)}.contact-hero{min-height:470px}.contact-hero-inner{padding:65px 0 80px}.contact-hero h1{font-size:clamp(2.35rem,10vw,3.5rem)}.contact-hero-inner>p{font-size:.98rem}.orb-one{width:240px;height:240px;inset-inline-end:-75px;top:-40px}.orb-two{width:125px;height:125px;inset-inline-end:18%;bottom:-70px}.contact-hero-bottom{bottom:15px;font-size:.57rem}.contact-options-section{padding:55px 0}.contact-section-heading{margin-bottom:28px}.contact-cards-grid{grid-template-columns:1fr;gap:13px}.contact-card{min-height:0;padding:20px}.contact-card-top{margin-bottom:17px}.contact-card-action{padding-top:19px}.social-card{min-height:250px}.email-band-inner{align-items:flex-start;flex-wrap:wrap;gap:14px}.email-band-icon{flex-basis:50px;width:50px;height:50px;border-radius:14px;font-size:1.5rem}.email-band-inner>div:nth-child(2){min-width:calc(100% - 70px)}.email-band-inner h2{font-size:1.15rem}.email-band-inner p{font-size:.82rem}.email-band-button{width:100%;justify-content:space-between}.contact-map-section{padding:55px 0}.contact-map-frame{min-height:340px;border-radius:17px}.final-cta-inner{align-items:flex-start;flex-direction:column}.final-whatsapp-button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.contact-page-content *, .contact-page-content *:before,.contact-page-content *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js-motion .reveal{opacity:1;transform:none}}


/* Dynamic contact emails */
.contact-email-address {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 7px;
    color: var(--brand-dark);
    font-size: .83rem;
    font-weight: 900;
    overflow-wrap: anywhere;
    text-align: left;
}

.dark .contact-email-address {
    color: #f6b83f;
}

/* Social icons: support all available platforms */
/* ==========================================
   EcoFarm — Premium Social Icons
   ========================================== */

.contact-page .social-contact-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    direction: rtl;
    gap: 12px;
    margin-top: 20px;
}

.contact-page .social-contact-links .social-platform {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 46px;
    width: 46px;
    height: 46px;

    border: 1px solid rgba(112, 183, 125, .25);
    border-radius: 13px;

    background: rgba(32, 103, 55, .12);
    color: #a4e4af;

    text-decoration: none;
    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.contact-page .social-platform svg {
    display: block;
    width: 23px;
    height: 23px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.contact-page .social-platform-facebook svg {
    fill: currentColor;
    stroke: none;
}

.contact-page .social-platform:hover {
    background: #238343;
    border-color: #36a55a;
    color: #fff;

    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}

/* Light mode */
html:not(.dark) .contact-page .social-platform {
    background: rgba(30, 110, 53, .07);
    border-color: rgba(30, 110, 53, .2);
    color: #237a3b;
}

html:not(.dark) .contact-page .social-platform:hover {
    background: #238343;
    color: #fff;
}

/* Mobile */
@media (max-width: 480px) {
    .contact-page .social-contact-links {
        gap: 9px;
    }

    .contact-page .social-contact-links .social-platform {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }
}
/* Profile download — same visual language as address icon */

.profile-download-row {
    display: flex;
    align-items: center;
    gap: 13px;
    width: fit-content;
    margin-top: 12px;
    padding: 0;
    color: var(--body-text);
    font-size: .92rem;
    font-weight: 800;
    text-decoration: none;
    transition: color .25s ease;
}

.profile-download-icon {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(38, 122, 55, .1);
    color: var(--brand-dark);
    transition: background .25s ease, color .25s ease;
}

.profile-download-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.profile-download-row:hover .profile-download-icon {
    background: var(--brand-dark);
    color: #fff;
}

.profile-download-row:hover .profile-download-text {
    color: var(--brand-dark);
}

/* Dark mode */
.dark .profile-download-row {
    color: #e2eee5;
}

.dark .profile-download-icon {
    background: rgba(38, 122, 55, .1);
    color: #9be1a8;
}

.dark .profile-download-row:hover .profile-download-icon {
    background: #1d6132;
    color: #fff;
}

.dark .profile-download-row:hover .profile-download-text {
    color: #9be1a8;
}






/* ==========================================
   Contact Hero — Dynamic Head Image
   ========================================== */



.contact-page .contact-hero {
    background-image:
        linear-gradient(
            120deg,
            rgba(5, 25, 12, .72),
            rgba(13, 65, 31, .48)
        ),
        var(--contact-hero-image, linear-gradient(120deg, #092b19, #14512c));

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Keep the original decorative orbs */
.contact-page .contact-hero-orb {
    pointer-events: none;
}