/*

Theme Name: Hello Ajka
Version: 0.2
Author: at-pt Kft.
Author URI: https://at-pt.hu/
Description: Hello Ajka Website Theme
Requires at least: 6.8
Text Domain: helloajka-theme

*/

@import url('assets/fonts/gfonts.css');

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* background-image: url('/HelloAjkaweb2.jpg');
  background-repeat: no-repeat;
  background-position: center top; */
  --article-width: 900px;
  scroll-padding-top: 200px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 10000;
  --wp--preset--color--base: white;
  background-color: var(--wp--preset--color--base);
}

.site-header div {
  background-color: var(--wp--preset--color--base);
}

.bg--image-container {
  position: absolute;
  top: 32px;
  width: 100%;
  z-index: -1000;
}

.bg--image {
  width: 1440px;
  height: 8200px;
  margin: 0 auto;
  background-image: url('/HelloAjkaweb2.jpg');
  background-repeat: no-repeat;
}

h1, h2, h3, h6 {
  font-family: 'League Spartan',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 700;
  font-size: 5.1rem;
  letter-spacing: -0.05em;
  line-height: 1;
  text-align: left;
}

h2 {
  font-size: 4.2rem;
}

h3 {
  font-size: 3.2rem;
}

h4 {
  font-family: 'Noto Sans',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  letter-spacing: 0.35rem;
  line-height: 1;
  text-transform: uppercase;
  color: #9232ff;
  margin-bottom: 1em;
}

h5  {
  font-family: 'League Spartan',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1.3em;
}

h6  {
  font-weight: 500;
  font-size: 2rem;
}

@media (max-width: 600px) {
  h1 { font-size: 3.5rem; }
  h2 { font-size: 3.0rem; }
  h3 { font-size: 2.6rem; }
  h6 { font-size: 1.5rem; }
}

h1, h2, h3, h4, h5 {
  margin-bottom: 1rem;
}

h2 {
  margin-bottom: 3.5rem;
}

p {
  margin-bottom: 2em;
}

@media (max-width: 540px) {
  .has-global-padding {
    padding-right: 0;
    padding-left: 0;
  }

  .has-global-padding > .alignfull {
    margin-right: 0;
    margin-left: 0;
  }
}

.entry-content > *:not(.alignfull):not(.alignwide):not(article) {
  padding-right: max(0px, min(calc(var(--wp--style--global--content-size) - var(--article-width)), calc(100% - var(--article-width))));
  width: min(100%, var(--wp--style--global--content-size));
  max-width: unset;
}

.title-breadcrumbs h1 {
  font-size: 2.2rem;
  font-weight: normal;
}


hr {
  margin-top: 1em;
  margin-bottom: 1em;
}

ul {
  padding-inline-start: 1em;
}

:is(ul, ol) ul {
  padding-inline-start: 1em;
}

.primary-link {
  display: inline-block;
  background-color: var(--bg-color, #9132FF);
  font-family: 'League Spartan',Helvetica,Arial,Lucida,sans-serif;
  font-weight: var(--wp--custom--font-weight--semi-bold);
  font-size: var(--wp--preset--font-size--medium);
  letter-spacing: var(--wp--custom--letter-spacing--primary-link);
  color: var(--wp--preset--color--base);
  padding: 0.58em 1.6em 0.42em;
  border-radius: 100px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.primary-link:hover {
  text-decoration: underline;
}

body {
  background-color: unset;
}


/* Full-width, responsive YouTube embed — 16:9 via aspect-ratio */
figure.wp-block-embed-youtube,
figure.wp-block-embed-youtube.alignfull,
figure.wp-block-embed-youtube.alignwide {
    width: calc(100% - 2rem);
}

figure.wp-block-embed-youtube .wp-block-embed__wrapper {
    aspect-ratio: 16 / 9;
    width: 100%;
    position: relative;
}

figure.wp-block-embed-youtube iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

figcaption {
  text-align: center;
}

.wp-block-image {
  margin-bottom: 3.5rem;
}

.site-header .wp-block-image {
  margin-bottom: 0em;
}

.entry-content > figure.wp-block-image.size-full img {
  width: 100%;
}

/**
 * Meta
 */
 .meta {
  display: flex;
 }

.meta__details {
  margin-left: 1.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 400px;
  gap: 0.25em;
}

.related-posts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(436px, 1fr));
  gap: var(--wp--preset--spacing--regular);
}




.hello-card-grid ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* only inside .my-post-grid: kill Gutenberg’s flow margins */
.hello-card-grid :where(.is-layout-flow) > * {
  margin-block-start: 0;
  margin-block-end:   0;
}


.height_100 {
  height: 100%;
}

/* maybe no need? */
.wp-block-group-is-layout-flow {
  padding: 0 !important;
}

.height-full {
  height: 100%;
}

/*
 * Make columns stack at 1200px instead of 782px
 */
@media (max-width: 1200px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) {
      flex-wrap: wrap !important;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
      flex-basis: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
}

/*
 * Star Rating
 */
.star-rating {
  color: #ffd700; /* Gold color for stars */
  font-size: 0.45em;
  margin-left: 5px;
  vertical-align: super;
  user-select: none;
}

.post-title-with-stars {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
}

/*
 * 3-column query loop
 */
.wp-block-query .wp-block-post-template{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--wp--style--block-gap, 4vw);
}
@media (max-width:1200px){
  .wp-block-query .wp-block-post-template{grid-template-columns:1fr;}
}


/*
 * Main Header Navigation stuff
 */
.wp-block-navigation__container, .wp-block-social-links {
  gap: 1rem;
}

.wp-block-navigation-item__content {
  font-weight: 300;
}

.wp-social-link {
  background-color: black;
}

.wp-social-link svg {
  width: 36px !important;
  height: 36px !important;
}

/* Fancy Contact button */
.nav-contact-button {
  margin: 0 2rem 0 2rem;
  background-color: #0D221B !important;
  border-radius: 100px;
}

.nav-contact-button a {
  padding: 12px 1.7em 10px 24px;
  font-family: 'League Spartan',Helvetica,Arial,Lucida,sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: #fff !important;
  text-transform: none;
  white-space: nowrap;
  transform: translateY(0.06em);
}

.nav-contact-button a::after {
  font-family: "Font Awesome 6 Free"; /* or "Font Awesome 6 Free" */
  font-weight: 900; /* Required for solid icons */
  font-size: 60%;
  content: "\f1d8"; /* Unicode for fa-plane */
  padding: 0.25em;
  margin-left: 0.3em;
  color: white;
  background-color: #9132FF;
  border-radius: 50%;
  position: absolute;
  transform: translateY(0.06em);
  width: 1.7em;
  height: 1.7em;
}

.nav-contact-button a:hover::after {
  background-color: white;
  color: black;
  text-decoration: none;
}

/* https://stackoverflow.com/questions/74956603/wordpress-navigation-block-how-to-change-mobile-breaking-point */
@media ( max-width: 1299px ) {
  .is-menu-open .nav-contact-button {
    margin: 1em 0;
  }

  .is-menu-open .nav-contact-button a {
    color: #0D221B !important;
    padding: 0;
  }

  .is-menu-open .nav-contact-button a::after {
    color: white;
  }
}

@media ( min-width: 1300px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
    }
}
@media ( min-width: 600px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
    }
}

.columns-padding {
  padding-top: 5.46rem;
  padding-bottom: 1.85rem;
}

.columns-for-venues-map h2 {
  padding-bottom: 0;
}

.columns-for-venues-map {
  padding-bottom: 0;
}

:root :where(.wp-block-social-link) {
  border-radius: 50%;
}

.fa-mono {
  display: inline-flex;
  width: 2.5em;         /* Set a fixed width (tweak as needed) */
  align-items: center;  /* Vertically center */
  justify-content: center; /* Horizontally center */
  margin-right: 0.5em;
}

.fa-mono > i {
  /* Remove inline width/height from Font Awesome, if any */
  width: auto;
  height: auto;
  text-align: center;
  line-height: 1;
}

/* query loop gap */
.wp-block-query .wp-block-post-template {
  gap: 4em 4vw;
}

.wp-block-table {
  margin-bottom: 2em;
}

.wp-block-table table {
 border-spacing: 0;
 border-collapse: separate;
 border-radius: 16px;
 border: 1px solid black;
}

.wp-block-table td, .wp-block-table th {
  border: none;
}

/* Apply a border to the right of all but the last column */
.wp-block-table table th:not(:last-child),
.wp-block-table table td:not(:last-child) {
  border-right: 1px solid black;
}

/* Apply a border to the bottom of all but the last row */
.wp-block-table table>thead>tr:not(:last-child)>th,
.wp-block-table table>thead>tr:not(:last-child)>td,
.wp-block-table table>tbody>tr:not(:last-child)>th,
.wp-block-table table>tbody>tr:not(:last-child)>td,
.wp-block-table table>tfoot>tr:not(:last-child)>th,
.wp-block-table table>tfoot>tr:not(:last-child)>td,
.wp-block-table table>tr:not(:last-child)>td,
.wp-block-table table>tr:not(:last-child)>th,
.wp-block-table table>thead:not(:last-child),
.wp-block-table table>tbody:not(:last-child),
.wp-block-table table>tfoot:not(:last-child) {
  border-bottom: 1px solid black;
}

.wp-block-query-pagination {
  padding-top: 1em;
  justify-content: center;
}