/*
Theme Name: IndiaBIX Theme
Theme URI: https://example.com/indiabix-theme
Author: Your Name / Development Team
Author URI: https://example.com
Description: A high-performance, pixel-perfect WordPress theme replicating the classic IndiaBIX interface for Aptitude, Verbal, Reasoning, Engineering, Programming questions, MCQs, and discussions.
Version: 1.0.1
Tested up to: 6.7
Requires at least: 5.8
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: indiabix
Tags: education, two-columns, custom-menu, post-formats, theme-options, right-sidebar
*/

/* WordPress Core Alignment & Utility Fallbacks */
.alignleft {
float: left;
margin: 0.5rem 1.5rem 0.5rem 0;
}
.alignright {
float: right;
margin: 0.5rem 0 1.5rem 1.5rem;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption-text {
font-size: 0.875rem;
color: #6c757d;
margin-top: 0.35rem;
}

/* ========================================================

INLINE SVG LOGO (Light & Dark Mode)
======================================================== */
.sidebar-nav-wrapper .navbar-logo a {
display: block;
margin: 15px auto 10px auto;
width: 180px;
height: 55px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 55'%3E%3Ctext x='10' y='38' font-family='Inter,Arial,sans-serif' font-size='32' font-weight='800' fill='%23212529'%3EIndia%3Ctspan fill='%235eac1a'%3EBIX%3C/tspan%3E%3C/text%3E%3Cpath d='M10 44 L165 44' stroke='%235eac1a' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body.darkTheme .sidebar-nav-wrapper .navbar-logo a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 55'%3E%3Ctext x='10' y='38' font-family='Inter,Arial,sans-serif' font-size='32' font-weight='800' fill='%23ffffff'%3EIndia%3Ctspan fill='%23f8c555'%3EBIX%3C/tspan%3E%3C/text%3E%3Cpath d='M10 44 L165 44' stroke='%23f8c555' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* ========================================================
2. INLINE MCQ OPTION SVG LETTERS (A, B, C, D, E)
Provides exact circled letter vector graphics for both light and dark mode.
======================================================== */
.option-svg-letter-a,
.option-svg-letter-b,
.option-svg-letter-c,
.option-svg-letter-d,
.option-svg-letter-e {
display: inline-block;
width: 28px;
height: 28px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}

/* Light Theme Option SVGs */
.option-svg-letter-a {
content: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23ffffff' stroke='%235eac1a' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%235eac1a' text-anchor='middle'%3EA%3C/text%3E%3C/svg%3E") !important;
}
.option-svg-letter-b {
content: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23ffffff' stroke='%235eac1a' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%235eac1a' text-anchor='middle'%3EB%3C/text%3E%3C/svg%3E") !important;
}
.option-svg-letter-c {
content: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23ffffff' stroke='%235eac1a' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%235eac1a' text-anchor='middle'%3EC%3C/text%3E%3C/svg%3E") !important;
}
.option-svg-letter-d {
content: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23ffffff' stroke='%235eac1a' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%235eac1a' text-anchor='middle'%3ED%3C/text%3E%3C/svg%3E") !important;
}
.option-svg-letter-e {
content: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23ffffff' stroke='%235eac1a' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%235eac1a' text-anchor='middle'%3EE%3C/text%3E%3C/svg%3E") !important;
}

/* Dark Theme Option SVGs (Yellowish Accent #f8c555) */
body.darkTheme .option-svg-letter-a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23202125' stroke='%23f8c555' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%23f8c555' text-anchor='middle'%3EA%3C/text%3E%3C/svg%3E") !important;
}
body.darkTheme .option-svg-letter-b {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23202125' stroke='%23f8c555' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%23f8c555' text-anchor='middle'%3EB%3C/text%3E%3C/svg%3E") !important;
}
body.darkTheme .option-svg-letter-c {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23202125' stroke='%23f8c555' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%23f8c555' text-anchor='middle'%3EC%3C/text%3E%3C/svg%3E") !important;
}
body.darkTheme .option-svg-letter-d {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23202125' stroke='%23f8c555' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%23f8c555' text-anchor='middle'%3ED%3C/text%3E%3C/svg%3E") !important;
}
body.darkTheme .option-svg-letter-e {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23202125' stroke='%23f8c555' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%23f8c555' text-anchor='middle'%3EE%3C/text%3E%3C/svg%3E") !important;
}

/* ... existing code ... */
body.darkTheme .option-svg-letter-e {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23202125' stroke='%23f8c555' stroke-width='2'/%3E%3Ctext x='16' y='21.5' font-family='Inter,Arial,sans-serif' font-size='16' font-weight='700' fill='%23f8c555' text-anchor='middle'%3EE%3C/text%3E%3C/svg%3E") !important;
}

/* ========================================================
3. HEADER INLINE SVG ICONS
Exact alignment, color inheritance, and rotation modifiers
======================================================== */
.bix-hdr-svg {
display: inline-block;
vertical-align: middle;
transition: fill 0.15s ease-in-out, transform 0.2s ease-in-out;
}

.header .header-left .menu-toggle-btn .main-btn .bix-hdr-svg {
color: rgba(0, 0, 0, 0.8);
}

body.darkTheme .header .header-left .menu-toggle-btn .main-btn .bix-hdr-svg {
color: #ffffff;
}

.header .header-right .header-search form button .bix-hdr-svg {
color: rgba(0, 0, 0, 0.8);
position: relative;
top: -1px;
}

body.darkTheme .header .header-right .header-search form button .bix-hdr-svg {
color: rgba(255, 255, 255, 0.8);
}

.header .header-right .header-button .bix-hdr-svg {
color: rgba(0, 0, 0, 0.8);
}

body.darkTheme .header .header-right .header-button .bix-hdr-svg {
color: #ffffff;
}

/* Rotating theme switch icon to 315 degrees as in IndiaBIX */
.bix-theme-svg {
transform: rotate(315deg);
}

#btnTheme:hover .bix-theme-svg {
transform: rotate(360deg);
}