/*
Theme Name: Competitive Exam Theme
Theme URI: https://example.com/competitive-exam-theme
Author: Competitive Exam Platform
Author URI: https://example.com
Description: Professional, high-performance WordPress theme designed specifically for the Competitive Exam Platform plugin. Features modern EdTech CBT exam UI, bilingual English/Bengali typography (Noto Sans Bengali), student dashboard, test series, and WooCommerce integration.
Version: 2.4.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: competitive-exam-theme
Domain Path: /languages
Tags: education, e-commerce, custom-menu, featured-images, translation-ready, full-width-template
*/

:root {
  --cep-primary: #1E40AF;
  --cep-secondary: #2563EB;
  --cep-bg: #F8FAFC;
  --cep-white: #FFFFFF;
  --cep-text: #1E293B;
  --cep-text-muted: #64748B;
  --cep-border: #E2E8F0;
  --cep-success: #16A34A;
  --cep-warning: #F59E0B;
  --cep-danger: #DC2626;
  --cep-radius: 8px;
  --cep-font-en: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --cep-font-bn: 'Noto Sans Bengali', 'Hind Siliguri', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--cep-font-en);
  background-color: var(--cep-bg);
  color: var(--cep-text);
  line-height: 1.6;
}

body.lang-bengali {
  font-family: var(--cep-font-bn);
}

a {
  color: var(--cep-primary);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--cep-secondary);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.cep-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 1.25rem;
  box-sizing: border-box;
}

/* Bilingual display visibility */
.bn-text { display: none !important; }
.en-text { display: inline-block; }
body.lang-bengali .bn-text { display: inline-block !important; }
body.lang-bengali .en-text { display: none !important; }
body.lang-english .bn-text { display: none !important; }
body.lang-english .en-text { display: inline-block !important; }

/* Desktop: hide mobile drawer & toggle completely */
@media screen and (min-width: 1025px) {
  .mobile-menu-toggle,
  .mobile-drawer,
  .mobile-drawer-backdrop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
}

/* Mobile drawer off-canvas (Only active on screens <= 1024px) */
@media screen and (max-width: 1024px) {
  .mobile-menu-toggle {
    display: inline-flex !important;
  }
  .mobile-drawer {
    position: fixed;
    top: 0;
    left: -320px;
    width: 290px;
    height: 100vh;
    background: #FFFFFF;
    z-index: 99999;
    transition: left 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
  .mobile-drawer.open {
    left: 0 !important;
  }
}