/*
Theme Name: خبراء العزل في المملكة
Theme URI: https://insulationexperts.sa.mrafym.com/
Author: INSULATION EXPERTS
Description: قالب عربي متجاوب لشركة خبراء العزل في المملكة، مع أقسام الخدمات والمشاريع ووسائل التواصل.
Version: 1.2.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: insulation-experts
*/
:root{--navy:#10263b;--navy2:#17364f;--gold:#c7a15a;--gold2:#e0c184;--ink:#1e2a34;--muted:#697782;--soft:#f4f5f3;--line:#e6e8e8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;color:var(--ink);line-height:1.8}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 44px));margin:auto}.topbar{background:#0b1c2b;color:#dce4e9;font-size:12px}.topbar-inner,.top-links{display:flex;align-items:center;justify-content:space-between;gap:22px}.top-links{padding:8px 0}.top-links a{opacity:.86}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 5px 25px #14283b0b}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);min-width:180px}.brand-copy{display:flex;flex-direction:column;line-height:1.25}.brand-copy strong{font-size:18px;font-weight:700}.brand-copy small{font-size:11px;color:var(--gold);letter-spacing:1px}.brand-mark{width:37px;height:37px;display:flex;align-items:end;gap:3px;padding:5px;border:1px solid var(--gold);transform:skewY(-8deg)}.brand-mark span{display:block;width:7px;background:var(--navy)}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:22px;background:var(--gold)}.brand-mark span:nth-child(3){height:27px}.brand-logo{max-width:190px;max-height:58px;width:auto;height:auto}.main-nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.main-nav a{transition:.2s}.main-nav a:hover,.text-link:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 23px;border:0;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:.25s}.btn-gold{background:var(--gold);color:#142536}.btn-gold:hover{background:var(--gold2);transform:translateY(-2px)}.btn-dark{background:var(--navy);color:white}.btn-dark:hover{background:var(--navy2)}.btn-outline{border:1px solid #ffffff80;color:white;background:#ffffff08}.btn-outline:hover{background:#fff;color:var(--navy)}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy);cursor:pointer}.hero{min-height:660px;position:relative;display:flex;align-items:center;color:white;background:#12283b center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,25,40,.93),rgba(11,30,46,.78) 55%,rgba(11,30,46,.4))}.hero-content{position:relative;z-index:1;padding-top:55px;padding-bottom:115px}.eyebrow,.section-kicker{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--gold);display:flex;align-items:center;gap:10px}.eyebrow i{width:26px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.28;margin:24px 0 18px;font-weight:700;max-width:680px;color:white}.hero h1 em,h2 em{font-style:normal;color:var(--gold2)}.hero-content>p{font-size:16px;line-height:2;max-width:590px;color:#d8e0e5}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{margin-top:42px;color:#c4cdd3;font-size:12px;display:flex;align-items:center;gap:12px}.note-line{height:1px;width:42px;background:var(--gold)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;background:#0d2235b8;border-top:1px solid #ffffff20}.hero-stats{display:flex;gap:65px;padding:18px 0}.hero-stats div{display:flex;align-items:center;gap:12px}.hero-stats strong{font-size:22px;color:var(--gold);font-weight:500}.hero-stats span{font-size:12px;color:#d6dfe4}.section{padding:100px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.intro-visual{position:relative;padding:0 0 22px 22px}.intro-visual img{display:block;width:100%;height:450px;object-fit:cover;position:relative;z-index:1}.gold-square{position:absolute;left:0;bottom:0;width:45%;height:45%;border:2px solid var(--gold)}.visual-tag{position:absolute;z-index:2;right:-25px;bottom:45px;background:var(--navy);color:white;padding:18px 25px;display:flex;flex-direction:column;box-shadow:0 12px 35px #0d223533}.visual-tag b{font-size:17px}.visual-tag span{font-size:11px;color:#d6dee4}.section-kicker{margin-bottom:13px}h2{font-size:clamp(32px,4vw,46px);line-height:1.35;color:var(--navy);margin:0 0 20px}.intro-copy p,.why-lead{color:var(--muted);font-size:14px;line-height:2.1}.text-link{display:inline-flex;align-items:center;gap:15px;color:var(--navy);font-size:13px;font-weight:700;margin-top:15px}.section-dark{background:var(--navy);color:white}.section-kicker.light{color:var(--gold2)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2{color:white;margin:0}.section-heading>p{max-width:390px;color:#c1cbd2;font-size:13px;margin:0 0 5px;line-height:2}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff1c;border:1px solid #ffffff1c}.service-card{position:relative;background:var(--navy);padding:28px 27px 30px;min-height:245px;transition:.25s}.service-card:hover{background:#183a54;transform:translateY(-3px)}.service-number{position:absolute;left:24px;top:20px;color:#ffffff55;font-size:12px}.service-icon{font-size:29px;color:var(--gold);height:45px}.service-card h3{font-size:18px;margin:12px 0 8px;color:white}.service-card p{font-size:12px;line-height:2;color:#bdc8d0;min-height:50px}.service-card>a{font-size:12px;color:var(--gold2);display:inline-flex;gap:12px;align-items:center}.service-card-wide{grid-column:span 3;min-height:170px}.service-card-wide p{max-width:600px;min-height:0}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.why-grid h2{margin-bottom:18px}.why-lead{margin-bottom:28px}.why-points{border-top:1px solid var(--line)}.why-point{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.why-point>b{font-size:23px;color:var(--gold);font-weight:500}.why-point h3{font-size:16px;color:var(--navy);margin:0 0 4px}.why-point p{font-size:12px;color:var(--muted);margin:0}.section-soft{background:var(--soft)}.section-soft .section-heading h2{color:var(--navy)}.section-soft .section-heading>p{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:white;box-shadow:0 10px 30px #12283b0a}.project-card img{width:100%;height:235px;object-fit:cover;display:block}.project-card>div{padding:20px 22px}.project-card span{font-size:11px;color:var(--gold);font-weight:700}.project-card h3{font-size:16px;color:var(--navy);margin:5px 0 0}.projects-disclaimer{font-size:11px;color:#7b858b;margin:20px 0 0}.coverage{background:linear-gradient(110deg,#0d2133,#193a53);color:white;padding:65px 0}.coverage-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.coverage h2{color:white;margin:0 0 7px}.coverage p{font-size:13px;color:#c8d2d9;margin:0}.city-list{display:flex;gap:12px;flex-wrap:wrap}.city-list span{border:1px solid #ffffff4d;padding:13px 24px;color:#fff;font-size:13px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact-copy>p{max-width:450px;color:var(--muted);font-size:14px;line-height:2;margin-bottom:35px}.contact-detail{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding:13px 0;gap:3px}.contact-detail span{font-size:11px;color:var(--muted)}.contact-detail a,.contact-detail strong{font-size:14px;color:var(--navy);font-weight:600}.contact-form{background:#f6f7f5;padding:34px 36px;border-top:3px solid var(--gold)}.contact-form h3{font-size:23px;color:var(--navy);margin:0 0 4px}.contact-form>p{font-size:12px;color:var(--muted);margin-bottom:20px}.contact-form label{display:block;font-size:12px;font-weight:600;margin:12px 0 5px;color:#34434e}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid #dce1e1;background:white;border-radius:0;font:13px inherit;font-family:inherit;color:var(--ink);outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form textarea{resize:vertical}.submit-btn{width:100%;margin-top:18px}.contact-form small{display:block;color:#7b858b;font-size:10px;margin-top:10px}.footer{background:#091a29;color:white}.footer-main{padding:38px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand-light{color:white}.brand-light .brand-mark span{background:white}.brand-light .brand-mark span:nth-child(2){background:var(--gold)}.footer-main>p{color:var(--gold2);font-size:13px;margin:0}.social-links{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#d2dbe0}.social-links a:hover{color:var(--gold2)}.footer-bottom{border-top:1px solid #ffffff20;padding:16px 0;display:flex;justify-content:space-between;color:#aab7c0;font-size:10px}.footer-bottom a{color:var(--gold2)}.whatsapp-float{position:fixed;z-index:90;bottom:22px;left:22px;background:#1f9d61;color:white;padding:11px 18px;border-radius:30px;font-size:12px;font-weight:700;box-shadow:0 8px 25px #0003}.entry-content{line-height:2}.entry-content img{max-width:100%;height:auto}
@media(max-width:900px){.main-nav{gap:13px;font-size:12px}.intro-grid,.why-grid,.contact-grid{gap:45px}.service-card{padding:23px 19px}.footer-main{flex-wrap:wrap}.footer-main>p{display:none}}
@media(max-width:700px){.container{width:min(100% - 32px,560px)}.topbar-inner{padding:7px 0}.topbar-inner>span{display:none}.topbar-inner,.top-links{justify-content:center}.top-links{gap:16px;font-size:10px}.nav-wrap{height:70px}.menu-toggle{display:block;order:3}.main-nav{display:none;position:absolute;top:70px;right:0;left:0;background:white;padding:15px 24px 22px;box-shadow:0 15px 25px #10263b16;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:11px 0;border-bottom:1px solid var(--line)}.hero{min-height:650px;background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(9,25,40,.94),rgba(11,30,46,.75))}.hero-content{padding-top:45px;padding-bottom:145px}.hero h1{font-size:43px}.hero-content>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column;max-width:300px}.hero-actions .btn{justify-content:space-between}.hero-stats{gap:14px;justify-content:space-between}.hero-stats div{gap:6px;align-items:flex-start;flex-direction:column}.hero-stats strong{font-size:17px}.hero-stats span{font-size:9px}.section{padding:70px 0}.intro-grid,.why-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.intro-visual{margin:0 10px 0 0}.intro-visual img{height:330px}.visual-tag{right:-12px;bottom:30px;padding:13px 18px}.section-heading{display:block}.section-heading>p{margin-top:15px}.service-grid{grid-template-columns:1fr}.service-card,.service-card-wide{grid-column:auto;min-height:0}.service-card p{min-height:0}.project-grid{grid-template-columns:1fr;gap:16px}.project-card img{height:220px}.coverage-inner{display:block}.city-list{margin-top:25px}.city-list span{flex:1;text-align:center;padding:11px 12px}.contact-form{padding:25px 20px}.footer-main{align-items:flex-start;flex-direction:column}.social-links{gap:12px}.footer-bottom{gap:12px;flex-direction:column}.whatsapp-float{bottom:15px;left:15px}.contact-detail a{font-size:13px}}

/* Readability and knowledge center refinements - v1.1 */
:root{--muted:#536271;--ink:#1b2b38;--line:#d7dee3;--soft:#f3f6f8}
body{font-size:16px;color:var(--ink)}
.brand .custom-logo{max-width:230px;max-height:70px;width:auto;height:auto}
.brand-logo{max-width:220px;max-height:68px}
.main-nav{font-size:14px;gap:22px}
.topbar{font-size:13px}
.hero-content>p{font-size:18px;line-height:2.05;color:#f0f4f7;text-shadow:0 1px 5px #07172580}
.hero-note{font-size:14px;color:#edf2f5}
.intro-copy p,.why-lead,.contact-copy>p{font-size:16px;color:#4c5b68;line-height:2.15}
.section-heading>p,.coverage p{font-size:15px;color:#e0e7ec;line-height:2.05}
.service-card p{font-size:14px;color:#d5dfe6;line-height:2.05}
.service-card>a,.text-link{font-size:14px}
.why-point p{font-size:14px;color:#536271;line-height:1.9}
.projects-disclaimer{font-size:13px;color:#596875}
.contact-detail span{font-size:13px;color:#536271}
.contact-form>p{font-size:14px;color:#536271}
.contact-form label{font-size:14px;color:#263b4d}
.contact-form input,.contact-form select,.contact-form textarea{font-size:15px}
.contact-form small{font-size:12px;color:#536271}
.knowledge-page{min-height:65vh}
.knowledge-heading{text-align:center;max-width:760px;margin:0 auto 42px}
.knowledge-heading h1{font-size:clamp(34px,4vw,48px);color:var(--navy);margin:0 0 12px}
.knowledge-heading h1 em{font-style:normal;color:var(--gold)}
.knowledge-heading p{font-size:17px;color:#536271;line-height:2}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.knowledge-card{background:#fff;border:1px solid #e0e6eb;box-shadow:0 10px 28px #10263b0b;overflow:hidden}
.knowledge-thumb{display:flex;align-items:center;justify-content:center;height:220px;background:linear-gradient(135deg,#10263b,#244b68);color:#e0c184;font-size:20px;font-weight:700}
.knowledge-thumb img{width:100%;height:100%;object-fit:cover}
.knowledge-card-body{padding:22px}
.knowledge-meta{font-size:12px;color:#647381;margin-bottom:9px}
.knowledge-card h2{font-size:20px;line-height:1.6;margin:0 0 10px}
.knowledge-card h2 a{color:var(--navy)}
.knowledge-card p{font-size:15px;color:#536271;line-height:2;margin:0 0 12px}
.knowledge-pagination{display:flex;justify-content:center;gap:8px;margin-top:38px}
.knowledge-pagination .page-numbers{padding:8px 14px;background:#fff;color:var(--navy);border:1px solid #d9e0e5}
.knowledge-pagination .current{background:var(--navy);color:#fff}
.knowledge-empty{text-align:center;background:#fff;padding:50px 20px;border:1px solid #e0e6eb}
.knowledge-empty p{font-size:16px;color:#536271}
.entry-content{font-size:17px;color:#263746;line-height:2.1}
.entry-content p{margin:0 0 1.2em}
@media(max-width:700px){.brand .custom-logo{max-width:180px;max-height:58px}.hero-content>p{font-size:16px}.knowledge-grid{grid-template-columns:1fr}.knowledge-thumb{height:200px}.knowledge-card h2{font-size:19px}}


/* Reference homepage layout corrections: RTL header, original logo, blue Riyadh hero */
.site-header[dir="rtl"] .nav-wrap{direction:rtl;flex-direction:row;}
.site-header[dir="rtl"] .brand{direction:rtl;flex-direction:row;justify-content:flex-start;order:0;margin-inline-start:0;}
.site-header[dir="rtl"] .main-nav{direction:rtl;order:1;justify-content:center;flex:1;}
.site-header[dir="rtl"] .nav-cta{order:2;margin-inline-start:0;}
.site-header .brand .custom-logo-link{display:flex;align-items:center;}
.site-header .brand .custom-logo{display:block;max-width:230px;max-height:70px;width:auto;height:auto;object-fit:contain;}
.hero-reference{min-height:690px;background-position:center center;background-size:cover;align-items:stretch;display:block;padding:0 0 120px;position:relative;}
.hero-reference .hero-shade{background:linear-gradient(270deg,rgba(3,37,75,.98) 0%,rgba(3,43,83,.94) 30%,rgba(4,49,91,.66) 54%,rgba(4,43,79,.05) 100%);}
.hero-reference .hero-content{display:flex;flex-direction:column;align-items:flex-start;text-align:right;padding-top:78px;padding-bottom:20px;max-width:1160px;}
.hero-reference .hero-eyebrow{font-size:27px;font-weight:700;color:#f6b82e;margin-bottom:18px;}
.hero-reference .hero h1,.hero-reference h1{max-width:670px;font-size:clamp(48px,5.8vw,82px);line-height:1.2;margin:0 0 22px;font-weight:800;text-align:right;}
.hero-reference h1 span{display:block;color:#fff;}
.hero-reference h1 em{display:block;font-style:normal;color:#ffbd2e;}
.hero-reference .hero-content>p{max-width:680px;margin:0;color:#f5f7fb;font-size:19px;line-height:1.9;text-align:right;}
.hero-reference .hero-actions{margin-top:32px;display:flex;gap:16px;flex-direction:row;}
.hero-reference .btn{border-radius:28px;padding:17px 29px;font-size:16px;min-height:66px;}
.hero-reference .btn-gold{background:#ffbd2e;color:#071c32;}
.hero-reference .btn-outline{border:2px solid #fff;background:#092b50b8;color:#fff;}
.hero-reference .hero-whatsapp{position:absolute;left:30px;bottom:175px;z-index:4;background:#08b83e;color:#fff;border-radius:40px;padding:13px 22px;font-weight:700;display:flex;align-items:center;gap:10px;font-size:16px;}
.hero-reference .wa-symbol{font-size:28px;line-height:1;}
.hero-feature-wrap{position:absolute;z-index:5;bottom:-2px;left:0;right:0;padding:0 30px;}
.hero-features{background:#fff;border:1px solid #dce8f6;border-radius:24px;box-shadow:0 4px 16px #174a7a20;min-height:140px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:16px 24px;}
.hero-feature{min-height:84px;display:flex;align-items:center;justify-content:center;gap:20px;color:#0c3477;padding:8px 18px;border-left:1px solid #9ab4da;text-align:right;}
.hero-feature:last-child{border-left:0;}
.hero-feature strong,.hero-feature small{display:block;font-size:19px;font-weight:800;line-height:1.7;}
.hero-feature small{font-weight:500;}
.feature-icon{font-size:48px;font-weight:800;line-height:1;color:#123f8c;min-width:48px;text-align:center;}
@media(max-width:900px){.site-header[dir="rtl"] .nav-wrap{gap:12px}.site-header[dir="rtl"] .main-nav{gap:12px}.hero-reference .hero-content{padding-top:65px}.hero-reference .hero-content>p{font-size:17px}.hero-features{padding:10px;}.hero-feature{gap:10px;padding:6px}.hero-feature strong,.hero-feature small{font-size:15px}.feature-icon{font-size:36px;min-width:35px}}
@media(max-width:700px){.site-header[dir="rtl"] .nav-wrap{flex-direction:row;}.site-header[dir="rtl"] .brand{order:0;margin-inline-start:auto}.site-header[dir="rtl"] .menu-toggle{order:2}.site-header[dir="rtl"] .nav-cta{display:none}.hero-reference{min-height:760px;padding-bottom:220px;background-position:38% center;}.hero-reference .hero-shade{background:linear-gradient(270deg,rgba(3,37,75,.96),rgba(3,43,83,.78) 65%,rgba(4,43,79,.35));}.hero-reference .hero-content{padding-top:55px;align-items:stretch}.hero-reference .hero-eyebrow{font-size:20px}.hero-reference h1{font-size:43px}.hero-reference .hero-content>p{font-size:15px}.hero-reference .hero-actions{flex-direction:column;max-width:100%;}.hero-reference .btn{min-height:55px;font-size:14px}.hero-reference .hero-whatsapp{left:16px;bottom:190px;font-size:13px;padding:9px 16px}.hero-feature-wrap{padding:0 12px}.hero-features{grid-template-columns:repeat(2,1fr);min-height:180px;border-radius:18px;padding:8px}.hero-feature{min-height:75px;border-left:0;gap:8px;justify-content:flex-start;padding:6px 10px}.hero-feature:nth-child(odd){border-left:1px solid #9ab4da}.hero-feature strong,.hero-feature small{font-size:13px}.feature-icon{font-size:30px;min-width:28px}}


/* Header alignment correction: logo at far right, navigation centered, CTA left */
@media (min-width: 701px) {
  .site-header .nav-wrap { position: relative; }
  .site-header .nav-wrap > .brand {
    position: absolute;
    right: min(-22px, calc((1160px - 100vw) / 2));
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    margin: 0 !important;
  }
  .site-header .nav-wrap > .main-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 1;
  }
  .site-header .nav-wrap > .nav-cta {
    margin-right: auto;
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 700px) {
  .site-header .nav-wrap > .brand {
    position: static;
    transform: none;
    margin: 0 !important;
  }
  .site-header .nav-wrap > .main-nav {
    position: absolute;
    transform: none;
  }
}


/* v1.2.3: prevent horizontal clipping, align footer brand RTL, center mobile header logo */
html, body { max-width:100%; overflow-x:clip; }
body { overflow-x:hidden; }
.site-header .nav-wrap { max-width:1160px; }
@media (min-width:701px) {
  .site-header .nav-wrap > .brand {
    right:0;
  }
}
.footer-main > .brand-light {
  direction:rtl;
  align-self:flex-end;
  margin-inline-start:auto;
  margin-inline-end:0;
  justify-content:flex-start;
  text-align:right;
}
.footer-main { overflow:visible; }
@media (max-width:700px) {
  .site-header .nav-wrap {
    position:relative;
    justify-content:space-between;
  }
  .site-header .nav-wrap > .brand {
    position:absolute;
    left:50%;
    right:auto;
    top:50%;
    transform:translate(-50%,-50%);
    margin:0 !important;
    z-index:2;
    max-width:calc(100% - 110px);
  }
  .site-header .nav-wrap > .brand .custom-logo-link {
    justify-content:center;
  }
  .site-header .nav-wrap > .brand .custom-logo {
    max-width:150px;
    max-height:52px;
  }
  .site-header .nav-wrap > .menu-toggle {
    position:relative;
    z-index:3;
    margin-right:auto;
    order:3;
  }
  .site-header .nav-wrap > .main-nav {
    right:0;
    left:0;
    top:70px;
    transform:none;
    z-index:10;
  }
  .footer-main > .brand-light {
    align-self:center;
    margin:0 auto;
  }
}


/* v1.2.4: homepage side breathing room and consistent footer RTL layout */
@media (min-width:701px) {
  .hero-reference {
    margin-inline: clamp(16px, 2vw, 36px);
    border-radius: 2px;
    overflow: hidden;
  }
}
@media (max-width:700px) {
  .hero-reference {
    margin-inline: 10px;
    border-radius: 2px;
    overflow: hidden;
  }
}

/* Footer: logo on the right, social links on the left */
.footer-main {
  direction: rtl;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.footer-main > .brand-light {
  order: 1;
  margin: 0 auto 0 0;
  align-self: center;
  flex: 0 0 auto;
  text-align: right;
}
.footer-main > .social-links {
  order: 3;
  margin: 0 0 0 auto;
  justify-content: flex-start;
  flex: 0 1 auto;
}
.footer-main > p { order: 2; }

@media (max-width:700px) {
  .footer-main {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
    padding: 26px 0;
  }
  .footer-main > .brand-light {
    order: 1;
    margin: 0 !important;
    align-self: center;
    max-width: 42%;
  }
  .footer-main > .brand-light .custom-logo {
    max-width: 125px;
    max-height: 58px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .footer-main > .social-links {
    order: 3;
    margin: 0 !important;
    max-width: 56%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    gap: 8px 12px;
    flex-wrap: wrap;
    font-size: 10px;
  }
  .footer-main > p { display: none !important; }
}


/* v1.2.5: clean header and keep footer social links in one horizontal row */
.topbar { display:none !important; }
.footer-main > .social-links {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap !important;
  white-space:nowrap;
  align-items:center;
  gap:clamp(8px, 1.2vw, 16px);
}
@media (max-width:700px) {
  .footer-main {
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:8px;
  }
  .footer-main > .brand-light {
    flex:0 1 38%;
    max-width:38%;
    margin:0 !important;
  }
  .footer-main > .brand-light .custom-logo {
    max-width:100%;
    max-height:58px;
  }
  .footer-main > .social-links {
    flex:0 1 60%;
    max-width:60%;
    margin:0 !important;
    gap:clamp(5px, 1.5vw, 10px);
    font-size:9px;
    line-height:1.4;
    justify-content:flex-start;
  }
  .footer-main > .social-links a {
    flex:0 0 auto;
  }
}


/* v1.2.6: fit all social links in the mobile footer without clipping */
@media (max-width:700px) {
  .footer-main {
    display:flex;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
    overflow:visible !important;
  }
  .footer-main > .brand-light {
    flex:0 0 34% !important;
    width:34%;
    max-width:34% !important;
    min-width:0;
    margin:0 !important;
  }
  .footer-main > .brand-light .custom-logo {
    display:block;
    width:100%;
    max-width:100% !important;
    max-height:54px !important;
    height:auto;
    object-fit:contain;
  }
  .footer-main > .social-links {
    flex:0 0 64% !important;
    width:64%;
    max-width:64% !important;
    min-width:0;
    margin:0 !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-items:center;
    align-content:center;
    gap:10px 9px !important;
    white-space:normal !important;
    overflow:visible !important;
    font-size:10px !important;
    line-height:1.5;
  }
  .footer-main > .social-links a {
    display:inline-block;
    flex:0 0 auto;
    white-space:nowrap;
    padding:1px 0;
  }
}


/* v1.2.7: bring mobile social links inward and show all five links */
@media (max-width:700px) {
  .footer-main {
    width:calc(100% - 28px) !important;
    max-width:560px;
    margin-inline:auto !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:8px !important;
    overflow:visible !important;
  }
  .footer-main > .brand-light {
    flex:0 0 29% !important;
    width:29% !important;
    max-width:29% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .footer-main > .brand-light .custom-logo {
    width:100% !important;
    max-width:100% !important;
    max-height:52px !important;
    height:auto !important;
    object-fit:contain;
  }
  .footer-main > .social-links {
    flex:1 1 68% !important;
    width:68% !important;
    max-width:68% !important;
    min-width:0 !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    align-content:center !important;
    gap:9px 12px !important;
    white-space:normal !important;
    overflow:visible !important;
    font-size:10px !important;
    line-height:1.6 !important;
    text-align:center !important;
  }
  .footer-main > .social-links a {
    display:inline-block !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
    padding:2px 0 !important;
  }
}