/* ============================================================================
   Black Forest Landscaping — restore overrides
   ========================================================================== */

/* Force GHL scroll-animation elements visible (the runtime that revealed them on
   scroll was stripped). Always visible — never gate content on opacity. */
[data-animation-class]{opacity:1 !important;}

/* Make any leftover carousel track horizontally scrollable as a graceful fallback */
.swiper-wrapper,[class*="carousel"] .slides,[class*="carousel-track"]{scroll-snap-type:x mandatory;}

/* ---- Mobile: contain spacing / text overflow (constrain, don't redesign) ---- */
html,body{overflow-x:hidden;}
img,svg,video,iframe{max-width:100%;}
/* Hero headline is a fixed 90px; make it fluid so it shrinks on phones. */
.cheading-HtwhOvcgVw0,.heading-HtwhOvcgVw0{font-size:clamp(32px,8.5vw,90px) !important;}
@media (max-width:767px){
  /* Stop wide GHL columns/rows from forcing horizontal overflow. */
  [class*="c-column"],[class*="c-row"],[class*="c-wrapper"],[class*="row-"],section{
    min-width:0 !important;
    max-width:100% !important;
  }
  /* Let text that was locked on one line wrap on small screens. */
  .text-output,[class*="heading-"],[class*="paragraph-"]{white-space:normal !important;}
}

/* ---- Polish (nothing here hides content): smooth scroll, nav shadow, gallery hover, focus -- */
html{scroll-behavior:smooth;scroll-padding-top:96px;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}}

/* Fixed nav gets a clean shadow once the page is scrolled. */
html.bfl-scrolled .c-nav-menu{box-shadow:0 2px 16px rgba(0,0,0,.16);transition:box-shadow .25s ease;}

/* Portfolio / gallery: soft zoom on hover (pointer devices only). */
@media (hover:hover){
  .c-image{overflow:hidden;}
  .c-image img{transition:transform .45s ease;}
  .c-image:hover img{transform:scale(1.06);}
}

/* Accessible keyboard focus (brand green). */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid #30a05c;outline-offset:2px;
}