/* ── Inner pages + nav restyle to match the home redesign (Version C) ── */
#section-home.v3,.v3p{
  --v3-bg:#141414; --v3-panel:#1c1c1c; --v3-panel-2:#232323; --v3-fg:#ededed; --v3-muted:#8a8a8a;
  --v3-line:rgba(237,237,237,.1); --v3-red:#ff3232; --v3-green:#b2ff60;
  --line:rgba(237,237,237,.1); --dark:#ededed; --neutral:#8a8a8a;
}
body:not([data-page="admin"]){background:#141414;color:#ededed}

/* ── Nav pill: dark glass, always visible off the home page ── */
body:not([data-page="home"]) .navbar{transform:translateY(0)}
body:not([data-page="admin"]) .nav-section{box-shadow:0 10px 30px rgba(0,0,0,.45);border:1px solid rgba(237,237,237,.12)}
body:not([data-page="admin"]) .navigation_component{background:rgba(28,28,28,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body:not([data-page="admin"]) .nav-link-btn{color:#a0a0a0}
body:not([data-page="admin"]) .nav-link-btn:hover,body:not([data-page="admin"]) .nav-link-btn.nav-link-active{background:#2a2a2a;color:#ededed}
body:not([data-page="admin"]) .lang-btn{color:#8a8a8a}
body:not([data-page="admin"]) .lang-btn.active{color:#ededed;background:#2a2a2a}
body:not([data-page="admin"]) .nav-contact-btn{background:#ff3232;color:#fff}
body:not([data-page="admin"]) .nav-contact-label{color:#fff}
body:not([data-page="admin"]) .nav-contact-icon{background:#fff;color:#ff3232}
body:not([data-page="admin"]) .nav-burger{background:rgba(28,28,28,.85);border:1px solid rgba(237,237,237,.12)}
body:not([data-page="admin"]) .nav-burger span{background:#ededed}
body:not([data-page="admin"]) .nav-mobile-menu{background:#1c1c1c;border:1px solid rgba(237,237,237,.12)}
body:not([data-page="admin"]) .nav-mobile-menu a{color:#ededed;border-color:rgba(237,237,237,.1)}

/* ── Page shell ── */
.v3p{background:var(--v3-bg);color:var(--v3-fg);font-weight:300;color-scheme:dark;padding-inline:clamp(16px,3vw,44px);padding-bottom:110px;min-height:100vh}
.v3p.active{display:block}
.v3p .container-large{max-width:1360px;padding-inline:0}
.v3p a:focus-visible,.v3p button:focus-visible{outline:2px solid var(--v3-red);outline-offset:3px}
.v3-pagebar{max-width:1360px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:22px;border-bottom:1px solid var(--v3-line)}
.v3-pagebar-logo{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--v3-fg)}
.v3-pagebar-cta{padding:10px 18px;border-radius:999px;background:var(--v3-fg);color:#141414;font-weight:500;font-size:.9rem}
.v3p .hire-page-header{border-bottom:1px solid var(--v3-line)}
.v3p .hire-page-header .hero_top{max-width:1360px;padding-block:22px}
.v3p .hero_logo,.v3p .hire-phone-link{color:var(--v3-fg)}

/* page hero */
.v3p .page-hero{padding-block:clamp(56px,8vw,110px) clamp(32px,4vw,56px);border-bottom:1px solid var(--v3-line)}
.v3p .tagline{font-size:.72rem;letter-spacing:.14em;color:var(--v3-muted)}
.v3p .tagline::before{content:"■ ";color:var(--v3-red);font-size:.6rem;vertical-align:1px}
.v3p .page-hero h1{font-size:clamp(2.8rem,8vw,7.5rem);font-weight:200;letter-spacing:-.065em;line-height:.9;max-width:14ch;text-wrap:balance}
.v3p .page-hero p{margin-top:28px;font-size:1.1rem;color:var(--v3-muted);max-width:52ch}
[dir="rtl"] .v3p .page-hero h1{letter-spacing:0;line-height:1.2}
.v3p h2{color:var(--v3-fg);font-weight:200!important;letter-spacing:-.045em}

/* buttons */
.v3p .btn-primary{background:var(--v3-red);color:#fff;border-radius:999px;padding:14px 24px;font-weight:500}
.v3p .btn-primary:hover{background:#ff5050}
.v3p .btn-primary[style*="background:#fff"]{background:#fff!important;color:#1c1c1c!important}

/* ── Blog ── */
.v3p .blog-grid{gap:16px}
.v3p .blog-card{background:var(--v3-panel);border:1px solid var(--v3-line);border-radius:22px;color:var(--v3-fg);transition:border-color .2s,transform .3s}
.v3p .blog-card:hover{border-color:rgba(255,50,50,.6)}
.v3p .blog-card-img{height:220px}
.v3p .blog-card-body{padding:24px}
.v3p .blog-card-cat{color:var(--v3-red)}
.v3p .blog-card-title{font-size:1.4rem;font-weight:300;letter-spacing:-.02em}
.v3p .blog-card-excerpt,.v3p .blog-card-meta{color:var(--v3-muted)}
.v3p .blog-back-btn{color:var(--v3-muted)} .v3p .blog-back-btn:hover{color:var(--v3-fg)}
.v3p .blog-post-body{margin-inline:auto;padding-inline:0}
.v3p .blog-post-body .bp-category{color:var(--v3-red)}
.v3p .blog-post-body .bp-title{font-size:clamp(2.2rem,5.5vw,4.4rem);font-weight:200;letter-spacing:-.05em;line-height:1.02}
.v3p .blog-post-body .bp-meta,.v3p .blog-post-loading{color:var(--v3-muted)}
.v3p .blog-post-body .bp-cover{border-radius:22px}
.v3p .blog-post-body .bp-content{color:#cfcfcf;font-size:1.08rem;line-height:1.85}
.v3p .blog-post-body .bp-seo-info{background:var(--v3-panel);color:var(--v3-muted)}
.v3p #blog-post-share{padding-inline:0!important}

/* ── About ── */
.v3p .about-value-card{background:var(--v3-panel);border:1px solid var(--v3-line);border-radius:22px;padding:28px;display:grid;gap:12px;align-content:start}
.v3p .about-value-icon{color:var(--v3-red)}
.v3p .about-value-icon svg{stroke:currentColor}
.v3p .about-value-title{font-size:1.5rem;font-weight:300;letter-spacing:-.03em;color:var(--v3-fg)}
.v3p .about-value-desc{color:var(--v3-muted)}
.v3p .bg-off{background:transparent;border-block:1px solid var(--v3-line)}
.v3p .stat-number{color:var(--v3-fg);font-weight:200!important;letter-spacing:-.05em}
.v3p #about-office-phone,.v3p #about-office-email,.v3p #about-office-address{color:var(--v3-fg)!important}
@media (max-width:800px){.v3p [style*="grid-template-columns:1fr 1fr;gap:4rem"]{grid-template-columns:1fr!important;gap:2.5rem!important}}

/* ── Forms (contact + careers) ── */
.v3p .contact-section-inner{max-width:760px}
.v3p .form-group label{color:var(--v3-muted);font-weight:400}
.v3p .form-group input,.v3p .form-group textarea,.v3p .form-group select,.v3p .otp-wrap input{background:var(--v3-panel);color:var(--v3-fg);border:1px solid var(--v3-line);border-radius:14px;padding:14px 16px}
.v3p .form-group input::placeholder,.v3p .form-group textarea::placeholder{color:#5f5f5f}
.v3p .form-group input:focus,.v3p .form-group textarea:focus,.v3p .form-group select:focus{border-color:var(--v3-red);outline:none}
.v3p .phone-send-btn{border-radius:12px}
.v3p .otp-resend-btn{color:var(--v3-muted);background:none}
.v3p .form-success{background:rgba(178,255,96,.12);color:var(--v3-green)}
.v3p .form-error-msg{background:rgba(255,50,50,.12);color:#ff7a7a}
.v3p .phone-verified-badge{background:rgba(178,255,96,.12);color:var(--v3-green)}
.v3p .upload-zone{background:var(--v3-panel);border-color:rgba(237,237,237,.18);color:var(--v3-muted);border-radius:16px}
.v3p .upload-zone:hover{border-color:var(--v3-red)}
.v3p .upload-zone-placeholder,.v3p .upload-zone-placeholder small{color:var(--v3-muted)}
.v3p .iti__selected-dial-code,.v3p .iti__selected-country{color:var(--v3-fg)}
.v3p .iti__dropdown-content{background:#1c1c1c;color:var(--v3-fg);border-color:var(--v3-line)}
.v3p .iti__country.iti__highlight{background:#2a2a2a}
.v3p #contact-send-btn,.v3p #apply-submit-btn{margin-top:8px}
.v3p #apply-desc{color:var(--v3-muted)!important}

/* ── Jobs + FAQ rows ── */
.v3p .hire-dept-label{color:var(--v3-red)}
.v3p .job-row{border-color:var(--v3-line)}
.v3p .job-title{color:var(--v3-fg)}
.v3p .job-row:hover .job-title{opacity:1;color:var(--v3-red)}
.v3p .job-badge{border-color:rgba(237,237,237,.2);color:var(--v3-muted)}
.v3p .job-type-badge{background:var(--v3-fg);color:#141414;border-color:var(--v3-fg)}
.v3p .job-chevron{border-color:var(--v3-line);color:var(--v3-fg)}
.v3p .job-chevron svg{stroke:currentColor}
.v3p .job-row.open .job-chevron{background:var(--v3-red);border-color:var(--v3-red)}
.v3p .job-row.open .job-chevron svg{stroke:#fff}
.v3p .job-body p,.v3p .job-body ul,.v3p .job-body li{color:#cfcfcf}
.v3p .job-body h4{color:var(--v3-muted)}
.v3p .job-body > div[style]{color:var(--v3-muted)!important}
.v3p .job-apply-btn{background:var(--v3-red);color:#fff}
.v3p #faq-list p,.v3p #jobs-list > p{color:var(--v3-muted)!important}

/* ── Mini footer ── */
.v3-minifoot{max-width:1360px;margin:clamp(72px,9vw,120px) auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px}
.v3-minifoot .v3-big{font-size:clamp(3rem,15vw,13rem);font-weight:200;letter-spacing:-.08em;line-height:.8;color:var(--v3-panel-2);width:100%;direction:ltr}
.v3-minifoot nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.88rem}
.v3-minifoot nav a{color:var(--v3-muted)} .v3-minifoot nav a:hover{color:var(--v3-fg)}
.v3-minifoot small{color:var(--v3-muted)}

/* home page also needs room for the floating nav at the bottom */
#section-home.v3{padding-bottom:110px}
@media (prefers-reduced-motion:reduce){.v3p *{transition:none!important}}

/* ── Footer map (home + inner pages) ── */
.v3-footer,.v3-minifoot{display:grid!important;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px);align-items:end}
.v3-foot-left{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;min-width:0}
.v3-foot-left .v3-big{width:100%}
.v3-map{border:1px solid var(--v3-line);border-radius:24px;overflow:hidden;background:var(--v3-panel);min-width:0}
.v3-map-canvas{position:relative;aspect-ratio:16/10;max-width:100%;background:#181818}
.v3-map-canvas iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:invert(.92) hue-rotate(180deg) grayscale(.85) contrast(.9) brightness(.9)}
.v3-map-label{position:absolute;left:12px;top:12px;padding:6px 11px;border-radius:999px;background:var(--v3-fg);color:#141414;font-size:.75rem;font-weight:500;box-shadow:0 6px 20px rgba(0,0,0,.4);pointer-events:none}
.v3-map-label::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--v3-red);margin-inline-end:7px;vertical-align:1px}
.v3-map-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border-top:1px solid var(--v3-line)}
.v3-map-foot b{display:block;font-weight:400;color:var(--v3-fg)}
.v3-map-foot span{color:var(--v3-muted);font-size:.85rem}
.v3-map-dir{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--v3-red);color:#fff!important;font-size:.85rem;font-weight:500;white-space:nowrap}
.v3-map-dir span{color:#fff!important;font-size:inherit}
.v3-map-dir:hover{background:#e02828}
@media (max-width:900px){.v3-footer,.v3-minifoot{grid-template-columns:1fr}}
.v3-map[hidden]{display:none!important}
.v3-footer.v3-nomap,.v3-minifoot.v3-nomap{grid-template-columns:1fr}
/* Google Maps embed: keep its own colours (it has its own pin and business card), just soften it */
.v3-map-google .v3-map-canvas iframe{filter:saturate(.85) brightness(.92)}
.v3-map-google .v3-map-label{display:none}