/*
Theme Name: BoldMCQs Pro
Theme URI: https://example.com/boldmcqs-pro
Author: Mujtaba Haider
Author URI: https://example.com
Description: A modern MCQ quiz platform theme for WordPress with Tailwind CSS.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boldmcqs-pro
Tags: education, quiz, mcqs, exam, learning, dark-mode, tailwind, grid-layout, two-columns, custom-menu, custom-colors, post-formats, translation-ready
Tested up to: 6.5
Requires at least: 6.0
Requires PHP: 7.4
Copyright (C) 2026 Mujtaba Haider
This theme is licensed under the GPL v2 or later.
*/


/* ── Note: site colours come from inc/dynamic-colors.php ───────────────
   All theme colours use CSS custom properties:
     rgb(var(--cp))   → primary colour
     rgb(var(--cs))   → secondary colour
   ────────────────────────────────────────────────────────────────────── */

/* Search functionality styles */
.searching {
    border-color: rgb(var(--cp)) !important;
    box-shadow: 0 0 0 3px rgba(var(--cp), 0.15) !important;
}

.searching::placeholder {
    color: rgb(var(--cp)) !important;
}

/* Search form focus states */
form[role="search"] input:focus {
    outline: none;
    border-color: rgb(var(--cp));
    box-shadow: 0 0 0 3px rgba(var(--cp), 0.15);
}

/* Search button hover effects */
form[role="search"] button[type="submit"]:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Search results highlighting */
mark {
    background-color: #FEF3C7;
    color: #92400E;
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
}

.dark mark {
    background-color: #78350F;
    color: #FEF3C7;
}