/**
 * Mokina Custom CSS Overrides
 * 
 * This file contains visual fixes for mokina.se.
 * It is enqueued AFTER all theme and plugin styles so it takes priority.
 * 
 * DO NOT edit Elementor-generated CSS files directly — they get overwritten
 * when pages are re-saved in Elementor.
 */


/* ==========================================================================
   FIX #1: HIDE DUPLICATE PAGE TITLE
   The Astra theme renders its own H1 .entry-title on top of the Elementor
   page content, causing the title "Integritetspolicy" to appear twice.
   ========================================================================== */

.elementor-page h1.entry-title,
.elementor-page .entry-header,
h1.entry-title {
    display: none !important;
}


/* ==========================================================================
   FIX #2: HIDE DUPLICATE NAV INSIDE PAGE CONTENT
   The privacy policy page has a full HTML document (with its own <nav>)
   embedded inside .entry-content. This creates a second menu bar below
   the Astra header. Hide it — the Astra header is the real one.
   ========================================================================== */

/* Target the embedded nav inside the page content (has .nav-logo class) */
.entry-content > nav,
.entry-content .nav-logo,
.entry-content > body > nav {
    display: none !important;
}


/* ==========================================================================
   FIX #3: HIDE DUPLICATE FOOTER INSIDE PAGE CONTENT
   The embedded HTML also has its own <footer> with copyright text.
   This is redundant because the Astra site footer already exists below.
   ========================================================================== */

/* Target the embedded footer inside the page content */
.entry-content > footer,
.entry-content > body > footer {
    display: none !important;
}


/* ==========================================================================
   FIX #4: FOOTER — ENSURE TEXT IS READABLE
   Make sure the Astra footer text and links are visible.
   ========================================================================== */

/* Ensure all footer widget text is visible */
.site-footer .widget,
.site-footer .widget p,
.site-footer .widget li,
.site-footer .widget a,
.site-footer .widget .menu-link,
.site-footer .widget-title {
    color: #e8e8e8 !important;
}

/* Footer links hover state */
.site-footer .widget a:hover,
.site-footer .widget .menu-link:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Copyright bar at the bottom */
.site-below-footer-wrap {
    background-color: #1a1a2e !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.site-below-footer-wrap,
.site-below-footer-wrap p,
.site-below-footer-wrap div,
.site-below-footer-wrap .ast-footer-copyright,
.site-below-footer-wrap .ast-footer-copyright p,
.site-below-footer-wrap .widget_block p {
    color: #e8e8e8 !important;
}

.site-below-footer-wrap a,
.site-below-footer-wrap .ast-footer-copyright a {
    color: #ffffff !important;
}


/* ==========================================================================
   FIX #5: BUTTON HOVER — SMOOTH TRANSITIONS
   Add smooth transitions to buttons for a more polished feel.
   ========================================================================== */

.elementor-button {
    transition: all 0.3s ease !important;
}

.elementor-button:hover {
    transform: translateY(-2px);
    box-shadow: 6px 8px 0px 0px #FFDE00 !important;
}

.elementor-button:active {
    transform: translateY(1px);
    box-shadow: 3px 3px 0px 0px #FFDE00 !important;
}


/* ==========================================================================
   FIX #6: TESTIMONIAL CARD SPACING
   ========================================================================== */

.elementor-355 .elementor-element.elementor-element-f323dc7,
.elementor-355 .elementor-element.elementor-element-ef660e4 {
    gap: 24px !important;
}


/* ==========================================================================
   FIX #7: GENERAL POLISH — SMOOTH TRANSITIONS
   ========================================================================== */

a,
.menu-link,
.ast-custom-button-link,
.elementor-icon,
.elementor-icon-box-wrapper {
    transition: all 0.25s ease;
}


/* ==========================================================================
   FIX #8: MOBILE IMPROVEMENTS
   ========================================================================== */

@media (max-width: 767px) {
    /* Ensure footer text is readable on mobile */
    .site-footer .widget,
    .site-footer .widget a {
        color: #e8e8e8 !important;
        font-size: 14px;
    }

    /* Also hide embedded nav/footer on mobile */
    .entry-content > nav,
    .entry-content > footer {
        display: none !important;
    }
}


/* ==========================================================================
   FIX #9: BRAND COLOR CONSISTENCY (EMBEDDED HTML)
   Override the clashing red variables (--accent) with Mokina Navy Blue,
   and force the fonts to inherit the site's primary typography.
   ========================================================================== */

.entry-content, 
.entry-content .layout,
.privacy-policy .content {
    --accent: #253993 !important;
    --accent-light: #e8eaf6 !important;
    --serif: inherit !important;
    --sans: inherit !important;
    --bg: transparent !important;
}

/* ==========================================================================
   FIX #10: EMBEDDED TABLE OF CONTENTS TYPOGRAPHY & LINKS
   Make the ToC match the site's styling more closely.
   ========================================================================== */

.entry-content .toc-label {
    font-size: 14px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

.entry-content .toc a {
    font-size: 15px !important;
    padding: 4px 0 !important;
    color: #4a4a4a !important;
}

.entry-content .toc a:hover {
    color: var(--accent) !important;
    text-decoration: underline;
}

/* Link hover polish for standard text links within embedded content */
.entry-content p a {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* ==========================================================================
   FIX #11: HERO STRIP TEXT & FOOTER WIDGET BACKGROUND
   Fix the dark blue text on the dark background in the policy headers,
   and remove the white background from the footer navigation widget.
   ========================================================================== */

/* Fix the unreadable text in the dark hero strip */
.entry-content .hero-strip .eyebrow {
    color: #FFDE00 !important; /* Mokina Yellow for high contrast */
}

.entry-content .hero-strip p {
    color: #e8e8e8 !important; /* Make subtitle bright white/gray */
    font-size: 18px !important; /* Slightly bump the size for readability */
}

/* Force the footer nav widget background to be transparent and remove lines/spacing */
.site-footer .widget_nav_menu,
.site-footer .menu-kontakt-address-container,
.site-footer .menu-kontakt-address-container ul,
.site-footer .widget_nav_menu ul {
    background-color: transparent !important;
    background: transparent !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    border: none !important;
}

/* Remove spacing and borders from the list items */
.site-footer .widget_nav_menu ul li,
.site-footer .menu-kontakt-address-container ul li {
    padding: 0 !important;
    margin: 0 0 8px 0 !important; /* Add just a little vertical space between items */
    border: none !important;
    list-style-type: none !important;
}

/* Ensure links in the contact footer menu are clearly visible */
.site-footer .widget_nav_menu a,
.site-footer .menu-kontakt-address-container a {
    color: #e8e8e8 !important;
}

.site-footer .widget_nav_menu a:hover,
.site-footer .menu-kontakt-address-container a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* ==========================================================================
   FIX #13: SEARCH SUGGESTIONS UI POLISH
   Fix the messy layout of alternative booking options in VikRentCar.
   ========================================================================== */

.vrc-searchsuggestions-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 20px !important;
}

.vrc-searchsuggestions-solution {
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    padding: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin-bottom: 0 !important;
}

.vrc-searchsuggestions-solution:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1) !important;
}

/* Dates Section */
.vrc-searchsuggestions-solution-dates {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    border-bottom: 1px solid #eaeaea !important;
    padding-bottom: 15px !important;
}

.vrc-searchsuggestions-solution-dates-from,
.vrc-searchsuggestions-solution-dates-to {
    font-size: 14px !important;
    color: #333333 !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Location */
.vrc-searchsuggestions-solution-locations {
    font-size: 14px !important;
    color: #666666 !important;
    margin-bottom: 20px !important;
    border: none !important;
    padding: 0 !important;
}

.vrc-searchsuggestions-solution-locations-name {
    border: none !important;
    padding: 0 !important;
}

/* Button */
.vrc-searchsuggestions-solution-booknow {
    margin-top: auto !important; /* Push button to bottom of card */
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
}

.vrc-searchsuggestions-solution-booknow a.btn {
    display: block !important;
    width: 100% !important;
    background-color: #253993 !important; /* Mokina Navy Blue */
    color: #ffffff !important;
    padding: 12px 20px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
    border: 2px solid transparent !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.vrc-searchsuggestions-solution-booknow a.btn:hover {
    background-color: transparent !important;
    color: #253993 !important;
    border-color: #FFDE00 !important; /* Mokina Yellow border on hover */
}