/*
Theme Name: Mavex
Theme URI: https://hypestudio.org/
Template: astra
Author: Mavex by Hypestudio
Author URI: https://hypestudio.org/
Description: Mavex by Hypestudio
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.7.0.1718604445
Updated: 2024-06-17 06:07:25

*/

/* ─── Tel: links - phone numbers sitewide ────────────────────────────────── */

a.mavex-tel-link,
a[href^="tel:"],
a[x-apple-data-detectors] {
  color: #ef4e22 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-decoration-color: currentColor !important;
  white-space: nowrap;
}

a.mavex-tel-link:hover,
a[href^="tel:"]:hover,
a[x-apple-data-detectors]:hover,
a.mavex-email-link:hover {
  color: #000000 !important;
  text-decoration: none !important;
}

a.mavex-email-link {
  color: #ef4e22 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  position: relative;
}

.mavex-copied-tip {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: #222;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 4px;
  white-space: nowrap;
  pointer-events: none;
}

/* ─── Footer Widget 2 - bold service links ───────────────────────────────── */

.site-footer-section-2 .widget_nav_menu .menu-link {
  font-weight: 700 !important;
}

.site-footer-section-2 .widget_nav_menu .menu-link:hover {
  color: #ef4e22 !important;
  text-decoration: underline !important;
}

/* ─── Kontaktirajte nas - nav button ─────────────────────────────────────── */

.main-header-menu .menu-item-1964 {
  justify-content: center !important;
}

.main-header-menu .menu-item-1964 > a.menu-link {
  background-color: #ef4e22 !important;
  color: #ffffff !important;
  padding: 0 20px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  height: 51px !important;
  display: flex !important;
  align-items: center !important;
}

.main-header-menu .menu-item-1964 > a.menu-link:hover,
.main-header-menu .menu-item-1964 > a.menu-link:focus {
  background-color: #d94318 !important;
  color: #ffffff !important;
}

/* Mobile */
.ast-header-break-point .main-header-menu .menu-item-1964 {
  justify-content: flex-start !important;
  padding: 4px 16px !important;
}

.ast-header-break-point .main-header-menu .menu-item-1964 > a.menu-link {
  background-color: #ef4e22 !important;
  color: #ffffff !important;
  width: fit-content !important;
  height: auto !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* ─── Touch target improvements (mobile accessibility) ──────────────────── */

/* Hamburger menu button - increase from 42×42 to 44×44 */
.menu-toggle.main-header-menu-toggle {
  min-width: 44px !important;
  min-height: 44px !important;
}

/* Site title link - ensure adequate touch height in header */
.site-title a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* Off-canvas mobile menu links - each item needs 44px touch height */
.ast-header-break-point .main-navigation .menu-item > .menu-link,
.ast-header-break-point .main-header-menu .menu-item > .menu-link {
  min-height: 44px;
  display: flex;
  align-items: center;
}

/* WPML footer language switcher - increase touch target height */
.wpml-ls-slot-footer .wpml-ls-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding-block: 8px;
}

/* Phone/email links - expand tap area without changing visual layout */
a.mavex-tel-link,
a.mavex-email-link {
  padding-block: 8px;
  margin-block: -8px;
}

/* Desktop/tablet nav submenu arrow - ensure adequate touch width */
.ast-header-navigation-arrow.dropdown-menu-toggle {
  min-width: 44px;
}

/* ─── Home hero CTA buttons - stack on iPhone SE (375px) ────────────────── */

@media (max-width: 389px) {
  .uagb-block-0143887d.uagb-buttons__outer-wrap .uagb-buttons__wrap {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .uagb-block-0143887d .uagb-button__wrapper {
    width: 100%;
  }
  .uagb-block-0143887d .uagb-buttons-repeater.wp-block-button__link {
    width: 100% !important;
    justify-content: center;
  }
  /* Next section overlaps hero by -60px; extra padding keeps both buttons visible */
  .wp-block-uagb-container.uagb-block-4c3875af {
    padding-bottom: 80px !important;
  }
}