/* LngGo — Contact Page  (page-contact.php)
   كان <style> داخل القالب؛ يُحمَّل في هذه الصفحة وحدها بعد theme.css وheader.css (ls_page_css). */
:root{--green:#2e7d32;--shadow-md:0 6px 28px rgba(74,20,140,.18);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Almarai','Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text-main);direction:rtl;}

/* Hero */
.contact-hero{position:relative;width:100%;height:320px;overflow:hidden;background:#0a0515;}
.contact-hero img{width:100%;height:100%;object-fit:cover;opacity:.42;object-position:center 30%;}
.contact-hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(74,20,140,.55) 0%,rgba(5,2,20,.85) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;}
.contact-hero-overlay span{font-size:.95rem;color:rgba(255,255,255,.7);letter-spacing:0;margin-bottom:8px;}
.contact-hero-overlay h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:var(--gold);letter-spacing:0;text-shadow:0 2px 16px rgba(0,0,0,.5);}

/* Page */
.contact-page{max-width:800px;margin:0 auto;padding:52px 24px 80px;}
.contact-section-label{text-align:center;font-size:.85rem;font-weight:700;color:var(--primary-light);letter-spacing:0;text-transform:uppercase;margin-bottom:8px;}
.contact-section-title{text-align:center;font-size:1.9rem;font-weight:900;color:var(--text-main);margin-bottom:40px;letter-spacing:0;}

/* Info Cards */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;}
.contact-card{display:block;text-decoration:none;color:inherit;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;}
.contact-card::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));}
.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.contact-card-icon{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.contact-card-icon svg{width:24px;height:24px;fill:#fff;}
.contact-card-label{font-size:.78rem;color:var(--text-muted);margin-bottom:6px;}
.contact-card-value{font-size:.9rem;font-weight:800;color:var(--text-main);}

/* Divider */
.contact-divider{display:flex;align-items:center;gap:16px;margin:44px 0 40px;}
.contact-divider::before,.contact-divider::after{content:'';flex:1;height:1px;background:var(--border);}
.contact-divider-text{font-size:1.1rem;font-weight:900;color:var(--primary);white-space:nowrap;}

/* ── Contact Form ────────────────────────────── */
.contact-form-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 40px;box-shadow:var(--shadow-sm);margin-bottom:44px;position:relative;overflow:hidden;}
.contact-form-wrap::before{content:'';position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));}
.contact-form-title{font-size:1.2rem;font-weight:900;color:var(--text-main);margin-bottom:6px;}
.contact-form-sub{font-size:.88rem;color:var(--text-muted);margin-bottom:28px;line-height:1.8;}

/* Alert */
.cf-alert{border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;font-size:.92rem;font-weight:700;}
.cf-alert-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32;}
.cf-alert-error{background:#ffebee;border:1px solid #ef9a9a;color:#c62828;}
.cf-alert svg{flex-shrink:0;margin-top:2px;}

/* Form grid */
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.cf-full{grid-column:1/-1;}

.cf-field{display:flex;flex-direction:column;gap:7px;}
.cf-label{font-size:.88rem;font-weight:800;color:var(--text-main);}
.cf-label span{color:var(--red);margin-right:2px;}

.cf-input,
.cf-textarea{width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:12px;font-family:inherit;font-size:.95rem;color:var(--text-main);background:var(--bg);transition:border-color .2s,box-shadow .2s;outline:none;}
.cf-input:focus,
.cf-textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(124,67,189,.12);}
.cf-input.has-error,
.cf-textarea.has-error{border-color:var(--red);background:#fff5f5;}
.cf-textarea{resize:vertical;min-height:130px;line-height:1.8;}

.cf-error-msg{font-size:.78rem;color:var(--red);font-weight:700;display:flex;align-items:center;gap:4px;}

/* Submit */
.cf-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-weight:900;font-size:1rem;font-family:inherit;padding:14px 42px;border-radius:50px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 18px rgba(74,20,140,.3);margin-top:8px;}
.cf-submit:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(74,20,140,.4);}
.cf-submit:active{transform:translateY(0);}
.cf-submit svg{transition:transform .3s;}
.cf-submit:hover svg{transform:translateX(-3px);}

/* Social */
.contact-social-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;text-align:center;box-shadow:var(--shadow-sm);margin-bottom:0;}
.contact-social-title{font-size:1.1rem;font-weight:900;color:var(--text-main);margin-bottom:22px;}
.contact-social-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
.social-btn{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;transition:transform .2s;}
.social-btn:hover{transform:translateY(-4px);}
.social-btn-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.14);}
.social-btn-icon svg{width:26px;height:26px;fill:#fff;}
.social-btn-label{font-size:.72rem;font-weight:700;color:var(--text-muted);}
.sb-fb{background:linear-gradient(135deg,#1877f2,#0d5ab9);}
.sb-ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);}
.sb-yt{background:linear-gradient(135deg,#ff0000,#cc0000);}
.sb-x{background:linear-gradient(135deg,#222,#444);}
.sb-tt{background:linear-gradient(135deg,#010101,#69c9d0);}
.sb-tg{background:linear-gradient(135deg,#0088cc,#229ED9);}
.sb-ss{background:linear-gradient(135deg,#ff6719,#e04e00);}
.sb-dc{background:linear-gradient(135deg,#5865F2,#404EED);}

@media(max-width:600px){
  .contact-hero{height:240px;}
  .contact-cards{grid-template-columns:1fr;}
  .cf-grid{grid-template-columns:1fr;}
  .contact-form-wrap{padding:28px 20px;}
}