/*
Theme Name: Pharaonia Pharmaceuticals
Theme URI: https://www.pharopharma.com
Author: Pharaonia
Description: قالب رسمي لشركة الفرعونية للأدوية — ثنائي اللغة (عربي/إنجليزي)، مع نوع محتوى مخصص للمنتجات، ولوحة تحكم لتعديل الشعار وأرقام الهاتف والعناوين.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: pharaonia
*/

:root {
  --navy-1:#092F54; --navy-2:#0A457F; --blue-1:#0E5DAA; --blue-2:#0F6DC7;
  --blue-hover:#0d5fb0; --topbar:#0A2A4A;
  --page-bg:#F2F3F5; --card:#FFFFFF; --text-dark:#2A2A2A; --text-gray:#6A6A6A;
  --text-light:#9A9A9A; --border:#E4E6E9; --accent:#F5A623;
  --banner-grad:linear-gradient(180deg,#092F54 0%,#0A457F 40%,#0F6DC7 100%);
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Cairo',sans-serif; background:var(--page-bg); color:var(--text-dark); overflow-x:hidden; }
body.rtl { direction:rtl; }
body.ltr { direction:ltr; font-family:'Poppins','Cairo',sans-serif; }
a { text-decoration:none; }
img { max-width:100%; display:block; }

/* ═══ TOP BAR ═══ */
.topbar { background:var(--topbar); height:44px; display:flex; align-items:center; justify-content:space-between; padding:0 40px; }
.topbar-social { display:flex; gap:14px; align-items:center; }
.topbar-social a { color:#fff; opacity:.85; width:26px; height:26px; display:flex; align-items:center; justify-content:center; transition:opacity .2s; }
.topbar-social a:hover { opacity:1; }
.topbar-social svg { width:15px; height:15px; fill:currentColor; }
.topbar-right { display:flex; gap:10px; align-items:center; }
.lang-switch { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; padding:5px 14px; border-radius:20px; cursor:pointer; font-family:'Poppins'; font-size:12px; font-weight:600; letter-spacing:.5px; display:flex; align-items:center; gap:7px; transition:all .2s; }
.lang-switch:hover { background:var(--accent); border-color:var(--accent); color:var(--navy-1); }
.lang-switch svg { width:14px; height:14px; fill:currentColor; }

/* ═══ HEADER / NAV ═══ */
.site-header { background:#fff; box-shadow:0 1px 12px rgba(0,0,0,.06); position:sticky; top:0; z-index:900; }
.header-inner { max-width:1200px; margin:0 auto; padding:0 40px; height:96px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:14px; max-height:68px; overflow:hidden; }
.brand img,
.brand .custom-logo,
.brand-default-logo,
.custom-logo-link,
.custom-logo-link img {
  height:60px !important;
  width:auto !important;
  max-width:230px !important;
  max-height:60px !important;
  object-fit:contain !important;
  display:block !important;
}
.custom-logo-link { line-height:0; }
.brand-emblem { width:54px; height:54px; border-radius:50%; border:2.5px solid var(--navy-1); display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:26px; }
.brand-txt .l1 { font-family:'Poppins'; font-weight:700; font-size:20px; color:var(--navy-1); letter-spacing:1px; line-height:1; }
.brand-txt .l2 { font-family:'Poppins'; font-weight:600; font-size:11px; color:var(--text-gray); letter-spacing:2.5px; }
.main-nav ul { display:flex; list-style:none; gap:6px; align-items:center; }
.main-nav a { color:var(--text-dark); font-size:14px; font-weight:600; padding:10px 16px; border-radius:3px; transition:color .2s,background .2s; }
.main-nav a:hover { color:var(--blue-2); }
.main-nav .nav-cta { background:var(--blue-2); color:#fff; font-weight:700; }
.main-nav .nav-cta:hover { background:var(--blue-hover); }
.mobile-toggle { display:none; background:none; border:none; cursor:pointer; flex-direction:column; gap:5px; }
.mobile-toggle span { width:26px; height:2.5px; background:var(--navy-1); border-radius:2px; }

/* ═══ HERO ═══ */
.hero { position:relative; min-height:520px; display:flex; align-items:center; background:var(--banner-grad); overflow:hidden; }
.hero-bg { position:absolute; inset:0; z-index:0; }
.hero-bg img { width:100%; height:100%; object-fit:cover; }
.hero-overlay { position:absolute; inset:0; z-index:1; }
body.rtl .hero-overlay { background:linear-gradient(280deg, rgba(9,47,84,.72) 0%, rgba(10,69,127,.85) 55%, rgba(9,47,84,.94) 100%); }
body.ltr .hero-overlay { background:linear-gradient(80deg, rgba(9,47,84,.72) 0%, rgba(10,69,127,.85) 55%, rgba(9,47,84,.94) 100%); }
.hero-inner { max-width:1200px; margin:0 auto; width:100%; padding:70px 40px; position:relative; z-index:2; }
.hero-eyebrow { display:inline-flex; align-items:center; gap:10px; color:#fff; opacity:.9; font-size:11px; font-weight:700; letter-spacing:4px; text-transform:uppercase; margin-bottom:22px; }
.hero-eyebrow::before { content:''; width:28px; height:1.5px; background:var(--accent); }
.hero-h1 { font-family:'Poppins'; font-weight:700; font-size:clamp(34px,5vw,60px); color:#fff; line-height:1.1; margin-bottom:16px; }
.hero-h1 .accent { color:var(--accent); }
.hero-sub { font-size:16px; color:rgba(255,255,255,.85); line-height:1.8; max-width:520px; margin-bottom:36px; }
.hero-btns { display:flex; gap:14px; flex-wrap:wrap; }
.btn-a { display:inline-block; padding:14px 32px; font-family:inherit; font-size:14px; font-weight:700; border-radius:4px; cursor:pointer; transition:all .22s; border:none; }
.btn-a.fill { background:var(--accent); color:var(--navy-1); }
.btn-a.fill:hover { background:#e0961a; transform:translateY(-2px); }
.btn-a.ghost { border:1.5px solid rgba(255,255,255,.5); color:#fff; background:transparent; }
.btn-a.ghost:hover { border-color:#fff; background:rgba(255,255,255,.1); }

/* ═══ SECTION HEADS ═══ */
.sec-head { text-align:center; margin-bottom:44px; }
.sec-head .eyebrow { color:var(--blue-2); font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase; display:block; margin-bottom:10px; }
.sec-head h2 { font-family:'Poppins'; font-weight:600; font-size:clamp(26px,3.5vw,38px); color:var(--navy-1); }
.sec-head .rule { width:60px; height:3px; background:var(--accent); margin:14px auto 0; border-radius:2px; }

/* ═══ ABOUT ═══ */
.about-section { padding:72px 0; }
.about-wrap { max-width:1200px; margin:0 auto; padding:0 40px; }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.about-img-col { position:relative; }
.about-img-col img { width:100%; border-radius:6px; border:1px solid var(--border); box-shadow:0 16px 40px rgba(9,47,84,.14); }
.about-badge { position:absolute; bottom:-20px; inset-inline-end:-20px; background:var(--banner-grad); color:#fff; padding:18px 26px; border-radius:6px; text-align:center; box-shadow:0 10px 24px rgba(9,47,84,.3); }
.about-badge b { font-family:'Poppins'; font-weight:700; font-size:30px; display:block; line-height:1; }
.about-badge span { font-size:11px; letter-spacing:1px; opacity:.9; }
.about-txt .eyebrow { color:var(--blue-2); font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase; display:block; margin-bottom:12px; }
.about-txt h2 { font-family:'Poppins'; font-weight:600; font-size:clamp(24px,3vw,32px); color:var(--navy-1); margin-bottom:20px; line-height:1.3; }
.about-txt h2 .accent { color:var(--blue-2); }
.about-txt p { font-size:15px; color:var(--text-gray); line-height:1.9; margin-bottom:16px; }
.about-txt strong { color:var(--navy-2); }
.about-quote { font-size:14px; color:var(--text-light); font-style:italic; border-inline-start:3px solid var(--accent); padding-inline-start:16px; margin-top:20px; line-height:1.7; }
.about-pills { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:28px; }
.pill { background:#fff; border:1px solid var(--border); border-radius:6px; padding:14px 16px; display:flex; gap:12px; align-items:flex-start; box-shadow:0 2px 12px rgba(0,0,0,.03); }
.pill .ic { font-size:20px; flex-shrink:0; }
.pill .pt { font-size:13px; font-weight:700; color:var(--navy-1); }
.pill .pd { font-size:12px; color:var(--text-gray); margin-top:3px; }

/* ═══ PRODUCTS ═══ */
.products-section { background:#fff; border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:72px 0; }
.products-wrap { max-width:1200px; margin:0 auto; padding:0 40px; }
.prod-toolbar { display:flex; gap:14px; justify-content:center; margin-bottom:40px; flex-wrap:wrap; }
.prod-toolbar input, .prod-toolbar select { border:1px solid var(--border); padding:12px 18px; font-family:inherit; font-size:14px; outline:none; border-radius:3px; color:var(--text-dark); background:#fff; }
.prod-toolbar input { width:280px; }
.prod-toolbar input:focus, .prod-toolbar select:focus { border-color:var(--blue-2); }
.prod-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:24px; min-height:160px; }
.pcard { background:#fff; border:1px solid var(--border); border-radius:6px; overflow:hidden; transition:box-shadow .25s,transform .25s,border-color .25s; cursor:pointer; }
.pcard:hover { box-shadow:0 16px 40px rgba(14,93,170,.14); transform:translateY(-5px); border-color:rgba(15,109,199,.35); }
/* كل صور المنتجات بنفس الحجم — مرتبة */
.pcard-top { background:#fff; height:200px; display:flex; align-items:center; justify-content:center; font-size:56px; position:relative; overflow:hidden; border-bottom:1px solid var(--border); }
.pcard-top img { width:100%; height:200px; object-fit:contain; padding:14px; background:#fff; }
.pcard-emoji { background:var(--banner-grad); width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.pcard-body { padding:20px 22px; }
.pcard-cat { display:inline-block; font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--blue-2); background:#EAF3FC; padding:3px 10px; border-radius:20px; margin-bottom:10px; }
.pcard-name { font-family:'Poppins'; font-weight:600; font-size:16px; color:var(--navy-1); margin-bottom:8px; }
.pcard-desc { font-size:13px; color:var(--text-gray); line-height:1.65; }
.pcard-form { font-size:12px; color:var(--accent); font-weight:600; margin-top:10px; }
.prod-empty { grid-column:1/-1; text-align:center; padding:60px; color:var(--text-light); }
.prod-empty .bi { font-size:50px; display:block; margin-bottom:14px; }

/* ═══ PRODUCT DETAIL MODAL ═══ */
.prod-modal { position:fixed; inset:0; z-index:2000; background:rgba(9,42,74,.72); backdrop-filter:blur(4px); display:none; align-items:center; justify-content:center; padding:24px; }
.prod-modal.on { display:flex; }
.prod-modal-box { background:#fff; border-radius:12px; max-width:820px; width:100%; max-height:90vh; overflow-y:auto; position:relative; box-shadow:0 30px 80px rgba(0,0,0,.4); display:grid; grid-template-columns:1fr 1fr; }
.prod-modal-close { position:absolute; top:14px; inset-inline-end:14px; z-index:3; background:rgba(255,255,255,.9); border:1px solid var(--border); width:38px; height:38px; border-radius:50%; cursor:pointer; font-size:16px; color:var(--navy-1); display:flex; align-items:center; justify-content:center; transition:background .2s; }
.prod-modal-close:hover { background:var(--accent); color:#fff; border-color:var(--accent); }
.prod-modal-media { background:#f7f9fc; display:flex; align-items:center; justify-content:center; padding:24px; min-height:320px; }
.prod-modal-media img { width:100%; height:auto; max-height:420px; object-fit:contain; border-radius:8px; }
.prod-modal-media .emoji-big { font-size:120px; }
.prod-modal-body { padding:40px 36px; }
.prod-modal-title { font-family:'Poppins'; font-weight:700; font-size:26px; color:var(--navy-1); margin:12px 0 14px; line-height:1.25; }
.prod-modal-form { display:inline-block; font-size:13px; font-weight:600; color:var(--accent); background:#FFF6E8; padding:6px 14px; border-radius:20px; margin-bottom:18px; }
.prod-modal-desc { font-size:15px; color:var(--text-gray); line-height:1.9; white-space:pre-line; }
@media (max-width:720px) {
  .prod-modal-box { grid-template-columns:1fr; }
  .prod-modal-media { min-height:220px; }
  .prod-modal-media img { max-height:280px; }
  .prod-modal-body { padding:28px 24px; }
}

/* ═══ CONTACT ═══ */
.contact-section { background:#fff; border-top:1px solid var(--border); padding:72px 0; }
.contact-wrap { max-width:1200px; margin:0 auto; padding:0 40px; display:grid; grid-template-columns:1fr 1.2fr; gap:56px; align-items:start; }
.con-info h3 { font-family:'Poppins'; font-weight:600; font-size:24px; color:var(--navy-1); margin-bottom:28px; }
.ci { display:flex; gap:16px; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid var(--border); }
.ci:last-of-type { border-bottom:none; }
.ci-ico { width:46px; height:46px; flex-shrink:0; background:var(--banner-grad); color:#fff; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:18px; }
.ci-lbl { font-size:11px; color:var(--blue-2); letter-spacing:1.5px; text-transform:uppercase; font-weight:700; margin-bottom:5px; }
.ci-val { font-size:14px; color:var(--text-gray); line-height:1.6; }
.ci-val a { color:var(--text-gray); }
.ci-val a:hover { color:var(--blue-2); }
.con-form-box { background:var(--page-bg); border:1px solid var(--border); border-radius:6px; padding:38px; }
.con-form-box h3 { font-family:'Poppins'; font-weight:600; font-size:20px; color:var(--navy-1); margin-bottom:26px; }
.cf label { display:block; font-size:12px; color:var(--text-gray); margin-bottom:6px; }
.cf input, .cf textarea { width:100%; border:1px solid var(--border); padding:12px 16px; font-family:inherit; font-size:14px; outline:none; border-radius:4px; margin-bottom:16px; color:var(--text-dark); background:#fff; resize:vertical; }
.cf input:focus, .cf textarea:focus { border-color:var(--blue-2); }
.cf-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.btn-send { width:100%; background:var(--blue-2); color:#fff; border:none; padding:14px; border-radius:4px; font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; transition:background .2s,transform .2s; }
.btn-send:hover { background:var(--blue-hover); transform:translateY(-2px); }

/* ═══ FOOTER ═══ */
.site-footer { background:var(--navy-1); color:#fff; padding:60px 0 24px; }
.ft-inner { max-width:1200px; margin:0 auto; padding:0 40px; }
.ft-grid { display:grid; grid-template-columns:1.6fr .8fr 1.3fr 1.3fr; gap:38px; margin-bottom:48px; }
.ft-brand .logo-row { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.ft-brand .emblem { width:46px; height:46px; border-radius:50%; border:2px solid rgba(255,255,255,.4); display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:22px; }
.ft-brand img,
.ft-brand .custom-logo,
.ft-default-logo,
.ft-brand .custom-logo-link img {
  height:64px !important;
  width:auto !important;
  max-width:200px !important;
  max-height:64px !important;
  object-fit:contain !important;
  display:block !important;
}
/* الشعار في الفوتر على خلفية بيضاء صغيرة ليظهر بوضوح */
.ft-brand .logo-row { background:#fff; padding:8px 12px; border-radius:8px; display:inline-block; }
.ft-brand .custom-logo-link { line-height:0; }
.ft-brand .n1 { font-family:'Poppins'; font-weight:700; font-size:17px; letter-spacing:1px; }
.ft-brand .n2 { font-size:10px; letter-spacing:2.5px; color:rgba(255,255,255,.6); }
.ft-brand p { font-size:13px; color:rgba(255,255,255,.55); line-height:1.85; max-width:300px; }
.ft-col h4 { font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#fff; margin-bottom:18px; position:relative; padding-bottom:10px; }
.ft-col h4::after { content:''; position:absolute; bottom:0; inset-inline-end:0; width:32px; height:2px; background:var(--accent); }
.ft-col ul { list-style:none; }
.ft-col ul li { margin-bottom:10px; }
.ft-col ul a { font-size:13.5px; color:rgba(255,255,255,.55); transition:color .2s; }
.ft-col ul a:hover { color:var(--accent); }
.ft-ci { display:flex; gap:10px; margin-bottom:14px; font-size:13px; color:rgba(255,255,255,.55); line-height:1.6; }
.ft-ci .ic { color:var(--accent); flex-shrink:0; margin-top:1px; }
.ft-ci a { color:rgba(255,255,255,.55); }
.ft-ci a:hover { color:var(--accent); }
.ft-bot { border-top:1px solid rgba(255,255,255,.12); padding-top:24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.ft-bot p { font-size:12px; color:rgba(255,255,255,.4); }
.ft-bot a { color:var(--accent); }

/* ═══ RESPONSIVE ═══ */
@media (max-width:960px) {
  .topbar { padding:0 16px; }
  .header-inner { padding:0 16px; height:74px; }
  .brand { max-height:52px; }
  .brand img,
  .brand .custom-logo,
  .brand-default-logo,
  .custom-logo-link img { height:44px !important; max-height:44px !important; max-width:150px !important; }
  .main-nav { display:none; }
  .main-nav.open { display:block; position:absolute; top:74px; left:0; right:0; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.12); padding:12px 0; }
  .main-nav.open ul { flex-direction:column; gap:0; align-items:stretch; }
  .main-nav.open a { padding:14px 24px; border-bottom:1px solid var(--border); border-radius:0; }
  .mobile-toggle { display:flex; }
  .hero-inner { padding:52px 20px; }
  .about-wrap,.products-wrap,.contact-wrap,.ft-inner { padding-left:20px; padding-right:20px; }
  .about-grid { grid-template-columns:1fr; gap:52px; }
  .contact-wrap { grid-template-columns:1fr; gap:40px; }
  .ft-grid { grid-template-columns:1fr 1fr; }
  .cf-row { grid-template-columns:1fr; }
  .about-pills { grid-template-columns:1fr; }
  .prod-toolbar input { width:100%; }
}
@media (max-width:600px) { .ft-grid { grid-template-columns:1fr; } }