/*
 Theme Name:        GeneratePress Child | Gorilla DevOps
 Theme URI:         https://generatepress.com/?ref=7960
 Description:       A custom child theme for GeneratePress with Maintenance Mode and Login Branding features.
 Author:            Gorilla DevOps
 Author URI:        https://gorilladevops.com
 Template:          generatepress
 Version:           3.14.86
 Text Domain:       gp-child
 GitHub Theme URI:  https://github.com/gorilla-devops/gp-gorilladevops
*/

/**
 * Do not directly or manually make changes to this Theme, it is controlled by a GIT repository on GitHub.
 * IMPORTANT: Database entries related to this theme will remain after deletion. Use the "Cleanup Options" Theme Settings > Cleanup Options to remove them manually.
 */

/* ===========================================
 * Table of Contents:
 * ===========================================
 * 1. Navigation Styles
 * 2. Title Gradients
 * 3. Menu Items
 * 4. Cookie Banner
 * 5. Block Styles
 */

/* ===========================================
 * 1. Navigation Styles
 * =========================================== */

/**
 * Sticky navigation padding
 */
@media (min-width: 769px) {
    .main-navigation.navigation-stick .inside-navigation {
        padding: 10px 0;
    }
}

/* ===========================================
 * 2. Title Gradients
 * =========================================== */

/**
 * Title with a texture background
 * Use Additional CSS class(es): gradient-title-large
 */
.gradient-title-large {
    background-image: url("assets/images/gradient_large.webp");
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}

/**
 * Use Additional CSS class(es): gradient-title-small
 */
.gradient-title-small {
    background-image: url("assets/images/gradient_small.webp");
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
}

/* ===========================================
 * 3. Menu Items
 * =========================================== */

/**
 * Style the current menu item and add hover effect
 * This ensures the current menu item stands out and has a different color when hovered.
 */
.main-navigation .main-nav ul li.current-menu-item a {
    color: var(--base-3) !important;
}

.main-navigation .main-nav ul li.current-menu-item a:hover {
    color: var(--accent) !important;
}

.main-navigation .main-nav ul li a:hover {
    color: var(--accent) !important;
}

/**
 * Slideout navigation (mobile off-canvas menu) current item styling
 * Uses accent color to distinguish from regular white links
 */
.slideout-navigation .main-nav ul li.current-menu-item > a {
    color: var(--accent) !important;
}

.slideout-navigation .main-nav ul li.current-menu-item > a:hover {
    color: var(--accent-1) !important;
}

/**
 * Hide Home link on desktop (logo serves as home link)
 * Show only in mobile slideout menu
 */
.main-navigation .main-nav ul > li.menu-item-home {
    display: none;
}

.slideout-navigation .main-nav ul > li.menu-item-home {
    display: block;
}

/* ===========================================
 * 4. Cookie Banner
 * =========================================== */

/**
 * Fix LCP and Optimize Complianz Cookie Banner on Mobile
 * - Hides body text for a cleaner look
 * - Reduces unnecessary white space
 * - Aligns buttons horizontally on mobile
 * - Ensures no transitions to improve rendering speed
 * https://complianz.io/about-web-vitals/
 */

/* Hide body text completely */
.cmplz-cookiebanner .cmplz-body {
    display: none !important;
}

/* Remove the divider to reduce white space */
.cmplz-cookiebanner .cmplz-divider {
    display: none !important;
}

/* Ensure no transition delay for faster loading */
.cmplz-cookiebanner {
    transition: none !important;
    padding: 10px !important; /* Minimal padding for a compact design */
}

/* Set buttons horizontally on mobile devices */
@media (max-width: 768px) {
    .cmplz-cookiebanner .cmplz-buttons {
        flex-direction: row !important;
        justify-content: space-between; /* Space buttons evenly */
        gap: 10px; /* Optional: adds slight spacing between buttons */
    }
}

/* Fix potential overflow issues for the cookie message on small screens */
@media only screen and (max-width: 480px) {
    .cmplz-cookiebanner .cmplz-message {
        overflow: hidden !important; /* Prevent unnecessary scrollbars */
        max-height: 4vh; /* Compact height */
    }
}

/* ===========================================
 * 5. Block Styles
 * =========================================== */

/**
 * Quote block styling - left border accent
 * Replaces default box style with clean left border
 */
.wp-block-quote {
    border: none !important;
    border-left: 3px solid var(--accent) !important;
    padding-left: 20px;
    margin-left: 0;
}