/*
Theme Name: GravelTour
Theme URI: https://graveltour.cz
Author: Adam Hemzal
Author URI: https://adamhemzal.com
Description: GravelTour WordPress Theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.0
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: graveltour
Tags: graveltour
*/

/* 
  Fluid Settings
  https://utopia.fyi/type/calculator?c=320,16,1.25,2000,18,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
*/

/* Defaults
 ----------------------------------------------------------------------------- */
html {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}

figure, 
img {
  height: 100%;
}

/* Remove top margin from first block. */
:where(.wp-site-blocks) > * {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

/* Region Menu classes
 ----------------------------------------------------------------------------- */
  .grt-region-menu p a {
    text-decoration: none;
    font-weight: normal;
    color: var(--wp--preset--color--primary);
  }

/* Region Card classes
 ----------------------------------------------------------------------------- */
 .grt-region-card {
   border-radius: 1rem;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   align-items: center;
 }

 .grt-region-card img {
   aspect-ratio: 3 / 2;
   object-fit: cover;
   height: 100%;
 }

 .grt-region-card img {
  border-radius: 1rem 1rem 0 0;
 }

 .grt-region-card-img {
  height: 100%;
  order: 1;
 }

 .grt-region-card-text {
  order: 2;
 }

  @media (min-width: 768px) {
  .grt-region-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grt-region-card img {
    aspect-ratio: 4 / 3;
    border-radius: 0 1rem 1rem 0;
  }

  .grt-region-card-img {
    order: 2;
  }

  .grt-region-card-text {
    order: 1;
  }
 }

/* Utility classes
 ----------------------------------------------------------------------------- */
 .sticky {
  position: sticky;
 }

 .fixed {
  position: fixed;
 }

 .z-10 {
  z-index: 10;
 }

 .top-0 {
  top: 0;
 }

 .top-12 {
  top: 3rem;
 }

 .left-0 {
  left: 0;
 }

 .right-0 {
  right: 0;
 }

 .overflow-x-auto {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
 }