/**
 * Maha Rajyam — Supplemental CSS
 * Extends style.css with WooCommerce, CF7, Elementor, and admin styles
 * @package maharajyam
 */

/* ============================================================
   BODY — menu open lock
============================================================ */
body.mr-menu-open { overflow: hidden; }

/* ============================================================
   CUSTOM LOGO — JPG white-bg fix + CSS variable size control
============================================================ */
.mr-logo-wrap .custom-logo-link { display: flex; align-items: center; line-height: 0; }

/* Navbar logo image */
.mr-logo-wrap .custom-logo-link img,
.mr-logo-wrap img.custom-logo {
    height: var(--mr-logo-h, 68px) !important;
    width: auto !important;
    max-width: 300px !important;
    max-height: 72px !important;
    object-fit: contain !important;
    display: block !important;
    transition: height 0.3s ease, filter 0.3s ease !important;

    /* Removes white box from JPG logos on dark backgrounds */
    mix-blend-mode: multiply !important;
    filter: brightness(1.05) contrast(1.02) !important;
}

/* Hover */
.mr-logo-wrap .custom-logo-link:hover img {
    filter: brightness(1.12) contrast(1.05) drop-shadow(0 0 10px rgba(218,165,32,0.45)) !important;
}

/* Scrolled */
#mr-navbar.scrolled .mr-logo-wrap .custom-logo-link img,
#mr-navbar.scrolled .mr-logo-wrap img.custom-logo {
    height: calc(var(--mr-logo-h, 68px) - 12px) !important;
}

/* Footer logo */
.mr-footer-logo { display: block; margin-bottom: 14px; line-height: 0; }
.mr-footer-logo img,
.mr-footer-logo .custom-logo {
    height: var(--mr-footer-logo-h, 64px) !important;
    width: auto !important;
    max-width: 240px !important;
    object-fit: contain !important;
    display: block !important;
    /* Footer is also dark — apply same blend */
    mix-blend-mode: multiply !important;
    filter: brightness(1.05) !important;
}

/* ============================================================
   CONTACT FORM 7 OVERRIDES
============================================================ */
.wpcf7-form .wpcf7-form-control-wrap input[type="text"],
.wpcf7-form .wpcf7-form-control-wrap input[type="email"],
.wpcf7-form .wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form .wpcf7-form-control-wrap select,
.wpcf7-form .wpcf7-form-control-wrap textarea {
    width: 100%;
    background: rgba(245,230,192,0.05);
    border: 1px solid rgba(218,165,32,0.22) !important;
    color: rgba(245,230,192,0.9);
    padding: 13px 15px;
    font-family: 'EB Garamond', serif;
    font-size: 1rem;
    outline: none;
    margin-bottom: 18px;
    transition: border-color 0.25s;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.wpcf7-form .wpcf7-form-control-wrap input:focus,
.wpcf7-form .wpcf7-form-control-wrap textarea:focus {
    border-color: var(--mr-gold) !important;
}
.wpcf7-form input[type="submit"] {
    width: 100%;
    font-family: 'Cinzel', serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--mr-maroon) !important;
    background: linear-gradient(135deg, var(--mr-gold-bright), var(--mr-gold-dark)) !important;
    border: none !important;
    padding: 16px !important;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 0 !important;
}
.wpcf7-form input[type="submit"]:hover { box-shadow: 0 6px 24px rgba(218,165,32,0.4); }
.wpcf7-not-valid-tip { color: #B52222; font-size: 0.78rem; font-family: 'Cinzel', serif; }
.wpcf7-response-output { border-color: var(--mr-gold) !important; color: var(--mr-gold); font-family: 'Cinzel', serif; font-size: 0.8rem; }

/* ============================================================
   WORDPRESS CORE ALIGNMENTS
============================================================ */
.alignleft  { float: left;  margin: 0.5em 1.5em 1em 0; }
.alignright { float: right; margin: 0.5em 0 1em 1.5em; }
.aligncenter { display: block; margin: 1em auto; }
.alignwide  { width: 100%; }
.alignfull  { width: 100vw; margin-left: calc(50% - 50vw); }

/* ============================================================
   WORDPRESS COMMENT STYLES
============================================================ */
.comments-area { margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--mr-parchment-dark); }
.comments-title {
    font-family: 'Cinzel', serif;
    font-size: 1.1rem;
    color: var(--mr-maroon);
    margin-bottom: 28px;
    letter-spacing: 1px;
}
.comment-list { list-style: none; margin: 0; }
.comment-body { padding: 20px; background: var(--mr-white); border-left: 3px solid var(--mr-crimson); margin-bottom: 20px; }
.comment-author .fn { font-family: 'Cinzel', serif; font-size: 0.9rem; color: var(--mr-maroon); }
.comment-metadata { font-size: 0.75rem; color: var(--mr-text-light); margin: 4px 0 12px; }
.comment-content p { color: var(--mr-text); }
.reply a { font-family: 'Cinzel', serif; font-size: 0.68rem; letter-spacing: 2px; text-transform: uppercase; color: var(--mr-crimson); }
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label { font-family: 'Cinzel', serif; font-size: 0.68rem; letter-spacing: 2px; text-transform: uppercase; color: var(--mr-text-light); display: block; margin-bottom: 6px; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    border: 1px solid var(--mr-parchment-dark);
    background: var(--mr-white);
    padding: 11px 14px;
    font-family: 'EB Garamond', serif;
    font-size: 1rem;
    color: var(--mr-text);
    outline: none;
    margin-bottom: 16px;
    transition: border-color 0.25s;
}
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--mr-crimson); }
.comment-form input[type="submit"] {
    font-family: 'Cinzel', serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--mr-maroon);
    background: linear-gradient(135deg, var(--mr-gold-bright), var(--mr-gold-dark));
    border: none;
    padding: 13px 28px;
    cursor: pointer;
    transition: all 0.3s;
}

/* ============================================================
   WOOCOMMERCE BASE OVERRIDES
============================================================ */
.woocommerce-page .woocommerce {
    font-family: 'EB Garamond', serif;
    color: var(--mr-text);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Cinzel', serif;
    color: var(--mr-maroon);
}
.woocommerce ul.products li.product .price {
    color: var(--mr-crimson);
    font-family: 'Cinzel', serif;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background: linear-gradient(135deg, var(--mr-gold-bright), var(--mr-gold-dark)) !important;
    color: var(--mr-maroon) !important;
    font-family: 'Cinzel', serif !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    border-radius: 2px !important;
    border: none !important;
    padding: 12px 24px !important;
    transition: all 0.3s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    box-shadow: 0 6px 20px rgba(218,165,32,0.4) !important;
    transform: translateY(-2px) !important;
}
.woocommerce-message, .woocommerce-info { border-top-color: var(--mr-gold) !important; }
.woocommerce-message::before { color: var(--mr-gold) !important; }

/* ============================================================
   ELEMENTOR COMPATIBILITY
============================================================ */
.elementor-section { clear: both; }
.elementor-widget-heading .elementor-heading-title { font-family: 'Cinzel Decorative', serif; }

/* ============================================================
   BREADCRUMBS
============================================================ */
.mr-breadcrumbs {
    font-family: 'Cinzel', serif;
    font-size: 0.68rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(245,230,192,0.5);
    margin-top: 14px;
}
.mr-breadcrumbs a { color: var(--mr-gold-light); }
.mr-breadcrumbs span { margin: 0 8px; }

/* ============================================================
   SEARCH FORM
============================================================ */
.mr-search-form { display: flex; gap: 0; }
.mr-search-form input[type="search"] {
    flex: 1;
    border: 1px solid var(--mr-parchment-dark);
    background: var(--mr-white);
    padding: 11px 14px;
    font-family: 'EB Garamond', serif;
    font-size: 1rem;
    outline: none;
    border-right: none;
}
.mr-search-form button {
    background: var(--mr-crimson);
    color: white;
    border: none;
    padding: 11px 18px;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.25s;
}
.mr-search-form button:hover { background: var(--mr-crimson-dark); }

/* ============================================================
   PRINT STYLES
============================================================ */
@media print {
    #mr-navbar, .mr-marquee-strip, #mr-btt, .mr-mobile-menu, .mr-hero-btns { display: none !important; }
    .mr-hero { min-height: auto; padding: 40px 0; }
    body { background: white; color: black; }
}

/* ============================================================
   ACCESSIBILITY
============================================================ */
:focus-visible { outline: 2px solid var(--mr-gold); outline-offset: 3px; }
.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; width: 1px; word-wrap: normal;
}