/* ===========================================================
   Go Magaluf — Guide template (Bars, Restaurants, Nightclubs,
   Beach, Strip, Hotels, etc). Loaded in addition to style.css
   =========================================================== */

/* Guide hero band (darker, content-led) */
.guide-hero{
  position:relative;color:#fff;text-align:center;
  background:linear-gradient(rgba(18,20,44,.62),rgba(18,20,44,.7)),
    url("/wp-content/uploads/2022/07/37595826_l-scaled.jpg") center/cover no-repeat,
    var(--navy);
  padding:120px 0;
}
.guide-hero h1{color:#fff;}
.guide-hero p{font-size:17px;color:rgba(255,255,255,.9);max-width:640px;margin:16px auto 0;}

/* Centered reading column */
.guide-body{max-width:1080px;margin:0 auto;padding:64px 24px 40px;}
.guide-body h2{margin-top:48px;}
.guide-body > h2:first-child{margin-top:0;}
.guide-body h3{margin-top:30px;}
.uline-sm{display:block;width:56px;height:0;background:transparent;border-radius:0;margin:14px 0 22px;}

.guide-body p{font-size:16px;line-height:1.85;margin:0 0 18px;color:var(--text);}
.guide-body p strong{color:var(--navy);}
.guide-body img{max-width:100%;height:auto;border-radius:10px;display:block;margin:24px 0;}
.guide-body ul,.guide-body ol{font-size:16px;line-height:1.85;color:var(--text);padding-left:24px;margin:0 0 18px;}
.guide-body li{margin:8px 0;}
.guide-body li strong{color:var(--navy);}
.post-meta{color:#888;font-size:14px;margin-bottom:8px;}
.post-meta a{color:var(--pink);}

/* Blog post hero with featured image background */
.post-hero{
  position:relative;color:#fff;text-align:center;
  padding:130px 0 110px;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  background-color:var(--navy);
}
.post-hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(rgba(20,24,52,.55),rgba(20,24,52,.7));
}
.post-hero > .container{position:relative;z-index:1;}
.post-hero h1{color:#fff;line-height:1.15;}
.post-hero .uline{margin:20px auto 22px;}
.post-hero p{font-size:17px;color:rgba(255,255,255,.92);max-width:680px;margin:0 auto;}
@media (max-width:600px){
  

}

/* Breadcrumb */
.breadcrumb{font-size:14px;color:#888;margin-bottom:22px;}
.breadcrumb a{color:var(--pink);font-weight:500;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb .sep{margin:0 6px;color:#cfd2dc;}

/* Back-to-blog button override (white text on pink, no underline) */
.btn-back{color:#fff !important;text-decoration:none !important;}
.btn-back:hover{color:#fff !important;text-decoration:none !important;}
.guide-body a{color:var(--pink);font-weight:500;}
.guide-body a:hover{text-decoration:underline;}

.guide-qa{margin-top:46px;}

/* Per-bar / per-item section */
.guide-section{margin-top:54px;}


/* Per-section gallery: main image + thumbnail strip */
.guide-gallery{margin:0 0 22px;}
.gg-main{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/8;box-shadow:var(--shadow-card);}
.gg-main .ph{min-height:100%;}
.gg-main img{width:100%;height:100%;object-fit:cover;display:block;}
.gg-arrow{
  position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.9);color:var(--pink);border:none;display:flex;align-items:center;justify-content:center;
  font-size:16px;box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:pointer;
}
.gg-arrow.prev{left:12px;}
.gg-arrow.next{right:12px;}
.gg-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:12px;}
.gg-thumb{border-radius:10px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;}
.gg-thumb .ph{min-height:100%;font-size:10px;}

/* Closing section */
.guide-closing{margin-top:54px;}

@media (max-width:600px){
  .guide-hero{padding:72px 0;}
  .guide-hero h1{font-size:30px;}
  .guide-body{padding:44px 20px 28px;}
  .guide-body h2{font-size:24px;}
  .guide-section h3,.guide-body h3{font-size:20px;}
  .gg-main{aspect-ratio:16/10;}
  .gg-thumbs{gap:8px;}
}