/* Bothends Farms V35 — focused mobile nav, contact-form parity, utility sizing. Loaded last. */

/* 1) MOBILE/TABLET MENU: keep the existing header layout, only make the trigger visible and usable. */
@media (max-width:1199.98px){
  .main-header .main-header__right,
  .sticky-header--cloned .main-header__right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:1005!important;
  }
  .main-header .bf-mobile-menu-trigger,
  .sticky-header--cloned .bf-mobile-menu-trigger{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:46px!important;
    min-width:46px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0 10px 0 18px!important;
    padding:9px 8px!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:12px!important;
    background:rgba(16,91,49,.94)!important;
    box-shadow:0 7px 20px rgba(0,0,0,.26)!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    z-index:1006!important;
  }
  .main-header .bf-mobile-menu-trigger span,
  .sticky-header--cloned .bf-mobile-menu-trigger span{
    display:block!important;
    width:26px!important;
    height:3px!important;
    min-height:3px!important;
    margin:0!important;
    border:0!important;
    border-radius:20px!important;
    background:#fff!important;
    opacity:1!important;
    visibility:visible!important;
  }
  /* Preserve the desktop nav design; it simply follows the template's mobile breakpoint. */
  .mobile-nav__wrapper{z-index:2147483000!important;pointer-events:none!important}
  .mobile-nav__wrapper.expanded{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:transform .28s ease,visibility 0s!important}
  .mobile-nav__wrapper.expanded .mobile-nav__content{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:transform .28s ease,opacity .2s ease!important}
  .mobile-nav__overlay{pointer-events:auto!important;z-index:1!important}
  .mobile-nav__content{z-index:2!important}
  .mobile-nav__close{
    z-index:2147483646!important;
    width:44px!important;height:44px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    pointer-events:auto!important;cursor:pointer!important;
    border-radius:50%!important;background:rgba(7,42,24,.88)!important;
    border:1px solid rgba(255,255,255,.38)!important;
    color:#fff!important;font-size:22px!important;
    touch-action:manipulation!important;
  }
}
@media (max-width:767.98px){
  .main-header .bf-mobile-menu-trigger,
  .sticky-header--cloned .bf-mobile-menu-trigger{margin-right:6px!important;margin-left:10px!important}
}
@media (min-width:1200px){.main-header .bf-mobile-menu-trigger{display:none!important}}

/* 2) CONTACT PAGE request form: same visual behavior as the Home request form. */
html[data-bf-theme="dark"] .contact-one .form-one__control :is(input,textarea,select),
html[data-bf-theme="dark"] .contact-one .bootstrap-select>.dropdown-toggle{
  background:rgba(8,31,19,.92)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;
}
html[data-bf-theme="light"] .contact-one .form-one__control :is(input,textarea,select),
html[data-bf-theme="light"] .contact-one .bootstrap-select>.dropdown-toggle{
  background:rgba(255,255,255,.96)!important;color:#12351f!important;border:1px solid rgba(20,91,49,.28)!important;
}
.contact-one .form-one__control :is(input,textarea,select)::placeholder{opacity:1!important;color:inherit!important}
.contact-one .bootstrap-select>.dropdown-toggle .filter-option-inner-inner{color:inherit!important;opacity:1!important}
html[data-bf-theme="dark"] .contact-one .bootstrap-select .dropdown-menu{background:#f7fbf8!important;border-color:rgba(24,94,52,.28)!important}
html[data-bf-theme="dark"] .contact-one .bootstrap-select .dropdown-menu .dropdown-item{color:#12351f!important;background:#f7fbf8!important}
html[data-bf-theme="dark"] .contact-one .bootstrap-select .dropdown-menu .dropdown-item:hover,
html[data-bf-theme="dark"] .contact-one .bootstrap-select .dropdown-menu .dropdown-item.active{color:#fff!important;background:#155c35!important}
html[data-bf-theme="light"] .contact-one .bootstrap-select .dropdown-menu{background:#0e3d24!important;border-color:rgba(255,255,255,.25)!important}
html[data-bf-theme="light"] .contact-one .bootstrap-select .dropdown-menu .dropdown-item{color:#fff!important;background:#0e3d24!important}
html[data-bf-theme="light"] .contact-one .bootstrap-select .dropdown-menu .dropdown-item:hover,
html[data-bf-theme="light"] .contact-one .bootstrap-select .dropdown-menu .dropdown-item.active{color:#0c2e1b!important;background:#fff!important}

/* 3) Utility bar: equal-sized Translator, Time/Date and Theme controls, settings untouched. */
.main-header.has-bf-header-tools .bf-header-tools{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  gap:16px!important;
}
.main-header.has-bf-header-tools .bf-header-tools__language,
.main-header.has-bf-header-tools .bf-digital-clock-wrap,
.main-header.has-bf-header-tools .bf-header-tools__theme{
  width:100%!important;min-width:0!important;display:flex!important;justify-content:center!important;align-items:center!important;
  grid-column:auto!important;grid-row:auto!important;
}
.main-header.has-bf-header-tools .bf-language-pill,
.main-header.has-bf-header-tools .bf-digital-clock,
.main-header.has-bf-header-tools .bf-theme-pill{
  box-sizing:border-box!important;
  width:100%!important;max-width:310px!important;min-width:0!important;
  height:60px!important;min-height:60px!important;max-height:60px!important;
  margin:0!important;
}
.main-header.has-bf-header-tools .bf-language-pill,
.main-header.has-bf-header-tools .bf-theme-pill{display:flex!important;align-items:center!important}
.main-header.has-bf-header-tools .bf-digital-clock{display:flex!important;align-items:center!important;justify-content:center!important;padding:7px 12px!important}
@media (max-width:767.98px){
  .main-header.has-bf-header-tools .bf-header-tools{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:8px 10px!important;
  }
  .main-header.has-bf-header-tools .bf-header-tools__language,
  .main-header.has-bf-header-tools .bf-digital-clock-wrap,
  .main-header.has-bf-header-tools .bf-header-tools__theme{grid-column:1!important;grid-row:auto!important}
  .main-header.has-bf-header-tools .bf-language-pill,
  .main-header.has-bf-header-tools .bf-digital-clock,
  .main-header.has-bf-header-tools .bf-theme-pill{
    width:min(100%,320px)!important;max-width:320px!important;
    height:60px!important;min-height:60px!important;max-height:60px!important;
  }
  .main-header.has-bf-header-tools .bf-tool-copy{display:flex!important}
  .main-header.has-bf-header-tools .bf-tool-brand{display:block!important}
  .main-header.has-bf-header-tools .bf-language-select{font-size:11px!important;min-width:0!important;max-width:130px!important}
}

/* 4) Footer attribution goes underneath copyright on mobile. */
@media (max-width:767.98px){
  .main-footer__copyright{display:block!important;text-align:center!important;line-height:1.5!important}
  .main-footer__copyright .bf-powered-by{display:block!important;width:100%!important;margin:5px 0 0!important;text-align:center!important}
}