/*
Theme Name:     GeneratePress child
Theme URI:      https://generatepress.com
Description:    GeneratePress child theme for Jura Camping
Author:         Berthod Billy
Template:       generatepress
Version:        1.0.0
Text Domain:    generatepress-child
*/


/* ============================================================================
   3. Booking button - Force visible on mobile

   The "RESERVER" CTA button in the header has a .hide-on-mobile class
   from GenerateBlocks. This is a critical UX element that must remain
   accessible on all screen sizes.
   ============================================================================ */

.hide-on-mobile.gb-button,
a.gb-button[href*="secureholiday"] {
    display: inline-flex !important;
}

/* On mobile, make the booking button more prominent (full width, larger tap target) */
@media (max-width: 768px) {
    .hide-on-mobile.gb-button,
    a.gb-button[href*="secureholiday"] {
        display: inline-flex !important;
        font-size: 14px;
        padding: 8px 20px;
    }
}


/* ============================================================================
   YouTube facade - Hover effect
   ============================================================================ */

.youtube-facade:hover .youtube-facade__play svg path:first-child {
    fill: #cc0000;
}

.youtube-facade:hover img {
    opacity: 0.85;
}