/*
Theme Name: Kalanjali Premium
Theme URI: https://kalanjaliqatar.com
Author: Mediapen Qatar
Author URI: https://mediapenqatar.com
Description: Custom premium theme built for Kalanjali (kalanjaliqatar.com) — paper-white background, indigo/saffron/peacock/maroon accents, Zen Dots + Poppins typography. Fully self-contained: no dependency on Elementor for layout, so there is nothing for another plugin's CSS to fight.
Version: 1.1.0
Text Domain: kalanjali-premium
*/

 block below.
 * This is the guaranteed fix for "CSS not taking effect": there is no
 * cascade war left to lose, because this page IS the whole page.
 *
 * HOW TO USE
 * 1. Upload this file to your active theme's folder via FTP/File
 *    Manager (e.g. wp-content/themes/YOUR-THEME/page-kalanjali-premium.php).
 * 2. WP Admin -> Pages -> open (or create) the homepage ->
 *    right sidebar -> "Page Attributes" -> "Template" ->
 *    choose "Kalanjali Premium Home" -> Update.
 * 3. If this page is your homepage, make sure Settings -> Reading ->
 *    "Your homepage displays" -> "A static page" points to it.
 *
 * All text/links/images below are pulled straight from what is
 * currently live on kalanjaliqatar.com. Swap any of it directly in
 * this file, or tell me what to change and I'll hand you a new file.
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title><?php wp_title( '' ); ?></title>
<?php wp_head(); ?>
<style>
/* ============================================================
   KALANJALI — PREMIUM DESIGN SYSTEM
   Fonts match what's already on the site (Zen Dots + Poppins)
   ============================================================ */
:root{
  --klj-paper:#FFFDF9;
  --klj-paper-soft:#FBF8F1;
  --klj-ink:#1A1533;
  --klj-ink-soft:#635C78;
  --klj-saffron:#E8871E;
  --klj-peacock:#0C6B58;
  --klj-maroon:#A93226;
  --klj-indigo:#241C4A;
  --klj-line:#EAE4D8;
  --klj-radius:20px;
}
@import url('https://fonts.googleapis.com/css2?family=Zen+Dots&family=Poppins:wght@400;500;600;700;800&display=swap');

*{ box-sizing:border-box; }
html,body{
  margin:0; padding:0;
  background:var(--klj-paper);
  color:var(--klj-ink);
  font-family:'Poppins',sans-serif;
  -webkit-font-smoothing:antialiased;
  scroll-behavior:smooth;
}
img{ max-width:100%; display:block; }
a{ text-decoration:none; color:inherit; }
h1,h2,h3,h4{
  font-family:'Zen Dots',cursive;
  font-weight:400;
  line-height:1.25;
  margin:0 0 14px;
  color:var(--klj-indigo);
}
p{ margin:0 0 12px; color:var(--klj-ink-soft); line-height:1.7; }
.klj-wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }
.klj-section{ padding:80px 0; }
.klj-section.dark{ background:var(--klj-indigo); color:#fff; }
.klj-section.dark h2, .klj-section.dark h3{ color:#fff; }
.klj-section.dark p{ color:rgba(255,255,255,0.8); }
.klj-eyebrow{
  display:inline-block; background:var(--klj-paper-soft); color:var(--klj-saffron);
  font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:6px 16px; border-radius:999px; margin-bottom:16px;
}
.klj-section.dark .klj-eyebrow{ background:rgba(255,255,255,0.1); }
.klj-center{ text-align:center; }
.klj-btn{
  display:inline-block; background:var(--klj-saffron); color:#fff !important;
  font-weight:700; font-size:14.5px; padding:14px 32px; border-radius:999px;
  box-shadow:0 10px 24px rgba(232,135,30,0.32); transition:transform .2s ease, box-shadow .2s ease;
  border:none; cursor:pointer;
}
.klj-btn:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(232,135,30,0.42); }
.klj-btn.outline{
  background:transparent; color:var(--klj-indigo) !important; border:1.5px solid var(--klj-indigo); box-shadow:none;
}
.klj-btn.white{ background:#fff; color:var(--klj-indigo) !important; }

/* ---------- TOP UTILITY BAR ---------- */
.klj-topbar{ background:var(--klj-indigo); color:#fff; font-size:13px; }
.klj-topbar-inner{
  max-width:1200px; margin:0 auto; padding:9px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.klj-topbar-contact span{ margin-right:20px; opacity:.9; }
.klj-topbar-actions{ display:flex; align-items:center; gap:20px; }
.klj-topbar-actions a{ opacity:.85; }
.klj-topbar-actions a:hover{ opacity:1; }
.klj-topbar-cta{ background:var(--klj-saffron); padding:6px 16px; border-radius:999px; font-weight:600; }

/* ---------- HEADER / NAV ---------- */
.klj-header{
  background:rgba(255,255,255,0.92); border-bottom:1px solid var(--klj-line);
  box-shadow:0 4px 20px rgba(26,21,51,0.05);
  position:sticky; top:0; z-index:200;
  backdrop-filter:saturate(180%) blur(10px);
  -webkit-backdrop-filter:saturate(180%) blur(10px);
  transition:box-shadow .25s ease;
}
.klj-header.klj-scrolled{ box-shadow:0 10px 30px rgba(26,21,51,0.12); }
.klj-header::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:3px;
  background:linear-gradient(90deg,var(--klj-saffron),var(--klj-maroon),var(--klj-peacock),var(--klj-indigo));
  opacity:.9;
}
.klj-header-inner{
  max-width:1200px; margin:0 auto; padding:14px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.klj-logo{ display:flex; align-items:center; gap:10px; }
.klj-logo img{ height:46px; width:auto; transition:transform .25s ease; }
.klj-logo:hover img{ transform:scale(1.04); }

.klj-nav{ display:flex; align-items:center; gap:30px; }
.klj-nav > ul{ list-style:none; display:flex; gap:30px; margin:0; padding:0; }
.klj-nav li{ position:relative; }
.klj-nav > ul > li > a{
  font-weight:600; font-size:14.5px; color:var(--klj-ink); padding:10px 2px; display:inline-block; position:relative;
  transition:color .2s ease;
}
.klj-nav > ul > li > a::after{
  content:''; position:absolute; left:0; bottom:4px; width:0; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--klj-saffron),var(--klj-peacock)); transition:width .25s ease;
}
.klj-nav > ul > li:hover > a::after{ width:100%; }
.klj-nav > ul > li:hover > a{ color:var(--klj-peacock); }
.klj-nav > ul > li > a.klj-has-sub::before{
  content:'▾'; font-size:10px; margin-left:5px; opacity:.6; display:inline-block; vertical-align:middle;
}
.klj-nav .sub-menu{
  list-style:none; margin:0; padding:10px; position:absolute; top:calc(100% + 10px); left:0;
  background:#fff; border:1px solid var(--klj-line); border-radius:16px; min-width:230px;
  box-shadow:0 24px 48px rgba(26,21,51,0.16); opacity:0; visibility:hidden; transform:translateY(8px);
  transition:all .22s ease;
}
.klj-nav li:hover > .sub-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.klj-nav .sub-menu a{
  display:block; padding:10px 14px; border-radius:10px; font-size:14px; font-weight:500;
  transition:background .15s ease, color .15s ease, padding-left .15s ease;
}
.klj-nav .sub-menu a:hover{ background:var(--klj-paper-soft); color:var(--klj-peacock); padding-left:18px; }

.klj-menu-toggle{
  display:none; background:none; border:none; font-size:24px; color:var(--klj-indigo); cursor:pointer;
  width:44px; height:44px; align-items:center; justify-content:center; border-radius:12px; transition:background .2s ease;
}
.klj-menu-toggle:hover{ background:var(--klj-paper-soft); }
.klj-nav-overlay{
  display:none; position:fixed; inset:0; background:rgba(26,21,51,0.45); z-index:190;
  opacity:0; visibility:hidden; transition:opacity .25s ease;
}
.klj-nav-overlay.open{ opacity:1; visibility:visible; }

@media(max-width:900px){
  .klj-header::after{ display:none; }
  .klj-nav-overlay{ display:block; }
  .klj-nav{
    position:fixed; inset:0 0 0 auto; width:300px; background:#fff; flex-direction:column;
    padding:34px 24px 24px; transform:translateX(100%); transition:transform .32s ease; overflow-y:auto;
    box-shadow:-16px 0 40px rgba(0,0,0,0.18); z-index:201; align-items:flex-start;
  }
  .klj-nav.open{ transform:translateX(0); }
  .klj-nav-close{
    align-self:flex-end; background:var(--klj-paper-soft); border:none; width:38px; height:38px;
    border-radius:50%; font-size:18px; color:var(--klj-indigo); margin-bottom:20px; cursor:pointer;
  }
  .klj-nav > ul{ flex-direction:column; gap:2px; width:100%; }
  .klj-nav > ul > li{ width:100%; }
  .klj-nav > ul > li > a{ display:block; padding:12px 4px; border-bottom:1px solid var(--klj-line); }
  .klj-nav .sub-menu{ position:static; box-shadow:none; opacity:1; visibility:visible; transform:none; display:none; margin-left:12px; border:none; padding:4px 0; }
  .klj-nav li.open .sub-menu{ display:block; }
  .klj-menu-toggle{ display:flex; }
  .klj-topbar-contact{ display:none; }
}

/* ---------- HERO ---------- */
.klj-hero{
  padding:100px 0 90px; text-align:center; background:linear-gradient(180deg,var(--klj-paper-soft),var(--klj-paper));
}
.klj-hero h1{
  font-size:44px; max-width:820px; margin:0 auto 22px; color:var(--klj-indigo);
}
.klj-hero p.lead{ max-width:640px; margin:0 auto 32px; font-size:17px; }
@media(max-width:640px){ .klj-hero h1{ font-size:30px; } }

/* ---------- PATRONS STRIP ---------- */
.klj-patrons{ padding:40px 0; border-top:1px solid var(--klj-line); border-bottom:1px solid var(--klj-line); }
.klj-patrons-grid{ display:flex; align-items:center; justify-content:center; gap:40px; flex-wrap:wrap; opacity:.85; }
.klj-patrons-grid img{ max-height:70px; width:auto; }

/* ---------- FOUR STAGES ---------- */
.klj-stages-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:44px; }
.klj-stage-card{
  position:relative; border-radius:var(--klj-radius); overflow:hidden; min-height:340px;
  display:flex; flex-direction:column; justify-content:flex-end; padding:26px 22px; color:#fff;
  background-size:cover; background-position:center;
}
.klj-stage-card::after{ content:''; position:absolute; inset:0; mix-blend-mode:multiply; opacity:.6; z-index:1; }
.klj-stage-card > *{ position:relative; z-index:2; }
.klj-stage-card.maroon::after{ background:var(--klj-maroon); }
.klj-stage-card.peacock::after{ background:var(--klj-peacock); }
.klj-stage-card.saffron::after{ background:var(--klj-saffron); }
.klj-stage-card.indigo::after{ background:var(--klj-indigo); }
.klj-stage-card .num{ font-size:12.5px; opacity:.75; font-weight:600; letter-spacing:.05em; margin-bottom:10px; }
.klj-stage-card h3{ color:#fff; font-size:19px; margin-bottom:8px; }
.klj-stage-card p{ color:rgba(255,255,255,0.9); font-size:13.5px; margin:0; }
@media(max-width:860px){ .klj-stages-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .klj-stages-grid{ grid-template-columns:1fr; } }

/* ---------- WINNERS PODIUM ---------- */
.klj-podium{ display:flex; align-items:flex-end; justify-content:center; gap:22px; max-width:820px; margin:44px auto 0; }
.klj-podium-place{ background:#fff; border:1px solid var(--klj-line); border-radius:18px 18px 0 0; padding:30px 24px; text-align:center; flex:1; }
.klj-podium-place.first{ padding-top:44px; border-top:4px solid var(--klj-saffron); transform:translateY(-18px); }
.klj-podium-place.second{ border-top:4px solid var(--klj-peacock); }
.klj-podium-place.third{ border-top:4px solid var(--klj-maroon); }
.klj-podium-rank{ font-size:12.5px; font-weight:700; letter-spacing:.04em; color:var(--klj-ink-soft); margin-bottom:10px; }
.klj-podium-school{ font-size:19px; font-weight:600; font-family:'Poppins',sans-serif; color:var(--klj-ink); }
@media(max-width:700px){ .klj-podium{ flex-direction:column; align-items:stretch; } .klj-podium-place.first{ transform:none; } }

/* ---------- GALLERY ---------- */
.klj-gallery{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:40px; }
.klj-gallery img{ border-radius:14px; aspect-ratio:4/3; object-fit:cover; transition:transform .35s ease, box-shadow .35s ease; }
.klj-gallery a:hover img{ transform:scale(1.04); box-shadow:0 18px 36px rgba(26,21,51,0.16); }
@media(max-width:860px){ .klj-gallery{ grid-template-columns:repeat(2,1fr); } }

/* ---------- WHY PARTICIPATE ---------- */
.klj-why{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.klj-why img{ border-radius:24px; }
.klj-list{ list-style:none; margin:24px 0 32px; padding:0; }
.klj-list li{
  background:#fff; border:1px solid var(--klj-line); border-radius:14px; padding:14px 18px;
  margin-bottom:12px; font-weight:500; transition:transform .2s ease, box-shadow .2s ease;
}
.klj-list li:hover{ transform:translateX(4px); box-shadow:0 10px 24px rgba(26,21,51,0.08); }
@media(max-width:860px){ .klj-why{ grid-template-columns:1fr; } }

/* ---------- 2026 CTA BAND ---------- */
.klj-cta-band{
  text-align:center; background:linear-gradient(135deg, rgba(36,28,74,.92), rgba(169,50,38,.82));
  color:#fff; border-radius:28px; padding:64px 32px; margin:0 24px;
}
.klj-cta-band h2{ color:#fff; font-size:32px; }
.klj-cta-band p{ color:rgba(255,255,255,0.85); }

/* ---------- FOOTER ---------- */
.klj-footer{
  background:radial-gradient(1200px 400px at 15% -10%, rgba(232,135,30,0.18), transparent),
             radial-gradient(1000px 400px at 90% 0%, rgba(12,107,88,0.18), transparent),
             var(--klj-indigo);
  color:rgba(255,255,255,0.8); padding:70px 0 24px; position:relative;
}
.klj-footer::before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--klj-saffron),var(--klj-maroon),var(--klj-peacock),var(--klj-indigo));
}
.klj-footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; }
.klj-footer h4{ color:#fff; font-size:15px; text-transform:uppercase; letter-spacing:.05em; margin-bottom:18px; }
.klj-footer p{ color:rgba(255,255,255,0.72); font-size:14px; }
.klj-footer ul{ list-style:none; margin:0; padding:0; }
.klj-footer ul li{ margin-bottom:10px; }
.klj-footer ul a{ color:rgba(255,255,255,0.75); font-size:14px; transition:color .2s ease; }
.klj-footer ul a:hover{ color:var(--klj-saffron); }
.klj-social{ display:flex; gap:12px; margin-top:18px; }
.klj-social a{
  width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.1);
  display:flex; align-items:center; justify-content:center; color:#fff; transition:.2s ease;
}
.klj-social a:hover{ background:var(--klj-saffron); transform:translateY(-3px); box-shadow:0 10px 22px rgba(232,135,30,0.35); }
.klj-footer-bottom{
  border-top:1px solid rgba(255,255,255,0.12); margin-top:40px; padding-top:20px;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12.5px; color:rgba(255,255,255,0.55);
}
.klj-footer-bottom a{ color:rgba(255,255,255,0.55); margin-left:16px; }
.klj-footer-bottom a:hover{ color:#fff; }
@media(max-width:860px){ .klj-footer-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .klj-footer-grid{ grid-template-columns:1fr; } .klj-footer-bottom{ flex-direction:column; text-align:center; } .klj-footer-bottom a{ margin:0 8px; } }

/* ---------- GENERIC PAGE CONTENT (About/Awards/Team/etc.) ---------- */
.klj-page-content h2, .klj-page-content h3{ margin-top:36px; }
.klj-page-content p{ font-size:16px; }
.klj-page-content img{ border-radius:18px; margin:16px 0; }
.klj-page-content ul, .klj-page-content ol{ padding-left:22px; }
.klj-page-content li{ margin-bottom:8px; color:var(--klj-ink-soft); }
.klj-page-content blockquote{
  border-left:4px solid var(--klj-saffron); margin:24px 0; padding:12px 22px;
  background:var(--klj-paper-soft); border-radius:0 14px 14px 0; font-style:italic;
}
.klj-page-content table{ width:100%; border-collapse:collapse; margin:20px 0; }
.klj-page-content table th, .klj-page-content table td{
  border:1px solid var(--klj-line); padding:10px 14px; text-align:left;
}
.klj-page-content table th{ background:var(--klj-paper-soft); }
.klj-page-content a{ color:var(--klj-peacock); text-decoration:underline; }

/* ---------- CONTACT PAGE ---------- */
.klj-contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.klj-contact-cards{ display:grid; gap:16px; margin-bottom:32px; }
.klj-contact-card{
  display:flex; align-items:flex-start; gap:16px; background:#fff; border:1px solid var(--klj-line);
  border-radius:16px; padding:18px 20px;
}
.klj-contact-card .icon{
  width:44px; height:44px; border-radius:12px; background:var(--klj-paper-soft); color:var(--klj-saffron);
  display:flex; align-items:center; justify-content:center; font-size:19px; flex-shrink:0;
}
.klj-contact-card h4{ font-family:'Poppins',sans-serif; font-weight:600; font-size:14.5px; color:var(--klj-ink); margin:0 0 4px; text-transform:none; letter-spacing:0; }
.klj-contact-card p{ margin:0; font-size:14px; }
.klj-contact-map{ border-radius:20px; overflow:hidden; border:1px solid var(--klj-line); margin-top:8px; }
.klj-contact-map iframe{ width:100%; height:260px; border:0; display:block; }

.klj-form{ background:#fff; border:1px solid var(--klj-line); border-radius:24px; padding:36px; }
.klj-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.klj-form label{ display:block; font-size:13px; font-weight:600; color:var(--klj-ink); margin-bottom:6px; }
.klj-form input, .klj-form textarea{
  width:100%; border:1px solid var(--klj-line); border-radius:12px; padding:12px 14px;
  font-family:'Poppins',sans-serif; font-size:14.5px; color:var(--klj-ink); background:var(--klj-paper); margin-bottom:18px;
}
.klj-form input:focus, .klj-form textarea:focus{ outline:none; border-color:var(--klj-peacock); }
.klj-form textarea{ min-height:130px; resize:vertical; }
.klj-form button{ width:100%; }
.klj-form-note{ font-size:13px; margin-top:14px; text-align:center; }
.klj-form-success{ background:#EAF6F1; border:1px solid var(--klj-peacock); color:var(--klj-peacock); padding:14px 18px; border-radius:12px; margin-bottom:20px; font-weight:600; font-size:14px; }
.klj-form-error{ background:#FBEAEA; border:1px solid var(--klj-maroon); color:var(--klj-maroon); padding:14px 18px; border-radius:12px; margin-bottom:20px; font-weight:600; font-size:14px; }
@media(max-width:860px){ .klj-contact-grid{ grid-template-columns:1fr; } .klj-form-row{ grid-template-columns:1fr; } }