/*
Theme Name: Selle
Theme URI: 
Author: Sinisa Komlenic
Author URI: 
Description: Lorem ipsum
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.23
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: selle
Tags: 
*/

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; /* For WebKit-based browsers */
    -moz-osx-font-smoothing: grayscale;  /* For Firefox on macOS */
}

a {
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.1em;
}

.hero-slider {
  height: 100dvh; /* just this is enough */
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: border-box;
}

.swiper-slide {
  margin-block-start: 0 !important;
  min-height: 100dvh !important; /* preferred on Android and modern iOS */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* or center if needed */
  padding-bottom: env(safe-area-inset-bottom); /* support for iPhone bottom notch */
  box-sizing: border-box;
}

.swiper-slide {
  min-height: calc(var(--real-vh, 1vh) * 100);
}

.home .wp-block-cover__inner-container {
  position: absolute;
  bottom: 24px;
  left: 24px;
  z-index: 0;
}

li.wp-block-navigation-item:hover {
    color: #E5654C;
}

.swiper-pagination-fraction {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 24px;
    color: #efe130;
    font-size: var(--wp--preset--font-size--x-large) !important;
}

a {
    color: #e5654c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Hide on specific devices */
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
  body.home {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hide-on-tablet {
    display: none !important;
  }
  
}

@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none !important;
  }
}

/* Show only on specific devices - hidden by default */
.show-on-mobile,
.show-on-tablet,
.show-on-desktop {
  display: none !important;
}

/* Show on mobile */
@media (max-width: 767px) {
  .show-on-mobile {
    display: block !important;
  }
  
  span.show-on-mobile {
    display: inline !important;
  }
  
  .flex.show-on-mobile {
    display: flex !important;
  }
  
  .grid.show-on-mobile {
    display: grid !important;
  }
}

/* Show on tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .show-on-tablet {
    display: block !important;
  }
  
  span.show-on-tablet {
    display: inline !important;
  }
  
  .flex.show-on-tablet {
    display: flex !important;
  }
  
  .grid.show-on-tablet {
    display: grid !important;
  }
}

/* Show on desktop */
@media (min-width: 1024px) {
  .show-on-desktop {
    display: block !important;
  }
  
  span.show-on-desktop {
    display: inline !important;
  }
  
  .flex.show-on-desktop {
    display: flex !important;
  }
  
  .grid.show-on-desktop {
    display: grid !important;
  }
}