/*
Theme Name: Tatawar Academy
Theme URI: https://tatawartraining.com
Author: Tatawar Academy
Author URI: https://tatawartraining.com
Description: A custom WordPress theme for Tatawar Academy courses, branches, achievements, WhatsApp lead generation, and landing pages.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tatawar-academy
Tags: education, courses, responsive, custom-logo, featured-images
*/

:root{
  --navy:#071f45;
  --navy-2:#0c2f65;
  --gold:#f4b41b;
  --gold-2:#ffd66b;
  --turquoise:#24c6c8;
  --purple:#7b3ff2;
  --blue:#2f80ed;
  --ink:#102033;
  --muted:#667085;
  --bg:#f6f8fb;
  --white:#ffffff;
  --border:#d9e2ef;
  --shadow:0 20px 45px rgba(7,31,69,.12);
  --radius:22px;
}

*{box-sizing:border-box}
body{
  margin:0;
  color:var(--ink);
  background:var(--bg);
  font-family:Inter,Arial,Helvetica,sans-serif;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(1160px,92%);margin:auto}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;background:var(--gold);color:var(--navy);padding:.75rem 1rem;border-radius:8px;z-index:9999}

.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(217,226,239,.8);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:900;color:var(--navy)}
.custom-logo{max-height:54px;width:auto}
.brand-text{font-size:1.1rem;letter-spacing:.01em}
.nav-toggle{display:none;border:0;background:var(--navy);color:white;padding:.7rem .9rem;border-radius:12px;font-weight:800}
.primary-nav ul{list-style:none;display:flex;gap:.45rem;margin:0;padding:0;align-items:center}
.primary-nav a{display:block;padding:.7rem .85rem;border-radius:999px;color:var(--navy);font-weight:750;font-size:.96rem}
.primary-nav a:hover,.primary-nav .current-menu-item>a{background:#edf4ff;color:var(--navy-2)}
.header-cta{background:var(--gold)!important;color:var(--navy)!important;box-shadow:0 10px 18px rgba(244,180,27,.25)}

.hero{
  background:
    radial-gradient(circle at 15% 10%, rgba(244,180,27,.28), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(36,198,200,.22), transparent 28%),
    linear-gradient(135deg,var(--navy),var(--navy-2));
  color:white;
  padding:5.5rem 0 4.5rem;
  overflow:hidden;
}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:.45rem .75rem;border-radius:999px;color:var(--gold-2);font-weight:850;margin-bottom:1rem}
h1,h2,h3{line-height:1.12;margin:0 0 1rem;color:inherit}
h1{font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.045em}
h2{font-size:clamp(1.85rem,3vw,3rem);letter-spacing:-.035em;color:var(--navy)}
h3{font-size:1.25rem;color:var(--navy)}
.hero p{font-size:1.15rem;color:#dbe8ff;max-width:660px;margin:0 0 1.5rem}
.actions{display:flex;gap:.75rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.9rem 1.1rem;border-radius:999px;font-weight:900;border:2px solid transparent;transition:.2s ease;cursor:pointer}
.btn-primary{background:var(--gold);color:var(--navy)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 25px rgba(244,180,27,.28)}
.btn-secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:white}
.btn-secondary:hover{background:white;color:var(--navy)}
.btn-outline{background:white;border-color:var(--border);color:var(--navy)}
.btn-outline:hover{border-color:var(--gold);box-shadow:0 12px 22px rgba(7,31,69,.08)}
.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.hero-card-inner{background:white;color:var(--ink);border-radius:18px;padding:1.25rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-top:1rem}
.stat{background:#f6f8fb;border:1px solid var(--border);border-radius:16px;padding:1rem}
.stat strong{display:block;color:var(--navy);font-size:1.25rem}
.stat span{color:var(--muted);font-size:.93rem}

section{padding:4.5rem 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.section-head p{color:var(--muted);max-width:640px;margin:.25rem 0 0}
.grid{display:grid;gap:1.25rem}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;box-shadow:0 12px 30px rgba(7,31,69,.06)}
.card:hover{transform:translateY(-3px);transition:.2s ease;box-shadow:var(--shadow)}
.icon-badge{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-weight:900;color:white;background:var(--navy);margin-bottom:1rem}
.badge-turq{background:var(--turquoise)}
.badge-purple{background:var(--purple)}
.badge-blue{background:var(--blue)}
.card p{color:var(--muted);margin:.4rem 0 1rem}
.card-link{color:var(--navy);font-weight:900}

.course-card{overflow:hidden;padding:0}
.course-card img{aspect-ratio:4/3;object-fit:cover;width:100%;background:#eaf2ff}
.course-content{padding:1.25rem}
.course-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0}
.pill{display:inline-flex;background:#edf4ff;color:var(--navy);border-radius:999px;font-size:.82rem;font-weight:850;padding:.25rem .55rem}

.band{background:linear-gradient(135deg,#fff7df,#eefbff);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.tick-list{list-style:none;padding:0;margin:1rem 0 0}
.tick-list li{position:relative;padding-left:1.7rem;margin:.65rem 0;color:var(--ink)}
.tick-list li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}

.page-hero{padding:4.5rem 0;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:white}
.page-hero h1{font-size:clamp(2.1rem,4vw,3.8rem)}
.page-hero p{color:#dbe8ff;max-width:720px;font-size:1.08rem}
.content-area{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:0 12px 30px rgba(7,31,69,.05)}
.wp-block-image img{border-radius:18px}

.contact-box{background:var(--navy);color:white;border-radius:var(--radius);padding:1.5rem}
.contact-box h3{color:white}
.contact-box p{color:#dbe8ff}
.form-grid{display:grid;gap:.8rem}
.input, textarea, select{width:100%;padding:.9rem 1rem;border:1px solid var(--border);border-radius:14px;font:inherit;background:white;color:var(--ink)}
textarea{min-height:130px;resize:vertical}
.whatsapp-float{display:none}

.site-footer{background:#061832;color:#dbe8ff;padding:3rem 0 1.5rem}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr .9fr;gap:1.5rem}
.site-footer h3,.site-footer h4{color:white;margin:0 0 .8rem}
.site-footer p,.site-footer li{color:#b9c7dd}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:.5rem 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1rem;color:#9fb0c7;font-size:.92rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

@media (max-width: 900px){
  .hero-grid,.split{grid-template-columns:1fr}
  .grid-3,.grid-4,.footer-grid{grid-template-columns:1fr 1fr}
  .nav-toggle{display:block}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;border-bottom:1px solid var(--border);padding:1rem}
  .primary-nav.is-open{display:block}
  .primary-nav ul{display:grid;gap:.35rem;width:min(1160px,92%);margin:auto}
  .primary-nav a{border-radius:12px}
}
@media (max-width: 620px){
  section{padding:3rem 0}
  .hero{padding:4rem 0 3rem}
  .grid-3,.grid-4,.footer-grid,.stat-grid{grid-template-columns:1fr}
  .section-head{display:block}
  .actions .btn{width:100%}
  .content-area{padding:1.25rem}
}


/* Media-rich course update */
.hero-showcase{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 28px 65px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18);background:#061832}
.hero-showcase img{width:100%;aspect-ratio:4/3;object-fit:cover;opacity:.94}
.hero-showcase:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,31,69,.06),rgba(7,31,69,.72))}
.hero-showcase-card{position:absolute;left:1.1rem;right:1.1rem;bottom:1.1rem;z-index:2;background:rgba(255,255,255,.92);color:var(--ink);border-radius:20px;padding:1rem;backdrop-filter:blur(10px)}
.hero-showcase-card h3{margin-bottom:.35rem}.hero-showcase-card p{color:var(--muted);font-size:.95rem;margin:0}.media-tag{display:inline-flex;gap:.35rem;align-items:center;background:var(--gold);color:var(--navy);font-weight:900;border-radius:999px;padding:.28rem .6rem;font-size:.82rem;margin-bottom:.55rem}
.course-card img{height:auto}.course-card.featured{border-color:rgba(123,63,242,.28)}
.course-card .course-content h3{min-height:2.5rem}.course-card .course-content p{min-height:4.9rem}.course-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.mini-link{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:.45rem .65rem;font-weight:850;color:var(--navy);font-size:.87rem;background:#fff}.mini-link:hover{border-color:var(--gold);box-shadow:0 8px 15px rgba(7,31,69,.08)}
.media-section{background:#fff}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.video-card{background:white;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 10px 25px rgba(7,31,69,.06)}.video-card video{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;background:#061832}.video-card div{padding:.9rem}.video-card h3{font-size:1rem;margin:0}.video-card p{font-size:.88rem;color:var(--muted);margin:.25rem 0 0}.course-highlight{display:inline-flex;align-items:center;gap:.5rem;background:#f5f0ff;color:#4c1d95;font-weight:900;border-radius:999px;padding:.35rem .65rem;font-size:.86rem;margin-bottom:.65rem}.hero-grid.media-hero{grid-template-columns:1fr 1fr}
@media (max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}.hero-grid.media-hero{grid-template-columns:1fr}}
@media (max-width:620px){.video-grid{grid-template-columns:1fr}.course-card .course-content h3,.course-card .course-content p{min-height:unset}.hero-showcase-card{position:relative;left:auto;right:auto;bottom:auto;border-radius:0}.hero-showcase:after{display:none}}

.catalog-block{margin-top:2rem}
.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.catalog-head h3{margin:0;color:var(--navy);font-size:1.6rem}
.catalog-head p{margin:0;color:var(--muted);max-width:760px}
@media (max-width:620px){.catalog-head{display:block}.catalog-head p{margin-top:.35rem}}

/* Contact page with branch maps */
.contact-section{background:#f6f8fb}
.branch-grid{display:grid;gap:1.5rem}
.branch-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.25rem;align-items:stretch;padding:1rem;overflow:hidden}
.branch-card:hover{transform:none}
.branch-info{padding:.6rem .45rem .6rem .6rem;display:flex;flex-direction:column;justify-content:center}
.branch-label{display:inline-flex;width:max-content;background:#fff7df;color:#7a5300;font-weight:900;border-radius:999px;padding:.35rem .7rem;margin-bottom:.75rem}
.branch-info h3{font-size:1.65rem;margin-bottom:.5rem}
.branch-address{font-size:1.05rem;color:var(--ink);font-weight:800;margin:.2rem 0;text-align:right;direction:rtl}
.branch-address-en{color:var(--muted);margin:.2rem 0 1rem}
.branch-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}
.map-box{min-height:310px;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#eaf2ff}
.map-box iframe{width:100%;height:100%;min-height:310px;border:0;display:block}
.contact-band{padding-top:4rem;padding-bottom:4rem}
@media (max-width:900px){.branch-card{grid-template-columns:1fr}.map-box,.map-box iframe{min-height:280px}}
@media (max-width:620px){.branch-card{padding:.75rem}.branch-info h3{font-size:1.35rem}.branch-actions .btn,.branch-actions .mini-link{width:100%;justify-content:center}.map-box,.map-box iframe{min-height:240px}}

/* Home growth sections: offers, trial booking, gallery, trust and FAQ */
.offers-section{background:#fff}
.offer-grid{align-items:stretch}
.offer-card,.trial-card,.trust-card,.testimonial-card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;box-shadow:0 12px 30px rgba(7,31,69,.06)}
.offer-card{position:relative;overflow:hidden}
.offer-card:before{content:'';position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--gold),var(--turquoise),var(--purple));}
.offer-tag{display:inline-flex;background:#fff7df;color:var(--navy);border:1px solid rgba(244,180,27,.38);border-radius:999px;font-weight:900;font-size:.82rem;padding:.3rem .65rem;margin:.35rem 0 .75rem}
.offer-card h3,.trial-card h3,.trust-card h3{color:var(--navy)}
.offer-card p,.trial-card p,.trust-card p,.testimonial-card p{color:var(--muted);margin:.45rem 0 1rem}
.trial-section .section-head{margin-bottom:1.4rem}.trial-card .btn{margin-top:.4rem}.trial-card .icon-badge{margin-bottom:.8rem}
.dark-eyebrow{background:#edf4ff;color:var(--navy);border-color:var(--border)}
.achievements-section{background:white}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.achievement-item{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:white;border-radius:20px;padding:1.25rem;min-height:130px;display:flex;flex-direction:column;justify-content:center}.achievement-item strong{display:block;color:var(--gold);font-size:1.85rem;line-height:1;margin-bottom:.45rem}.achievement-item span{color:#dbe8ff;font-weight:700}
.gallery-section{background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px;border:1px solid var(--border);box-shadow:0 12px 26px rgba(7,31,69,.08)}
.accreditations-section .trust-card{height:100%}.trust-card h3:before{content:'✓';display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:1rem;margin-right:.55rem}
.testimonials-section{background:white}.testimonial-card p{font-size:1.04rem;color:var(--ink)}.testimonial-card strong{color:var(--navy)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.faq-grid details{background:white;border:1px solid var(--border);border-radius:18px;padding:1rem 1.1rem;box-shadow:0 10px 22px rgba(7,31,69,.05)}.faq-grid summary{cursor:pointer;font-weight:900;color:var(--navy)}.faq-grid p{color:var(--muted);margin:.65rem 0 0}
.contact-cta{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:white}.contact-cta h2{color:white}.contact-cta p{color:#dbe8ff}.contact-cta .btn-outline{background:white}.contact-cta-actions{justify-content:flex-end}
@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr}.contact-cta-actions{justify-content:flex-start}}
@media (max-width:620px){.gallery-grid{grid-template-columns:1fr}.offer-grid{grid-template-columns:1fr}}

/* Refinement: Free Trial Session countdown bars */
.section-kicker{display:inline-flex;width:max-content;background:#fff7df;color:#7a5300;border:1px solid rgba(244,180,27,.38);border-radius:999px;font-weight:900;font-size:.85rem;padding:.35rem .7rem;margin-bottom:.65rem}
.countdown-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:1.2rem;align-items:center;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:white;border-radius:28px;padding:1.35rem;margin-bottom:1.4rem;box-shadow:0 18px 42px rgba(7,31,69,.16);overflow:hidden;position:relative}
.countdown-panel:before{content:'';position:absolute;inset:auto -10% -38% 52%;height:180px;background:radial-gradient(circle,rgba(244,180,27,.32),transparent 62%)}
.countdown-label{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--gold-2);font-weight:900;font-size:.82rem;padding:.32rem .65rem;margin-bottom:.6rem}
.countdown-panel h3{color:white;font-size:1.65rem;margin-bottom:.35rem}.countdown-panel p{color:#dbe8ff;margin:0}.countdown-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;position:relative;z-index:2}.countdown-item{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:.85rem}.countdown-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.countdown-top strong{font-size:1.8rem;color:var(--gold);line-height:1}.countdown-top span{font-weight:850;color:#dbe8ff;font-size:.84rem}.time-bar{height:8px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden}.time-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--turquoise));border-radius:999px;transition:width .35s ease}
@media (max-width:900px){.countdown-panel{grid-template-columns:1fr}.countdown-bars{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.countdown-bars{grid-template-columns:1fr}.countdown-panel{padding:1rem}.countdown-top strong{font-size:1.55rem}}

/* Refinement option 1: digital countdown boxes inspired by presentation-style countdown timers */
.countdown-digital{grid-template-columns:.78fr 1.22fr;padding:1.6rem;background:radial-gradient(circle at 85% 18%,rgba(244,180,27,.28),transparent 28%),linear-gradient(135deg,#061832,#0c2f65)}
.countdown-digital:before{inset:auto -12% -44% 58%;height:230px;background:radial-gradient(circle,rgba(36,198,200,.2),transparent 64%)}
.countdown-copy{position:relative;z-index:2}.digital-clock{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.55rem;align-items:center}.digital-unit{position:relative;min-height:128px;display:grid;place-items:center;text-align:center;padding:1rem .7rem;border-radius:20px;background:linear-gradient(180deg,#ffffff,#eef4ff);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 -7px 0 rgba(7,31,69,.08),0 18px 28px rgba(0,0,0,.18);overflow:hidden}.digital-unit:before{content:'';position:absolute;inset:0 0 auto 0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0));pointer-events:none}.digital-unit:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(7,31,69,.12)}.digital-unit strong{font-family:'Courier New',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(2.3rem,5vw,4.35rem);line-height:.9;letter-spacing:-.08em;color:var(--navy);font-weight:900;text-shadow:0 2px 0 rgba(244,180,27,.28);font-variant-numeric:tabular-nums}.digital-unit span{position:absolute;bottom:.72rem;left:0;right:0;text-transform:uppercase;letter-spacing:.12em;color:#667085;font-size:.72rem;font-weight:900}.clock-separator{display:block;color:var(--gold);font-size:3.2rem;line-height:1;text-shadow:0 0 18px rgba(244,180,27,.45);transform:translateY(-.22rem)}
@media (max-width:900px){.countdown-digital{grid-template-columns:1fr}.digital-clock{grid-template-columns:repeat(4,1fr);gap:.75rem}.clock-separator{display:none}.digital-unit{min-height:112px}.digital-unit strong{font-size:2.7rem}}
@media (max-width:620px){.digital-clock{grid-template-columns:repeat(2,1fr)}.digital-unit{min-height:104px}.digital-unit strong{font-size:2.25rem}.countdown-digital{padding:1rem}}

/* Refinement: rectangular digital countdown boxes with section-shadow colors */
.countdown-digital{
  background:
    radial-gradient(circle at 12% 15%, rgba(244,180,27,.18), transparent 30%),
    radial-gradient(circle at 92% 65%, rgba(36,198,200,.16), transparent 32%),
    linear-gradient(135deg,#071f45,#0c2f65 58%,#061832);
  box-shadow:0 24px 55px rgba(7,31,69,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
.countdown-digital .digital-clock{
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:.85rem;
}
.countdown-digital .clock-separator{
  display:none;
}
.countdown-digital .digital-unit{
  min-height:92px;
  aspect-ratio:auto;
  padding:.85rem 1.25rem 1.45rem;
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(255,214,107,.10),rgba(255,214,107,0) 36%),
    linear-gradient(180deg,rgba(12,47,101,.98),rgba(6,24,50,.96));
  border:1px solid rgba(255,214,107,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -8px 20px rgba(0,0,0,.20),
    0 14px 28px rgba(3,13,30,.32),
    0 0 0 1px rgba(255,255,255,.03);
}
.countdown-digital .digital-unit:before{
  height:45%;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,0));
}
.countdown-digital .digital-unit:after{
  background:rgba(255,214,107,.15);
}
.countdown-digital .digital-unit strong{
  color:#ffd66b;
  letter-spacing:-.045em;
  font-size:clamp(2.1rem,4vw,3.6rem);
  text-shadow:0 2px 0 rgba(0,0,0,.25),0 0 18px rgba(244,180,27,.18);
}
.countdown-digital .digital-unit span{
  color:#dbe8ff;
  bottom:.55rem;
  letter-spacing:.10em;
  opacity:.9;
}
@media (max-width:900px){
  .countdown-digital .digital-clock{grid-template-columns:repeat(2,minmax(150px,1fr));}
  .countdown-digital .digital-unit{min-height:88px;}
}
@media (max-width:520px){
  .countdown-digital .digital-clock{grid-template-columns:1fr;}
  .countdown-digital .digital-unit{min-height:82px;}
}


/* Free Trial Session refinement */
.section-head-stack{display:block}.trial-head{margin-bottom:1.2rem}.trial-title{line-height:1;margin-bottom:.85rem}.trial-title .free-word{display:block;font-size:clamp(3rem,7vw,6rem);letter-spacing:.20em;font-weight:900;color:var(--navy);text-shadow:0 3px 0 rgba(244,180,27,.20)}.trial-title .trial-word{display:block;font-size:clamp(1.5rem,3vw,2.45rem);letter-spacing:.08em;font-weight:900;color:var(--navy-2)}.trial-lead{max-width:840px;color:var(--muted)}
.trial-booking-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.25rem;align-items:stretch;margin-top:1.3rem}.trial-promo-card,.trial-form-box{background:white;border:1px solid var(--border);border-radius:26px;box-shadow:0 16px 34px rgba(7,31,69,.08);padding:1.4rem}.trial-promo-card{background:linear-gradient(180deg,#ffffff,#f8fbff)}.trial-promo-card h3,.trial-form-box h3{color:var(--navy)}.trial-benefits{margin-top:.8rem}.trial-mini-note{margin-top:1rem;background:#edf4ff;border:1px dashed rgba(7,31,69,.12);padding:.75rem .9rem;border-radius:16px;font-weight:800;color:var(--navy)}.trial-form-box p{color:var(--muted);margin-top:-.2rem}.trial-form-box label{display:block;font-weight:800;color:var(--navy);margin:0 0 .35rem}.input-row{display:grid;gap:.9rem}.input-row-2{grid-template-columns:1fr 1fr}.btn-trial-submit{width:100%;justify-content:center;margin-top:.3rem;font-size:1rem}.trial-form-box .input,.trial-form-box select{background:#fff;border-color:#cfdaea}
@media (max-width:900px){.trial-booking-panel{grid-template-columns:1fr}.input-row-2{grid-template-columns:1fr}}
@media (max-width:620px){.trial-title .free-word{letter-spacing:.12em}.trial-promo-card,.trial-form-box{padding:1rem}}


/* Real Google reviews and video testimonials */
.video-testimonials-section{background:#fff}.home-video-grid{grid-template-columns:repeat(3,1fr)}.testimonial-video-card video{aspect-ratio:16/9;object-fit:cover}.google-reviews-grid{align-items:stretch}.google-review-card{position:relative;min-height:230px}.google-review-card .stars{display:block;color:var(--gold);letter-spacing:.08em;font-size:1.1rem;font-weight:900;margin-bottom:.65rem}.google-review-card small{display:block;color:var(--muted);font-weight:800;margin-top:.25rem}.google-review-card p{font-size:1.02rem;line-height:1.75;direction:rtl;text-align:right}.google-review-card strong{display:block;color:var(--navy);margin-top:.8rem}
@media (max-width:900px){.home-video-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.home-video-grid{grid-template-columns:1fr}.google-review-card{min-height:unset}}


/* Homepage: refined learning category cards */
.learning-categories-section{
  background:linear-gradient(180deg,#f7f9fd 0%,#eef3fb 100%);
}
.categories-head{
  justify-content:center;
  text-align:center;
  margin-bottom:2rem;
}
.categories-head p{
  max-width:760px;
  margin:0.75rem auto 0;
}
.category-track-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1.4rem;
  max-width:1160px;
  margin:0 auto;
}
.category-track-card{
  position:relative;
  display:flex;
  min-height:186px;
  aspect-ratio:1.18/1;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  overflow:hidden;
  border-radius:26px;
  padding:1.15rem 1rem 1rem;
  color:#fff;
  isolation:isolate;
  box-shadow:0 18px 36px rgba(7,31,69,.14);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.category-track-card:before{
  content:'';
  position:absolute;
  inset:-28% auto auto -15%;
  width:180px;
  height:180px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  z-index:-1;
}
.category-track-card:after{
  content:'';
  position:absolute;
  inset:auto -12% -28% auto;
  width:180px;
  height:180px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  z-index:-1;
}
.category-track-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 55px rgba(7,31,69,.22);
  filter:saturate(1.05);
}
.category-coding{background:linear-gradient(145deg,#6b31ea,#8c52ff 52%,#41208f);}
.category-kids{background:linear-gradient(145deg,#11bcca,#25d5d8 54%,#0d95a0);}
.category-adults{background:linear-gradient(145deg,#0b3f9d,#0a56cf 55%,#0a2d79);}
.category-digital{background:linear-gradient(145deg,#1c7cff,#2f8cff 55%,#1560c9);}
.category-icon{
  width:88px;
  height:88px;
  display:grid;
  place-items:center;
  margin:0 auto 1rem;
}
.category-icon svg{
  width:62px;
  height:62px;
  fill:none;
  stroke:#fff;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.category-track-card h3{
  color:#fff;
  font-size:1.75rem;
  font-weight:800;
  margin:0;
  line-height:1.25;
  max-width:12ch;
}
@media (max-width:1100px){
  .category-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .category-track-grid{grid-template-columns:1fr}
  .category-track-card{min-height:170px;aspect-ratio:auto}
  .category-track-card h3{font-size:1.45rem;max-width:none}
}

/* Final polish: compact and balanced Free Trial countdown section */
.trial-section{
  padding:3.8rem 0 4.2rem;
  background:linear-gradient(180deg,#fffaf0 0%,#f8fbff 100%);
  overflow:hidden;
}
.trial-section .trial-head{
  margin-bottom:1.15rem;
  max-width:980px;
}
.trial-section .section-kicker{
  background:#fff7df;
  color:#7a5300;
  border-color:rgba(244,180,27,.42);
  box-shadow:0 8px 18px rgba(244,180,27,.12);
}
.trial-title{
  margin:.2rem 0 .75rem;
  max-width:720px;
}
.trial-title .free-word{
  font-size:clamp(3.25rem,5.2vw,5.25rem);
  letter-spacing:.16em;
  line-height:.95;
}
.trial-title .trial-word{
  font-size:clamp(1.65rem,2.6vw,2.35rem);
  letter-spacing:.10em;
  line-height:1.05;
}
.trial-lead{
  max-width:760px;
  font-size:1.08rem;
  line-height:1.85;
}
.countdown-panel.countdown-digital{
  max-width:1120px;
  margin:1.6rem auto 1.3rem;
  padding:1.65rem 1.55rem;
  border-radius:28px;
  grid-template-columns:.95fr 1.45fr;
  gap:1.55rem;
}
.countdown-panel .countdown-label{
  text-transform:none;
  font-size:.9rem;
  padding:.35rem .85rem;
}
.countdown-panel h3{
  font-size:clamp(1.45rem,2.4vw,2.15rem);
  line-height:1.22;
  max-width:420px;
}
.countdown-panel p{
  font-size:1rem;
  max-width:450px;
}
.countdown-digital .digital-clock{
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:.85rem;
}
.countdown-digital .digital-unit{
  min-height:86px;
  border-radius:18px;
  padding:.7rem 1rem 1.25rem;
}
.countdown-digital .digital-unit strong{
  font-size:clamp(2.25rem,3.2vw,3.45rem);
  line-height:1;
}
.countdown-digital .digital-unit span{
  font-size:.72rem;
  bottom:.48rem;
}
.trial-booking-panel{
  margin-top:1.6rem;
}
@media (max-width:900px){
  .countdown-panel.countdown-digital{grid-template-columns:1fr;gap:1.1rem;padding:1.25rem;}
  .countdown-panel h3,.countdown-panel p{max-width:100%;}
  .countdown-digital .digital-clock{grid-template-columns:repeat(2,minmax(130px,1fr));}
  .trial-title .free-word{font-size:clamp(2.7rem,12vw,4.2rem);letter-spacing:.12em;}
}
@media (max-width:520px){
  .trial-section{padding:2.7rem 0 3rem;}
  .countdown-digital .digital-clock{grid-template-columns:1fr 1fr;gap:.65rem;}
  .countdown-digital .digital-unit{min-height:78px;padding:.55rem .7rem 1.15rem;}
  .countdown-digital .digital-unit strong{font-size:2.15rem;}
  .trial-title .free-word{letter-spacing:.08em;}
}

/* Homepage first-screen polish: refined hero proportions */
.home .hero{
  padding:4.1rem 0 3.2rem;
}
.home .hero-grid{
  grid-template-columns:.92fr 1.08fr;
  gap:2.35rem;
}
.home .hero h1{
  font-size:clamp(2.35rem,4.25vw,3.95rem);
  line-height:1.08;
  letter-spacing:-.055em;
  max-width:680px;
}
.home .hero p{
  font-size:1.05rem;
  line-height:1.72;
  max-width:610px;
}
.home .eyebrow{
  font-size:.88rem;
  padding:.38rem .72rem;
  margin-bottom:.85rem;
}
.home .hero-showcase{
  max-width:610px;
  margin-left:auto;
  border-radius:30px;
}
.home .hero-showcase img{
  aspect-ratio:16/10;
  object-fit:cover;
}
.home .hero-showcase-card{
  left:1rem;
  right:1rem;
  bottom:1rem;
  border-radius:18px;
  padding:.85rem 1rem;
}
.home .hero-showcase-card h3{
  font-size:1.18rem;
  margin-bottom:.25rem;
}
.home .hero-showcase-card p{
  font-size:.9rem;
  line-height:1.45;
}
.home .media-tag{
  padding:.25rem .55rem;
  font-size:.78rem;
  margin-bottom:.45rem;
}
@media (min-width:1200px){
  .home .hero{padding-top:4.4rem;padding-bottom:3.6rem;}
}
@media (max-width:900px){
  .home .hero{padding:3.2rem 0 2.6rem;}
  .home .hero-grid{grid-template-columns:1fr;gap:2rem;}
  .home .hero-showcase{max-width:100%;margin-left:0;}
}
@media (max-width:620px){
  .home .hero h1{font-size:clamp(2rem,12vw,3rem);}
  .home .hero-showcase img{aspect-ratio:4/3;}
  .home .hero-showcase-card{position:relative;left:auto;right:auto;bottom:auto;border-radius:0;}
}

/* Admin view note: keep header below WordPress admin bar when logged in */
body.admin-bar .site-header{top:32px;}
@media (max-width:782px){body.admin-bar .site-header{top:46px;}}

/* About page polished template */
.about-hero{padding:4.2rem 0 4rem}
.about-intro-section{background:#f6f8fb}
.about-story p{color:var(--muted);font-size:1.03rem;margin:.65rem 0}
.about-actions{margin-top:1.2rem}
.about-highlight{background:linear-gradient(180deg,#ffffff,#f8fbff)}
.about-highlight h3{font-size:1.55rem}
.about-track-card{border-radius:24px;padding:1.35rem;min-height:230px;color:white;box-shadow:0 16px 34px rgba(7,31,69,.10);transition:.2s ease;display:flex;flex-direction:column;justify-content:space-between}
.about-track-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(7,31,69,.16)}
.about-track-card h3{color:white;margin:.7rem 0 .35rem;font-size:1.3rem}
.about-track-card p{color:rgba(255,255,255,.88);margin:0;font-size:.96rem}
.about-track-coding{background:linear-gradient(135deg,#6f2ff0,#4b1fb1)}
.about-track-kids{background:linear-gradient(135deg,#24c6c8,#0c9fa8)}
.about-track-adults{background:linear-gradient(135deg,#071f45,#0c2f65)}
.about-track-digital{background:linear-gradient(135deg,#2f80ed,#0f5ec9)}
.track-icon{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:1.65rem;border:1px solid rgba(255,255,255,.20)}
.about-trust-section{background:white}
.about-achievements-section h2,.about-achievements-section p{max-width:620px}
.about-achievements-section p{color:var(--muted);font-size:1.05rem}
.about-branches-section{background:white}
.about-branch-grid{grid-template-columns:1fr 1fr}
.branch-mini-card:hover{transform:none}
.branch-mini-card h3{font-size:1.45rem}
.branch-mini-card .btn{margin-top:.5rem}
.about-final-cta{padding:4rem 0}
@media (max-width:900px){.about-track-grid,.about-branch-grid{grid-template-columns:1fr 1fr}.about-hero{padding:3.5rem 0}}
@media (max-width:620px){.about-track-grid,.about-branch-grid{grid-template-columns:1fr}.about-track-card{min-height:190px}.about-hero{padding:3rem 0}.about-final-cta .contact-cta-actions .btn{width:100%}}


/* Social links: footer + floating icons */
.footer-social{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.social-link,.social-float{
  display:grid;
  place-items:center;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.social-link{
  width:40px;
  height:40px;
  border-radius:50%;
  color:#fff;
  box-shadow:0 10px 24px rgba(7,31,69,.16);
}
.social-link svg,.social-float svg{width:20px;height:20px;display:block}
.social-whatsapp{background:#25d366;color:#fff}
.social-facebook{background:#1877f2;color:#fff}
.social-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);color:#fff}
.social-tiktok{background:#111827;color:#fff}
.social-link:hover,.social-float:hover{transform:translateY(-2px);opacity:.96}
.social-float-bar{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999;
  display:flex;
  flex-direction:column;
  gap:.65rem;
}
.social-float{
  width:54px;
  height:54px;
  border-radius:50%;
  color:#fff;
  box-shadow:0 14px 28px rgba(7,31,69,.24);
}
.social-float.social-whatsapp svg{width:24px;height:24px}
@media (max-width:620px){
  .social-float-bar{right:12px;bottom:12px}
  .social-float{width:48px;height:48px}
}


/* Split English category pages + course content templates */
.category-hero{
  padding:4.6rem 0;
  background:linear-gradient(135deg,#071f45 0%,#0c2f65 100%);
  color:#fff;
  overflow:hidden;
}
.category-hero h1,.course-content-hero h1{color:#fff;font-size:clamp(2.8rem,5vw,5.2rem);margin:.3rem 0 1rem}
.category-hero p,.course-content-hero p{color:rgba(255,255,255,.84);font-size:1.16rem;max-width:720px}
.category-hero-kids{background:linear-gradient(135deg,#087a82,#24c6c8)}
.category-hero-adults{background:linear-gradient(135deg,#061832,#0c2f65)}
.category-hero-img{
  width:100%;
  border-radius:30px;
  box-shadow:0 30px 70px rgba(0,0,0,.22);
  min-height:320px;
  object-fit:cover;
}
.category-intro{padding:3.2rem 0;background:#fff}
.courses-list-section{padding:4.3rem 0;background:#f6f8fb}
.course-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.course-list-card{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:1.2rem;
  align-items:center;
  background:#fff;
  border:1px solid var(--border);
  border-radius:26px;
  padding:1rem;
  box-shadow:0 16px 34px rgba(7,31,69,.08);
}
.course-list-card img{
  width:180px;
  height:135px;
  object-fit:cover;
  border-radius:20px;
}
.course-list-card h3{margin:.45rem 0;color:var(--navy)}
.course-list-card p{margin:0 0 .65rem;color:var(--muted);line-height:1.55}
.cta-panel{
  background:#fff;
  border:1px solid var(--border);
  border-radius:28px;
  padding:1.6rem;
  box-shadow:0 18px 38px rgba(7,31,69,.10);
}
.course-content-hero{
  padding:4.5rem 0;
  color:#fff;
  background:linear-gradient(135deg,#071f45,#0a56cf);
}
.course-content-body{padding:4rem 0;background:#f6f8fb}
.course-content-layout{display:grid;grid-template-columns:1fr 340px;gap:1.6rem;align-items:start}
.course-main-content{
  background:#fff;
  border:1px solid var(--border);
  border-radius:28px;
  padding:2rem;
  box-shadow:0 16px 34px rgba(7,31,69,.08);
}
.course-main-content h2{color:var(--navy);margin-top:1.4rem}
.course-default-blocks{margin-top:1.3rem;padding-top:1rem;border-top:1px solid var(--border)}
.course-sidebar{display:grid;gap:1rem;position:sticky;top:110px}
@media (max-width:900px){
  .course-list-grid{grid-template-columns:1fr}
  .course-content-layout{grid-template-columns:1fr}
  .course-sidebar{position:static}
}
@media (max-width:620px){
  .course-list-card{grid-template-columns:1fr}
  .course-list-card img{width:100%;height:190px}
}

/* Arabic landing page */
.arabic-landing{
  direction:rtl;
  text-align:right;
  font-family:'Tahoma','Arial',sans-serif;
}
.arabic-landing .split{direction:rtl}
.arabic-landing .actions{justify-content:flex-start}
.arabic-offer-strip{
  background:linear-gradient(90deg,#071f45,#0a56cf);
  color:#fff;
  padding:.85rem 0;
}
.arabic-offer-strip .container{
  display:flex;
  gap:1rem;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
.arabic-offer-strip strong{color:#ffd66b}
.arabic-offer-strip a{color:#071f45;background:#ffd66b;padding:.5rem 1rem;border-radius:999px;font-weight:900;text-decoration:none}
.arabic-hero{
  background:linear-gradient(135deg,#f6f8fb,#eef4ff);
  padding:4.6rem 0;
}
.arabic-hero h1{
  color:var(--navy);
  font-size:clamp(2.5rem,5vw,5rem);
  line-height:1.18;
}
.arabic-hero p{color:var(--muted);font-size:1.18rem;max-width:760px}
.arabic-paths{padding:4rem 0;background:#fff}
.arabic-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.arabic-path-card{
  min-height:170px;
  border-radius:28px;
  padding:1.35rem;
  color:#fff;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 18px 38px rgba(7,31,69,.14);
}
.arabic-path-card strong{font-size:1.35rem;margin-bottom:.7rem}
.arabic-path-card span{color:rgba(255,255,255,.86);font-weight:700}
.arabic-proof{background:#fffaf0}
.arabic-landing .faq-grid details{text-align:right}
@media (max-width:1000px){.arabic-path-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.arabic-path-grid{grid-template-columns:1fr}.arabic-offer-strip .container{justify-content:flex-start}}