/*
 * Salon detail pages — the styles the theme used to print in <head> on every child of the finder page
 * (theme functions.php L402–460), verbatim apart from the Google Fonts @import, which is enqueued as
 * 'gl-sl-fonts'. Leaflet's own CSS is the 'gl-sl-leaflet' dependency.
 */
		#gl-faq-root, #gl-faq-root * { accent-color: #8B7355 !important; }

    /* Removed 2026-07-10: leftover "Salon test" white-header override that conflicted with the working transparent/dark-hero header treatment applied site-wide above. */

    .gl-salon-back-bar{background:#6b4c3b;padding:12px 0;text-align:center}
    .gl-salon-back-bar a{color:#fff;text-decoration:none;font-family:Montserrat,sans-serif;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:opacity .3s}
    .gl-salon-back-bar a:hover{opacity:.8}
    #gl-salon-map{width:100%;height:350px;margin:0}
         .gl-map-tooltip{background:#fff!important;color:#2A2A2A!important;border:1px solid #C9A96E!important;border-radius:0!important;box-shadow:0 2px 8px rgba(0,0,0,0.15)!important;padding:8px 14px!important;font-family:'Cormorant Garamond',serif!important;font-size:16px!important;font-weight:500!important;letter-spacing:0.02em!important;white-space:nowrap!important}
         .gl-map-tooltip::before,.leaflet-tooltip-top::before,.leaflet-tooltip-bottom::before{display:none!important}
    body.parent-pageid-134 .page-header{padding-top:0!important;margin-top:0!important}
    
.gl-social-icons{display:flex;justify-content:center;gap:20px;margin-bottom:24px}
.gl-social-icons a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;border-radius:50%;background:#F5F0E1;transition:all 0.3s;text-decoration:none}
.gl-social-icons a:hover{background:#E5DFD0;transform:translateY(-2px)}
.gl-social-icons a svg{width:20px;height:20px;fill:#5C4A3A}
.gl-social-icons a[href*="tel:"] svg{stroke:#5C4A3A;fill:none;stroke-width:2}

body.parent-pageid-134 h1.entry-title{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:300!important;letter-spacing:1px;color:#2A2118;font-size:42px;text-align:center;margin-top:0;padding-top:16px}

body.parent-pageid-134 div[style*='grid'] > a{font-family:'Cormorant Garamond',Georgia,serif!important;text-decoration:none!important;color:#2A2118!important;border:1px solid #E8E4DD!important;border-radius:6px!important;padding:16px 18px!important;background:#FAF9F5!important;transition:all 0.3s!important}
body.parent-pageid-134 div[style*='grid'] > a:hover{background:#F0EBE0!important;border-color:#C9A96E!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,0.08)!important}
body.parent-pageid-134 div[style*='grid'] > a div{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:18px!important;font-weight:600!important;color:#2A2118!important;letter-spacing:0.02em!important}
body.parent-pageid-134 div[style*='grid'] > a div+div{font-family:'Lato',sans-serif!important;font-size:13px!important;color:#7A7267!important;font-weight:400!important}
body.parent-pageid-134 div[style*='grid'] > a > p:empty{display:none!important}
body.parent-pageid-134 div[style*='grid'] > p{display:none!important}

/* Hero section for salon detail pages */
body.parent-pageid-134 .gl-detail-hero{position:relative;width:100%;height:400px;background:url(/wp-content/uploads/2026/05/salon-finder_hero_image.jpg) center center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:0}
body.parent-pageid-134 .gl-detail-hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(42,33,24,0.45)}
body.parent-pageid-134 .gl-detail-hero .gl-hero-content{position:relative;z-index:2;padding:0 20px}
body.parent-pageid-134 .gl-detail-hero h2.gl-hero-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-size:42px;color:#fff;letter-spacing:1px;margin:0 0 12px}
body.parent-pageid-134 .gl-detail-hero p.gl-hero-sub{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:16px;color:rgba(255,255,255,0.9);margin:0;letter-spacing:0.5px}
/* Mega menu z-index fix */
body.parent-pageid-134 .elementor-nav-menu .sub-menu,body.parent-pageid-134 .mega-menu,body.parent-pageid-134 .elementor-element .sub-menu,body.parent-pageid-134 nav .sub-menu{z-index:999999!important}
body.parent-pageid-134 header,body.parent-pageid-134 .elementor-location-header{z-index:999999!important;position:relative}
body.parent-pageid-134 .leaflet-container,body.parent-pageid-134 .gl-reviews,body.parent-pageid-134 .gl-detail-hero{z-index:1!important}

/* Salon image gallery */
.gl-salon-gallery{max-width:1100px;margin:30px auto;padding:0 20px}
.gl-salon-gallery h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-size:28px;color:#2A2118;text-align:center;margin-bottom:20px;letter-spacing:0.5px}
.gl-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gl-gallery-grid img{width:100%;height:280px;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform 0.3s,box-shadow 0.3s}
.gl-gallery-grid img:hover{transform:scale(1.03);box-shadow:0 6px 20px rgba(0,0,0,0.15)}
/* Gallery lightbox */
.gl-gallery-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:9999999;align-items:center;justify-content:center;cursor:pointer}
.gl-gallery-lightbox.active{display:flex}
.gl-gallery-lightbox img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px}
@media(max-width:768px){.gl-gallery-grid{grid-template-columns:repeat(2,1fr)}.gl-gallery-grid img{height:200px}}

/* Email icon hover — the theme's script set these colours from mouseenter/mouseleave handlers. */
.gl-social-icons a.gl-sl-email:hover{background-color:rgb(92,74,58);color:#fff}
.gl-social-icons a.gl-sl-email:hover svg{stroke:#fff}