:root{
  /* ✅ Requested brand colour */
  --belina-brand:#A26514;

  /* ✅ Report box + button */
  --belina-report: var(--belina-brand);

  /* ✅ services */
  --belina-services: var(--belina-brand);
  --belina-services-tick:#ffffff;

  /* ✅ hero call button (below hero gallery) */
  --belina-callbtn:#000000; /* ✅ UPDATED: TRUE BLACK */

  /* ✅ Contact The Advertiser button */
  --belina-sidebar-callbtn: var(--belina-brand);

  /* BELINA SIDEBAR CALL WIDTH v2 */
  @media (min-width:769px){
    #belina-sidebar-call{
      width:100% !important;
      display:flex !important;
      justify-content:center !important;
      align-items:center !important;
      box-sizing:border-box !important;
    }
  }

  
  /* BELINA MOBILE CALL TAP ANIMATION v1 */
  @media (max-width:768px){

    #belina-mobile-call,
    #belina-sidebar-mobile-call{
      transition:
        transform 120ms ease,
        filter 120ms ease,
        box-shadow 120ms ease;
    }

    #belina-mobile-call:active,
    #belina-sidebar-mobile-call:active{
      transform:scale(0.97);
      filter:brightness(0.95);
      box-shadow:0 2px 6px rgba(0,0,0,.12);
    }

  }

  /* BELINA PHONE SPLIT v2 */

  .belina-mobile-only{ display:none !important; }
  .belina-desktop-only{ display:inline-flex !important; }

  @media (min-width:769px){
    .belina-mobile-only{
      display:none !important;
      width:0 !important;
      max-width:0 !important;
      padding:0 !important;
      margin:0 !important;
      border:0 !important;
      overflow:hidden !important;
    }
    .belina-desktop-only{
      display:inline-flex !important;
    }
  }

  @media (max-width:768px){
    .belina-mobile-only{
      display:inline-flex !important;
      width:100% !important;
      justify-content:center !important;
      box-sizing:border-box !important;
    }
    .belina-desktop-only{
      display:none !important;
      width:0 !important;
      max-width:0 !important;
      padding:0 !important;
      margin:0 !important;
      border:0 !important;
      overflow:hidden !important;
    }
    .belina-hero-actions .belina-mobile-only{
      flex:1 1 0 !important;
    }
    #belina-mobile-call,
    #belina-sidebar-mobile-call{
      width:100% !important;
      justify-content:center !important;
      box-sizing:border-box !important;
    }
  }

  /* ✅ back button */
  --belina-backbtn:#000000;            /* TRUE BLACK */
  --belina-backbtn-text:#ffffff;

  /* ring colours */
  --belina-ring-a:#045974;
  --belina-ring-b:#045974;

  /* consistent grey used across the page */
  --belina-page-grey:#f3f4f6;
}

.belina-wrap-bg{ background:#f6f8fb; }
.belina-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:1.25rem 1rem 2rem 1rem;
  font-family:sans-serif;
  line-height:1.5;
}
.belina-flex{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:1.25rem;
}

/* Make mobile feel full-width (no squashed side padding) */
@media (max-width: 767px){
  .belina-wrap{ padding:1rem .85rem 1.5rem .85rem; }
  .belina-flex{ gap:1rem; }

  .belina-sidebar{
    flex:1 1 100% !important;
    max-width:720px !important;
    width:100% !important;
  }
}

.belina-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.6rem 1rem;font-size:.9rem;font-weight:600;line-height:1;
  border-radius:10px;min-width:170px;text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  border:none;outline:none; cursor:pointer;
}
.belina-btn:focus{ outline:none; }
.belina-btn:hover,.belina-btn:focus{ transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.08); }
.belina-icon{ vertical-align:middle; margin-right:8px; color:currentColor; }
.belina-card{ border:1px solid #e5e7eb; border-radius:10px; padding:1rem; background:#fff; }
.belina-hr{ border:none; border-top:1px solid #e5e7eb; margin:.5rem 0 1rem; }
.belina-section-title{ font-size:1rem; font-weight:700; margin:0 0 .75rem 0; color:#111; }

.belina-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  background:#111; color:#fff; border:none; border-radius:10px;
  padding:.6rem .9rem; cursor:pointer; opacity:.92; font-size:1.5rem; outline:none;
}
.belina-nav:hover{ animation: belinaPulse .9s infinite; box-shadow:none; }
@keyframes belinaPulse{
  0%{ transform:translateY(-50%) scale(1); box-shadow:0 0 0 0 rgba(0,0,0,.25);}
  50%{ transform:translateY(-50%) scale(1.06); box-shadow:0 0 0 6px rgba(0,0,0,.08);}
  100%{ transform:translateY(-50%) scale(1); box-shadow:0 0 0 0 rgba(0,0,0,0);}
}

/* ✅ HERO action buttons layout */
.belina-hero-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:.85rem;
  justify-content:center;
}
@media (max-width: 767px){
  .belina-hero-actions{
    width:100%;
    flex-wrap:nowrap;
    justify-content:space-between;
  }
  .belina-hero-actions .belina-btn{
    flex:1 1 0;
    min-width:0;
  }
}

/* ✅ Mobile-only / Desktop-only label swap for HERO call button */
.belina-call-label-mobile{ display:none; }
.belina-call-label-desktop{ display:inline; }
@media (max-width: 767px){
  .belina-call-label-mobile{ display:inline; }
  .belina-call-label-desktop{ display:none; }
}

/* ✅ STATIC ring wrapper (contained ring: NO outer glow spill) */
.belina-ig-ring{
  position:relative;
  overflow:visible;
  border-radius:14px;
  z-index:0;
}
.belina-ig-ring::before{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:18px;
  background:conic-gradient(
    var(--belina-ring-a) 0%,
    var(--belina-ring-b) 50%,
    var(--belina-ring-a) 100%
  );
  z-index:-2;
}
.belina-ig-ring > .belina-card{
  position:relative;
  z-index:1;
}

/* ✅ Contact box ring wrapper (keep your gradient ring) */
.belina-contact-ring{
  position:relative;
  overflow:visible;
  border-radius:14px;
  z-index:0;
  margin-bottom:1rem;
}
.belina-contact-ring::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:16px;
  background:conic-gradient(
    var(--belina-ring-a) 0%,
    var(--belina-ring-b) 50%,
    var(--belina-ring-a) 100%
  );
  z-index:-2;
}
.belina-contact-ring > .belina-card{
  position:relative;
  z-index:1;
}

/* ✅ Slider counter badge (top-right) */
.belina-slider-counter{
  position:absolute;
  top:10px;
  right:10px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  background:rgba(17,17,17,.85);
  color:#fff;
  padding:.35rem .55rem;
  border-radius:999px;
  font-size:.85rem;
  font-weight:800;
  user-select:none;
  pointer-events:none;
}
.belina-slider-counter svg{ width:16px;height:16px; display:block; }

/* Report modal */
#belina-report-modal{ position:fixed; inset:0; background:rgba(0,0,0,.55); display:none; align-items:center; justify-content:center; z-index:9999; }
#belina-report-modal .modal-card{ background:#fff; border-radius:12px; max-width:640px; width:94vw; padding:1rem; border:1px solid #e5e7eb; max-height:90vh; overflow-y:auto; }
#belina-report-modal label{ display:block; font-weight:700; margin:.5rem 0 .25rem; }

/* ✅ Base form fields */
#belina-report-modal input[type="text"],
#belina-report-modal input[type="email"],
#belina-report-modal select,
#belina-report-modal textarea{
  width:100%;
  padding:.6rem .7rem;
  border:1px solid #d1d5db;
  border-radius:10px;
  font-size:.95rem;
  box-sizing:border-box;
  max-width:100%;
  transition:border-color .15s ease, box-shadow .15s ease;
}

/* ✅ Focus/highlight brand colour for ALL inputs */
#belina-report-modal input[type="text"]:focus,
#belina-report-modal input[type="email"]:focus,
#belina-report-modal select:focus,
#belina-report-modal textarea:focus{
  border-color:var(--belina-report) !important;
  box-shadow:0 0 0 3px rgba(162,101,20,.18) !important;
  outline:none !important;
}
#belina-report-modal input[type="text"]:focus-visible,
#belina-report-modal input[type="email"]:focus-visible,
#belina-report-modal select:focus-visible,
#belina-report-modal textarea:focus-visible{
  border-color:var(--belina-report) !important;
  box-shadow:0 0 0 3px rgba(162,101,20,.18) !important;
  outline:none !important;
}

/* Select arrow / accent */
#belina-report-modal select{
  accent-color:var(--belina-report);
}
#belina-report-modal textarea{
  resize:vertical;
}

#belina-report-modal .modal-actions{ display:flex; gap:.5rem; justify-content:flex-end; margin-top:.75rem; flex-wrap:wrap; }
#belina-report-hint{ font-size:.8rem; color:#666; margin-top:.25rem; }

/* ✅ Success message (brand, 85% infill, 100% border) */
#belina-report-msg.success{
  display:block;
  background: rgba(162,101,20,.85) !important;
  border: 1px solid var(--belina-report) !important;
  color:#fff !important;
  padding:.8rem 1rem;
  border-radius:12px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:.6rem;
}

/* ✅ Report boxes + buttons */
.belina-report-box{ border:1px solid var(--belina-report) !important; }
.belina-report-btn{
  background:var(--belina-report) !important;
  color:#fff !important;
  border:1px solid var(--belina-report) !important;
}

/* ✅ Services: checkbox style (brand infill + white tick) */
.belina-svcbox{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  border:2px solid var(--belina-services);
  border-radius:4px;
  background:#fff;
  display:inline-grid;
  place-content:center;
  margin:0;
}
.belina-svcbox::before{
  content:"";
  width:8px;
  height:5px;
  border-left:2px solid var(--belina-services-tick);
  border-bottom:2px solid var(--belina-services-tick);
  transform:rotate(-45deg);
  opacity:0;
}
.belina-svcbox:checked{
  background:var(--belina-services);
  border-color:var(--belina-services);
}
.belina-svcbox:checked::before{ opacity:1; }

/* ✅ Back button: TRUE BLACK + white text */
.belina-back-btn{
  background:var(--belina-backbtn) !important;
  color:var(--belina-backbtn-text) !important;
  border:1px solid var(--belina-backbtn) !important;
}
.belina-back-btn svg,
.belina-back-btn .belina-icon{
  color:var(--belina-backbtn-text) !important;
}

/* ✅ Nearby locations badge style */
.belina-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:.25rem;
}

/* ✅ Nearby locations place_names: bold 12px + Arial + consistent grey infill */
.belina-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.45rem .65rem;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:var(--belina-page-grey);
  color:#111;
  text-decoration:none;
  font-weight:800;
  font-size:12px;
  font-family: Arial, sans-serif;
  line-height:1;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.belina-badge:hover{
  background:#e5e7eb;
  transform:translateY(-1px);
  box-shadow:0 8px 14px rgba(0,0,0,.08);
}

/* ✅ Nearby helper text colour */
.belina-nearby-note{ color:#555 !important; }