/* Tailwater (ATF edition) 1.10.1 - site tweaks: Tailwater page width, phone/tablet header logo, home page responsiveness.
   Switch off in Settings > Tailwater > "ATF site tweaks". */

/* Tailwater page: use more of the screen (Divi's content box is only 80% wide) */
body.tw-has-app #main-content .container{width:calc(100% - 24px)!important;max-width:1700px!important}

/* Tailwater page: Divi sets overflow on #page-container, which stopped the Tailwater tab rail and map from sticking (they scrolled away instead). 'clip' still hides sideways overflow but keeps sticky working. */
body.tw-has-app #page-container{overflow-x:clip!important;overflow-y:visible!important}
/* Desktop: keep Tailwater's sticky tabs/map below Divi's fixed header (override in Settings > Tailwater > Site header height) */
@media (min-width:981px){ :root{--tw-split-top:155px;} }

/* Phones/tablets: Divi header logo was squeezed to ~17px wide */
@media (max-width:980px){
 .header-section .et_pb_menu__logo-wrap,.header-section .et_pb_menu__logo{flex:0 0 auto!important;width:auto!important;height:auto!important}
 .header-section .et_pb_menu__logo img{width:auto!important;max-width:none!important;height:52px!important}
}

/* Small laptops / tablets in landscape (981-1199px): the Divi menu was too wide, so Fishing Map, cart and search dropped under the header */
@media (min-width:981px) and (max-width:1199px){
 .header-section .et_pb_menu .et-menu>li{padding-left:7px!important;padding-right:7px!important;margin-right:0!important}
 .header-section .et_pb_menu .et-menu>li>a{font-size:12px!important}
 .header-section .et_pb_menu__logo-wrap .et_pb_menu__logo img{max-width:90px!important;height:auto}
 .header-section .et_pb_menu .et_pb_menu__icon{margin-left:4px!important}
}
/* All pages: wider content on tablets and phones (Divi rows were only ~70% of the screen); home page also gets tighter hero margins */
@media (max-width:980px){
 #page-container #main-content .et_pb_row{width:92%!important;max-width:none!important}
 body.home #page-container #main-content .et_pb_section_0,
 body.home #page-container #main-content .et_pb_section_2{margin-left:10px!important;margin-right:10px!important}
 body.home #page-container #main-content .et_pb_section_0 .et_parallax_bg,
 body.home #page-container #main-content .et_pb_section_0{background-position:15% 50%!important;background-attachment:scroll!important}
}
/* Home page hero on phones: compact text so the angler in the photo stays visible */
@media (max-width:767px){
 #page-container #main-content .et_pb_row{width:90%!important}
 body.home #page-container .et_pb_section_0{min-height:700px!important;padding:0!important}
 body.home #page-container .et_pb_section_0 .et_pb_row_0{padding:28px 0 0!important;min-height:0!important}
 body.home #page-container .et_pb_section_0 .et_pb_row_0 h1,
 body.home #page-container .et_pb_section_0 .et_pb_row_0 h2{font-size:30px!important;line-height:1.25!important;text-shadow:0 2px 14px rgba(0,0,0,.75)}
 body.home #page-container .et_pb_section_0 .et_pb_row_1{display:flex!important;flex-wrap:nowrap!important;justify-content:center;gap:6px;padding:0!important;min-height:0!important;width:92%!important}
 body.home #page-container .et_pb_section_0 .et_pb_row_1 .et_pb_column{flex:1 1 0!important;min-width:0;width:auto!important;margin:0!important;float:none}
 body.home #page-container .et_pb_section_0 .et_pb_row_1 .et_pb_button_module_wrapper{margin:0!important}
 body.home #page-container .et_pb_section_0 .et_pb_row_1 .et_pb_button{display:block!important;width:100%;box-sizing:border-box;text-align:center;white-space:nowrap;padding:.6em .2em!important;font-size:12px!important}
 body.home #page-container .et_pb_section_0 .et_pb_row_2{display:none!important}
}

/* Go Fishing: Tailwater button */
.tw-gf-cta{text-align:center;margin:6px 0 14px}
.tw-gf-cta p{margin:0 0 8px}
.tw-gf-cta .tw-gf-btn{display:inline-block;background:#22ae5d;color:#fff!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;line-height:1.2;padding:12px 22px;border-radius:2px;text-decoration:none!important}
.tw-gf-cta .tw-gf-btn:hover{background:#1b8f4c}