/*
Theme Name: EclassGuru V9 Foundation
Theme URI: https://eclassguru.com/
Author: ChatGPT
Description: Lightweight, responsive Gujarati education WordPress theme with class navigation and article cards.
Version: 9.13.1
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: edu-shiksha
*/
:root{--blue:var(--ecg-palette-primary,#174ea6);--navy:#102b52;--light:#eef5ff;--ink:var(--ecg-palette-ink,#183454);--muted:#5e6b7e;--border:#dfe6f0;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--ecg-palette-background,#f8fbff);color:var(--ink);font-family:system-ui,-apple-system,'Noto Sans Gujarati','Shruti',sans-serif;line-height:1.7}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1160px;margin:auto;padding:0 20px}.site-header{background:white;border-bottom:1px solid var(--border);position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:800;font-size:1.3rem}.brand-mark{background:var(--blue);color:white;padding:7px 13px;border-radius:12px;font-size:1.2rem}.brand small{display:block;font-weight:400;color:var(--muted);font-size:.72rem;line-height:1.1}.main-nav ul{margin:0;padding:0;display:flex;gap:22px;list-style:none;flex-wrap:wrap}.main-nav a{color:var(--ink);font-weight:600}.menu-toggle{display:none;background:var(--blue);border:0;border-radius:9px;color:#fff;padding:9px 13px;font-size:1rem}.hero{background:linear-gradient(125deg,#10366d,#236cbe);color:white;padding:65px 0}.hero h1{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.3;max-width:720px;margin:0 0 12px}.hero p{max-width:670px;color:#e7f0ff;margin:0 0 24px;font-size:1.08rem}.search-form{max-width:620px;background:#fff;border-radius:12px;padding:6px;display:flex;box-shadow:0 9px 24px #082c5a38}.search-form input{flex:1;min-width:0;padding:11px 13px;border:0;outline:0;font-size:1rem}.search-form button,.primary-link{background:#f4b942;color:#18233b;border:none;padding:11px 20px;border-radius:8px;font-weight:800;cursor:pointer}.section{padding:45px 0}.section h2{font-size:1.6rem;margin:0 0 7px;color:var(--navy)}.section-subtitle{color:var(--muted);margin:0 0 23px}.grade-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.grade-card,.feature-card,.post-card{border:1px solid var(--border);background:white;border-radius:16px;box-shadow:0 2px 12px #0d2f5710}.grade-card{padding:20px 6px;text-align:center;display:block;color:var(--navy)}.grade-card span{display:block;font-size:.82rem;color:var(--muted)}.grade-card strong{font-size:1.9rem;line-height:1.3}.grade-card:hover,.feature-card:hover,.post-card:hover{border-color:#80abe2;transform:translateY(-2px);text-decoration:none;transition:.18s}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{padding:24px;text-align:center;color:var(--ink)}.feature-icon{display:block;font-size:2rem}.feature-card h3{margin:10px 0 4px}.feature-card p{color:var(--muted);font-size:.88rem;margin:0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.post-card{overflow:hidden}.post-card .thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--light)}.post-content{padding:20px}.post-content h3{margin:0 0 8px;font-size:1.1rem;line-height:1.45}.post-content p{color:var(--muted);font-size:.91rem}.meta{font-size:.8rem;color:var(--muted)}.placeholder-thumb{aspect-ratio:16/9;background:linear-gradient(125deg,#dbeaff,#eff6ff);display:grid;place-items:center;font-size:2.2rem}.site-footer{background:#102b52;color:#dce8f9;padding:38px 0;margin-top:30px}.site-footer a{color:white}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.content-area{max-width:850px;margin:45px auto;padding:0 20px}.entry{background:white;border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:22px;overflow-wrap:anywhere}.entry h1{line-height:1.4}.entry img{max-width:100%;height:auto}.wp-block-image img{height:auto}.pagination{margin-top:30px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px} .screen-reader-text:focus{position:static;clip:auto;width:auto;height:auto}.skip-link{position:absolute;top:-100px;left:15px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:5px}@media(max-width:880px){.grade-grid{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:repeat(2,1fr)}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:76px;background:white;padding:18px 20px;border-bottom:1px solid var(--border)}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav li{margin:10px 0}}@media(max-width:560px){.grade-grid{grid-template-columns:repeat(3,1fr)}.feature-grid,.post-grid{grid-template-columns:1fr}.hero{padding:48px 0}.section{padding:32px 0}.entry{padding:17px}.brand{font-size:1.05rem}}

/* Version 2: class 1–10 subject navigation */
.grade-page-hero{background:linear-gradient(125deg,#10366d,#236cbe);color:#fff;padding:42px 0}.grade-page-hero h1{margin:10px 0;font-size:2.3rem}.grade-page-hero p{color:#e7f0ff;margin:0}.back-link{color:#fff;text-decoration:underline}.subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.subject-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:16px;background:#fff;padding:22px;color:var(--navy);box-shadow:0 2px 12px #0d2f5710}.subject-card>span{font-size:1.7rem}.subject-card strong{font-size:1.13rem}.subject-card small{font-size:.85rem;color:var(--muted)}.subject-card:hover{border-color:#80abe2;text-decoration:none;transform:translateY(-2px)}.subject-note{margin-top:22px;color:var(--muted);font-size:.92rem}html{scroll-behavior:smooth}.nav-menu a:focus-visible,.grade-card:focus-visible,.subject-card:focus-visible{outline:3px solid #f4b942;outline-offset:3px}@media(max-width:880px){.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subject-card{padding:14px}.header-inner{align-items:center}}

/* V3: searchable lesson directory */
.lesson-list{display:flex;flex-direction:column;gap:12px;margin-top:22px}.lesson-item{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--border);padding:18px 22px;border-radius:13px;color:var(--navy);box-shadow:0 2px 10px #0d2f5710}.lesson-item:hover{border-color:#80abe2;text-decoration:none}.lesson-number{min-width:75px;font-weight:700;color:var(--blue)}.lesson-arrow{margin-left:auto;font-size:1.3rem;color:var(--blue)}.empty-lessons{background:#fff;border:1px solid var(--border);padding:28px;border-radius:16px;margin-top:22px}.empty-lessons h3{margin-top:0}.lesson-item:focus-visible{outline:3px solid #f4b942;outline-offset:3px}@media(max-width:560px){.lesson-item{padding:15px;gap:10px}.lesson-number{min-width:60px}}

/* Version 4: lesson details with breadcrumbs, optional PDF and chapter navigation */
.lesson-layout{max-width:1000px;padding-top:34px;padding-bottom:18px}.lesson-article{margin-bottom:10px;padding:clamp(20px,4vw,42px)}
.lesson-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.9rem;color:var(--muted);margin-bottom:24px}
.lesson-breadcrumb a{font-weight:600}.lesson-breadcrumb span[aria-current]{overflow-wrap:anywhere}
.lesson-article-head{background:#eff6ff;border-radius:16px;padding:clamp(18px,3vw,28px);margin-bottom:28px}
.lesson-kicker{font-size:.9rem;font-weight:800;color:var(--blue);margin-bottom:12px}
.lesson-article-head h1{font-size:clamp(1.55rem,3.1vw,2.2rem);margin:0 0 12px;line-height:1.5;color:var(--navy)}
.lesson-body{font-size:1.05rem;line-height:1.95;overflow-wrap:anywhere}
.lesson-body h2{font-size:1.5rem;line-height:1.5;margin-top:32px;color:var(--navy);border-bottom:1px solid var(--border);padding-bottom:8px}
.lesson-body h3{font-size:1.22rem;line-height:1.6;color:var(--navy)}
.lesson-body table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}.lesson-body td,.lesson-body th{border:1px solid var(--border);padding:9px 12px}
.lesson-body iframe,.lesson-body video{max-width:100%}.lesson-body a{text-decoration:underline}
.lesson-download{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px 24px;margin:30px 0;background:#eff6ff;border:1px solid #cfdef5;border-radius:14px}
.lesson-download p{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.lesson-pdf-button{display:inline-block;background:var(--blue);color:#fff;padding:11px 18px;border-radius:10px;font-weight:700;white-space:nowrap}
.lesson-pdf-button:hover{color:#fff;background:var(--navy);text-decoration:none}
.lesson-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:34px 0 18px}
.lesson-nav-link{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);padding:17px 20px;border-radius:13px;background:#fff;min-width:0}
.lesson-nav-link span{color:var(--blue);font-size:.88rem;font-weight:700}.lesson-nav-link strong{color:var(--ink);overflow-wrap:anywhere}
.lesson-nav-next{text-align:right}.lesson-nav-link:hover{border-color:#80abe2;text-decoration:none;background:#f6faff}
.lesson-back{display:inline-block;font-weight:700;padding:8px 0}.lesson-breadcrumb a:focus-visible,.lesson-pdf-button:focus-visible,.lesson-nav-link:focus-visible{outline:3px solid #f4b942;outline-offset:3px}
@media(max-width:600px){.lesson-navigation{grid-template-columns:1fr}.lesson-nav-next{text-align:left}.lesson-nav-empty{display:none}.lesson-download{padding:16px}.lesson-layout{padding-top:18px}}

/* V5: Responsive multi-video lesson playlists */
.lesson-videos{margin:24px 0 32px}
.lesson-videos>h2{color:var(--navy);margin:0 0 2px;font-size:1.5rem}
.lesson-videos>p{margin:0 0 18px;color:var(--muted)}
.lesson-video-list{display:grid;grid-template-columns:1fr;gap:20px}
.lesson-video-card{border:1px solid var(--border);border-radius:15px;background:#fff;padding:18px;min-width:0}
.lesson-video-card h3{margin:0 0 13px;color:var(--navy);font-size:1.08rem;overflow-wrap:anywhere}
.lesson-video-frame{aspect-ratio:16/9;position:relative;background:#102b52;border-radius:10px;overflow:hidden}
.lesson-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:560px){.lesson-video-card{padding:12px}}

/* V6 — EclassGuru grade/subject palette. White cards, accent top bar and border. */
.es-accent-card{--es-accent:var(--ecg-palette-primary,#174ea6);position:relative;overflow:hidden;background:#fff!important;border:1px solid var(--es-accent)!important;border-top:6px solid var(--es-accent)!important;box-shadow:0 3px 14px #102b5212;transition:transform .15s ease,box-shadow .15s ease}
.es-accent-card:hover{box-shadow:0 8px 23px #102b5220;transform:translateY(-3px)}
.es-accent-card:focus-visible{outline:3px solid #102b52;outline-offset:3px}
.grade-card.es-accent-card strong{color:var(--navy)}
.subject-card.es-accent-card strong{color:var(--navy)}
.es-colored-hero{border-bottom:5px solid var(--es-accent)}
.es-lesson-accent .lesson-item{border-left:5px solid var(--es-accent)}
.es-lesson-accent .lesson-number{color:var(--navy)}
.lesson-article{border-top:5px solid var(--es-accent,var(--ecg-palette-primary,#174ea6))}
.lesson-article-head{border-left:5px solid var(--es-accent,var(--ecg-palette-primary,#174ea6))}
.lesson-kicker{color:var(--navy)}
.lesson-video-card{border-top:4px solid var(--es-accent,var(--ecg-palette-primary,#174ea6))}
.lesson-breadcrumb a{color:var(--blue)}
/* Explicit lesson question styles: set CSS class in WordPress block Advanced settings. */
.lesson-body .es-main-question{border-left:5px solid var(--ecg-palette-coral,#ff5757);background:#fff1f1;padding:12px 15px;border-radius:0 9px 9px 0;color:#741c1c;font-weight:700;margin:22px 0 12px}
.lesson-body .es-sub-question{border-left:5px solid var(--ecg-palette-brand,#38b6ff);background:#edf9ff;padding:10px 14px;border-radius:0 9px 9px 0;color:#153c59;font-weight:650;margin:15px 0 10px}
.lesson-body .es-answer{background:#f6f8fc;border:1px solid #dfe6f0;border-radius:10px;padding:12px 16px;margin-bottom:15px}
@media (prefers-reduced-motion:reduce){.es-accent-card{transition:none}.es-accent-card:hover{transform:none}}

/* V7: real study section directories */
.es-section-body{padding-top:36px;padding-bottom:50px;min-height:280px}
.es-section-body h2{font-size:1.5rem;color:var(--navy)}
.es-resource-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--border);border-radius:14px;background:#fff;padding:18px 22px}
.es-resource-row h3{margin:5px 0;font-size:1.08rem;line-height:1.5}
.es-resource-action{display:inline-flex;white-space:nowrap;border-radius:9px;background:var(--ecg-palette-primary,#174ea6);color:#fff;padding:10px 15px;font-weight:700}
.es-resource-action:hover{color:#fff;background:#102b52;text-decoration:none}
.es-card-more{display:inline-block;margin-top:11px;color:var(--ecg-palette-primary,#174ea6);font-weight:700;font-size:.85rem}
.es-section-body .lesson-list{margin-top:20px}
@media(max-width:560px){.es-resource-row{align-items:flex-start;flex-direction:column;padding:16px}.es-resource-action{width:100%;justify-content:center}}

/* EclassGuru LMS V8 */
.eg-lms-home{background:#fff}.eg-hero{background:linear-gradient(120deg,#12346c,#194e99);color:#fff;padding:70px 0}.eg-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:center}.eg-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.3rem);line-height:1.3;margin:16px 0}.eg-hero p{color:#e7eeff;max-width:650px;line-height:1.8}.eg-eyebrow{font-size:.9rem;font-weight:700;color:#cce1ff}.eg-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.eg-btn{display:inline-block;padding:12px 22px;border-radius:10px;text-decoration:none;font-weight:700}.eg-btn.eg-primary{background:#f9ca24;color:#15305b}.eg-btn.eg-outline{background:#fff;color:var(--ecg-palette-primary,#173a75);border:1px solid #b5c9eb}.eg-hero .eg-outline{background:transparent;color:#fff;border:1px solid #b5c9eb}.eg-hero-panel{display:grid;gap:14px}.eg-hero-panel>div{background:#ffffff15;border:1px solid #ffffff50;padding:18px;border-radius:13px;display:flex;gap:12px;align-items:center;font-size:1.3rem}.eg-hero-panel strong{font-size:1rem}.eg-hero-panel small{margin-left:auto;font-size:.8rem;color:#e7eeff}.eg-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.eg-feature{border:1px solid #dbe4f0;border-top:5px solid var(--eg-color);padding:20px;border-radius:14px;text-decoration:none;color:#152a49;background:#fff;display:flex;flex-direction:column;gap:10px;font-size:1.35rem}.eg-feature strong{font-size:1rem}.eg-feature span{font-size:.82rem;color:#516784}.eg-grades-section{background:#f4f7fb}.eg-help{color:#61708a;font-size:.83rem}.eg-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.eg-tabs a{border:1px solid #bdd0e9;color:var(--ecg-palette-primary,#204a7b);padding:9px 16px;border-radius:25px;text-decoration:none;font-weight:600}.eg-tabs a[aria-current]{background:var(--ecg-palette-primary,#173a75);color:#fff}.eg-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.eg-course-card{border:1px solid #dee6f0;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #15305b0b}.eg-course-image{aspect-ratio:16/9;background:#dbe9ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.eg-course-image img{width:100%;height:100%;object-fit:cover}.eg-course-image span{font-size:3.5rem}.eg-course-content{padding:20px}.eg-course-content h3{font-size:1.1rem;margin:12px 0;line-height:1.5}.eg-course-content h3 a{color:var(--ecg-palette-primary,#173a75);text-decoration:none}.eg-course-content p{color:#62728a;font-size:.9rem}.eg-price{display:inline-block;font-weight:700;font-size:.8rem;border-radius:25px;padding:5px 10px}.eg-free{color:#147a4d;background:#e5f7ee}.eg-paid{color:#8b4e04;background:#fff0d2}.eg-course-more{display:inline-block;font-weight:700;margin-top:6px}.eg-empty{border:1px dashed #b7c8dd;border-radius:12px;padding:24px;background:#f5f9ff}.eg-cta{text-align:center;background:#edf4ff}.eg-cta p{color:#526580}.eg-cta .eg-btn{margin-top:10px}@media(max-width:900px){.eg-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eg-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eg-hero-grid{grid-template-columns:1fr}}@media(max-width:560px){.eg-feature-grid,.eg-course-grid{grid-template-columns:1fr}.eg-hero{padding:45px 0}.eg-hero-panel small{margin-left:0}.eg-hero-panel>div{flex-wrap:wrap}}

.ecg-mobile-nav{display:none}.woocommerce .products{padding:0}@media(max-width:700px){.ecg-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid #dce4f1;justify-content:space-around;padding:10px 4px max(10px,env(safe-area-inset-bottom));font-size:14px}.site-footer{padding-bottom:90px}}

/* Gujarati glyphs are bundled locally for consistent text on every device. */
@font-face{font-family:"EclassGuru Gujarati";src:url("assets/fonts/noto-sans-gujarati-gujarati.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0A80-0AFF,U+200C-200D,U+25CC}
@font-face{font-family:"EclassGuru Gujarati";src:url("assets/fonts/noto-sans-gujarati-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF}
body,button,input,select,textarea{font-family:"EclassGuru Gujarati",system-ui,-apple-system,"Shruti",sans-serif}

.es-icon{width:26px;height:26px;display:inline-block;vertical-align:middle;flex-shrink:0}.brand-mark .es-icon{width:22px;height:22px}.eg-hero-panel .es-icon{color:#dce8ff}.eg-feature>.es-icon{color:var(--eg-color);width:30px;height:30px}

/* 9.9 Account identity and empty Shop. Brand actions remain blue. */
.eg-profile-menu summary{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer}.eg-profile-avatar,.ecg-profile-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;background:#e9f0ff;color:#174ea6;font-weight:700;flex-shrink:0}.eg-profile-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.eg-shop-empty{max-width:1000px;margin:34px auto;padding:60px 30px;text-align:center;border:1px solid #dce5f3;border-radius:28px;background:linear-gradient(135deg,#f2f7ff,#fff 60%,#fff9ee)}.eg-shop-art{display:flex;align-items:center;justify-content:center;gap:12px;color:#cba455;font-size:30px}.eg-shop-eyebrow{color:#174ea6;font-size:13px;letter-spacing:2px;font-weight:700}.eg-shop-empty h1{font-size:clamp(30px,5vw,48px);color:#18365f}.eg-shop-empty>p{font-size:19px;line-height:1.8}.eg-shop-socials{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.eg-shop-socials a{background:var(--social);color:#fff;padding:9px 14px;border-radius:9px;font-size:15px;font-weight:600}.eg-shop-illustration{font-size:64px;color:#174ea6}@media(max-width:650px){.eg-profile-name{max-width:85px;font-size:14px}.eg-header-actions{gap:8px}.eg-profile-menu summary{gap:5px}.eg-shop-empty{margin:20px 12px;padding:35px 18px}.eg-shop-empty>p{font-size:17px}}@media(max-width:420px){.eg-profile-name{display:none}}

.eg-shop-socials a{display:inline-flex;align-items:center;justify-content:center;gap:7px}.eg-shop-socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.eg-shop-socials{flex-wrap:wrap}.eg-shop-empty h1{overflow-wrap:anywhere}@media(max-width:600px){.eg-shop-empty{padding:35px 18px!important}.eg-shop-empty h1{font-size:30px!important}.eg-shop-empty p{font-size:16px!important}.eg-shop-socials a{min-height:44px}}
/* Shared multilingual reading fonts supplied locally by LMS Core 0.33.0. */
body{font-family:'Inter','Mukta Vaani','Noto Sans Devanagari',system-ui,sans-serif}.site-header,.site-footer{font-family:inherit}