/* GOAT Contact Page — scoped to the generated contact page only. */
.goat-contact-page .page-title,
.goat-contact-page .entry-title,
.goat-contact-page .breadcrumb,
.goat-contact-page .breadcrumbs,
.goat-contact-page .entry-thumb,
.goat-contact-page .item-thumb { display:none !important; }

.goat-contact-page .main { padding-top:0 !important; }
.goat-contact-page .main > .container,
.goat-contact-page .content-area,
.goat-contact-page .site-main,
.goat-contact-page article.page,
.goat-contact-page article.type-page,
.goat-contact-page .entry-content,
.goat-contact-page .page-content,
.goat-contact-page [class*="col-lg-"] {
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
}
.goat-contact-page .main > .container { max-width:none !important; padding-left:0 !important; padding-right:0 !important; }
.goat-contact-page .main .row { margin-left:0 !important; margin-right:0 !important; }
.goat-contact-page .sidebar,
.goat-contact-page aside.sidebar,
.goat-contact-page #secondary { display:none !important; }
.goat-contact-page .entry-content { margin:0 !important; padding:0 !important; }

.goat-contact-wrap,
.goat-contact-wrap * { box-sizing:border-box; }

.goat-contact-wrap {
    --goat-contact-accent:#259bea;
    --goat-contact-dark:#101720;
    --goat-contact-text:#151a24;
    --goat-contact-muted:#6d7682;
    --goat-contact-border:#e6edf3;
    --goat-contact-soft:#f5faff;
    width:min(1180px, calc(100% - 32px));
    margin:34px auto 64px;
    direction:rtl;
    text-align:right;
    font-family:"Cairo","Tajawal",Arial,sans-serif;
    color:var(--goat-contact-text);
}

.goat-contact-hero {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:330px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:48px 52px;
    border-radius:30px;
    background:
        radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--goat-contact-accent) 34%, transparent), transparent 30%),
        linear-gradient(135deg,#0e141b 0%,#151d27 58%,#0f1821 100%);
    box-shadow:0 20px 55px rgba(15,23,42,.13);
}
.goat-contact-hero::before {
    content:"";
    position:absolute;
    width:340px; height:340px;
    left:-110px; bottom:-180px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018);
    z-index:-1;
}
.goat-contact-hero-copy { max-width:720px; }
.goat-contact-badge {
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:6px 14px;
    margin-bottom:15px;
    border-radius:999px;
    border:1px solid color-mix(in srgb, var(--goat-contact-accent) 45%, transparent);
    background:color-mix(in srgb, var(--goat-contact-accent) 14%, transparent);
    color:#bfe8ff;
    font-size:13px;
    font-weight:800;
}
.goat-contact-hero h1 { margin:0 0 13px; color:#fff; font-size:clamp(31px,4vw,48px); line-height:1.35; font-weight:900; letter-spacing:-.5px; }
.goat-contact-hero p { margin:0; max-width:710px; color:#d4dde6; font-size:16px; line-height:2; }
.goat-contact-hero-mark {
    width:180px; height:180px; flex:0 0 180px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    border-radius:40px;
    border:1px solid rgba(255,255,255,.11);
    background:rgba(255,255,255,.055);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
    color:#fff;
    backdrop-filter:blur(7px);
}
.goat-contact-hero-mark span { font:900 88px/1 Arial,sans-serif; letter-spacing:-9px; color:var(--goat-contact-accent); }
.goat-contact-hero-mark b { margin-top:5px; font:900 18px/1 Arial,sans-serif; letter-spacing:6px; }

.goat-contact-content { padding:48px 0 0; }
.goat-contact-heading { max-width:680px; margin:0 0 22px auto; }
.goat-contact-heading > span { color:var(--goat-contact-accent); font-size:13px; font-weight:900; }
.goat-contact-heading h2 { margin:5px 0 8px; font-size:32px; line-height:1.45; font-weight:900; color:#121827; }
.goat-contact-heading p { margin:0; color:var(--goat-contact-muted); font-size:14px; }

.goat-contact-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.goat-contact-methods-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.goat-contact-methods-1 { grid-template-columns:minmax(0,560px); justify-content:start; }
.goat-contact-card {
    position:relative;
    min-height:310px;
    display:flex;
    flex-direction:column;
    padding:26px;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--goat-contact-border);
    border-radius:24px;
    box-shadow:0 10px 35px rgba(15,23,42,.055);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.goat-contact-card:hover { transform:translateY(-3px); border-color:#cbddea; box-shadow:0 16px 42px rgba(15,23,42,.08); }
.goat-contact-icon,
.goat-contact-info-icon {
    width:54px; height:54px;
    display:flex; align-items:center; justify-content:center;
    border-radius:17px;
    background:color-mix(in srgb, var(--goat-contact-accent) 10%, white);
    color:var(--goat-contact-accent);
}
.goat-contact-icon svg,.goat-contact-info-icon svg { width:26px; height:26px; fill:currentColor; }
.goat-contact-eyebrow { margin-top:24px; color:var(--goat-contact-accent); font-size:12px; font-weight:900; }
.goat-contact-card h3 { margin:4px 0 8px; font-size:23px; color:#111827; font-weight:900; }
.goat-contact-card p { margin:0 0 22px; color:#626d7a; font-size:14px; line-height:1.9; overflow-wrap:anywhere; }
.goat-contact-card a {
    margin-top:auto;
    min-height:48px;
    padding:12px 15px;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    border-radius:14px;
    background:#111827;
    color:#fff !important;
    text-decoration:none !important;
    font-size:14px;
    font-weight:900;
}
.goat-contact-card a span { font-size:20px; transition:transform .18s ease; }
.goat-contact-card a:hover span { transform:translateX(-3px); }
.goat-contact-card-whatsapp { background:linear-gradient(145deg,#f5fffa 0%,#fff 54%); }
.goat-contact-card-whatsapp .goat-contact-icon { background:#e9fbf1; color:#16a765; }
.goat-contact-card-whatsapp a { background:#19a865; }

.goat-contact-info-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:16px; margin-top:16px; }
.goat-contact-hours,
.goat-contact-order-note {
    min-height:150px;
    padding:24px;
    border:1px solid var(--goat-contact-border);
    border-radius:22px;
    background:var(--goat-contact-soft);
}
.goat-contact-hours { display:flex; align-items:center; gap:16px; }
.goat-contact-hours span,.goat-contact-order-note > span { display:block; color:var(--goat-contact-accent); font-size:12px; font-weight:900; margin-bottom:4px; }
.goat-contact-hours strong,.goat-contact-order-note strong { display:block; color:#121827; font-size:18px; line-height:1.6; font-weight:900; }
.goat-contact-order-note { background:linear-gradient(135deg,#111827,#172234); color:#fff; border-color:#172234; }
.goat-contact-order-note > span { color:#8bd4ff; }
.goat-contact-order-note strong { color:#fff; font-size:20px; }
.goat-contact-order-note p { margin:7px 0 0; color:#d4dbe4; font-size:13.5px; line-height:1.9; }
.goat-contact-empty { padding:22px; border:1px dashed #bcd7e9; border-radius:18px; background:#f5fbff; color:#536270; }

.goat-contact-trust {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin-top:34px;
    padding:22px 12px;
    border-top:1px solid var(--goat-contact-border);
    border-bottom:1px solid var(--goat-contact-border);
}
.goat-contact-trust > div { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:start; padding:10px 18px; border-left:1px solid var(--goat-contact-border); }
.goat-contact-trust > div:last-child { border-left:0; }
.goat-contact-trust b { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#111827; color:#fff; font-size:12px; }
.goat-contact-trust span { color:#7a8491; font-size:12.5px; line-height:1.7; }
.goat-contact-trust strong { display:block; margin-bottom:2px; color:#1b2230; font-size:14px; font-weight:900; }

@media (max-width: 820px) {
    .goat-contact-wrap { width:calc(100% - 24px); margin:20px auto 44px; }
    .goat-contact-hero { min-height:0; padding:31px 21px; border-radius:22px; }
    .goat-contact-hero-mark { display:none; }
    .goat-contact-hero p { font-size:14px; line-height:1.9; }
    .goat-contact-content { padding-top:32px; }
    .goat-contact-heading h2 { font-size:26px; }
    .goat-contact-methods,.goat-contact-methods-2,.goat-contact-methods-1 { grid-template-columns:1fr; }
    .goat-contact-card { min-height:0; padding:21px; border-radius:19px; }
    .goat-contact-eyebrow { margin-top:18px; }
    .goat-contact-info-grid { grid-template-columns:1fr; }
    .goat-contact-hours,.goat-contact-order-note { min-height:0; padding:20px; }
    .goat-contact-trust { grid-template-columns:1fr; padding:10px 0; }
    .goat-contact-trust > div { border-left:0; border-bottom:1px solid var(--goat-contact-border); padding:15px 8px; }
    .goat-contact-trust > div:last-child { border-bottom:0; }
}
