@import url('https://fonts.googleapis.com/css2?family=Lexend+Peta:wght@100..900&family=Lexend:wght@100..900&display=swap');
::selection{background:#FFC6D9;color:#222222;}
*{box-sizing:border-box;}
html{scroll-behavior: smooth;}
body{margin:0;font-family:'Lexend', sans-serif;font-weight:400;background:#FFE1C6;color:#222222;}
main{margin-top:10vh;}
/* HEADER */
#masthead {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1rem;
  position: fixed;
  top: 0;
  left: 0;
  background: #FFE1C6;
  z-index: 1010;
  height: 10vh;
}

#masthead a {
  text-transform: uppercase;
  font-weight: bold;
  color: black;
  text-decoration: none;
}

/* MAIN MENU WRAPPER */
#headerMenuItems {
  width: 70%;
  display: flex;
  gap: 4rem;
  align-items: center;
}

/* MAIN MENU LIST (top level only) */
#headerMenuItems > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  margin: 0;
  padding: 0;
}

/* TOP-LEVEL MENU ITEMS */
#headerMenuItems > ul > li {
  list-style: none;
  position: relative; /* Needed for positioning the submenu */
}

/* ALL LINKS */
#headerMenuItems a {
  display: block;
  text-decoration: none;
  color: black;
}

/* SUBMENU */
#headerMenuItems ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  flex-direction: column;
  padding: 0;
  margin: 0;
  z-index: -99;
  min-width: 180px;
	background: #FFE1C6;
	margin-top:5px;
}

#headerMenuItems ul.sub-menu::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: #FFE1C6;
  border-radius: 8px;
  z-index: -99; /* Put behind the menu items */
}

/* SUBMENU ITEMS */
#headerMenuItems ul.sub-menu li {
  list-style: none;
  border: none;
  display: block;
	padding-top:5px;
}

/* SUBMENU LINKS */
#headerMenuItems ul.sub-menu a {
  display: block;
  white-space: nowrap;
}

/* SHOW SUBMENU ON HOVER */
#headerMenuItems li.menu-item-has-children:hover > ul.sub-menu {
  display: flex;
}

.leaflet-container{border-radius:25px;}
.store-column{background:#fff7ae;border-radius:25px;display:flex;justify-content:center;align-items:center;flex-flow:column wrap;gap:1rem;padding:1rem;}
.store-column *{margin:0;}

#menu{width:100vw;height:100dvh;padding:1rem;font-family:'Lexend Peta';font-weight:bold;background:#FFE1C6;top:0px;left:0px;position:fixed;z-index:1011;visibility:hidden;}
#menuInner{padding:1rem;border-radius:25px;display:flex;flex-direction:column;justify-content:space-between;width:calc(100vw - 3rem);height:100%;background:#FFF7AE;}
#menu a{color:#222;text-decoration:none;font-size:3rem;}
#menuToggle{z-index:1012;height:10vh;width:auto;position:fixed;top:0rem;right:1rem;cursor:pointer;}

.home-gallery:before{content:"";display:block;height:150px;width:100%;background:url(https://gelartorosa.com/wp-content/uploads/2025/07/stars-svgrepo-com.svg) no-repeat;background-size:auto 80%;margin:3rem 0;background-position:right;}
.home-gallery {
  overflow: hidden;
}

.home-gallery .wp-block-image img {
  will-change: transform;
  transition: transform 0.05s linear;
}

.wp-block-image img{width:100%;}

.wp-block-cover{display: flex;  justify-content: center;  align-items: center;border-radius:2rem;height:calc(90dvh - 1rem);margin:1rem;}
.wp-block-columns{padding:1rem;margin-bottom:0!important;}
figure{margin:0!important;}
.wp-block-columns img{border-radius:25px;}
.leaflet-tile {
  border-radius: 0 !important;
}
.aligncenter img{border-radius:0!important;}
.wp-block-button__link{color:#222222;background:#FFF7AE;border-radius:25px;font-family:'Lexend Peta';font-weight:bold;font-size:2em;margin:1em 0;text-transform:uppercase;transition:0.3s!important;}
.wp-block-button__link:hover{background:#FFC6D9;}
.wpmapblockrender{border-radius:25px;}

.pageHero{display: flex;  justify-content: flex-start;  align-items: flex-end;font-family:'Lexend Peta';font-weight:bold;border-radius:2rem;height:calc(90dvh - 1rem);margin:1rem;color:white;padding:1rem;}
.pageHero h1{margin:0;font-size:5rem;}

.cart-title{font-size:5rem;margin:1rem;font-family:'Lexend Peta';font-weight:bold;}

.wp-block-gallery img{border-radius:25px;}
.margin-0{margin:0.5em;}

#footer{background:black;color:white;padding:3rem 1rem;margin-top:3rem;text-align:center;line-height:1.5em;font-weight:300;}
.footer-header{font-family:'Lexend Peta';font-weight:bold;font-size:3rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-bottom:1rem;}
.csillag-feher{height:4rem!important;}
.social-link{width:1.5rem;filter:invert(1);margin:1rem 0.5rem;}
#footer a{color:white;text-decoration:none;}

summary{font-size:1.7em;}
details{font-size:1.2em;}

.wp-block-heading {
  font-family: 'Lexend Peta';
  font-size: 3rem;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items:center;
	justify-content:center;
	width:100%;
	scroll-margin-top: 10vh;
}

.wp-block-heading::before,
.wp-block-heading::after {
  content: "";
  display: inline-block; /* Don't use block here */
  width: 2.5em;
  height: 2.5em;
  background-image: url('/gelartorosa/csillag.svg');
  background-size: contain;
  background-repeat: no-repeat;
	background-position:center;
  margin: 0 0.5em;
}

.rolunk-col .wp-block-heading::before,.rolunk-col .wp-block-heading::after{all:unset;}

.poziciok-container{display:flex;width:100%;padding:1rem;flex-wrap:wrap;gap:1rem;justify-content:center;}
.pozicio-box{width:30%;border-radius:25px;background:#FFF7AE;text-align:center;}
.pozicio-box h3{font-size:2rem;background:#FFC6D9;margin:0;padding:1em;border-radius:25px 25px 0px 0px;}
.pozicio-box .pozicio-content{margin:1rem 0;font-size:1.2em;padding:1rem;}

main > p {margin:1rem;}
main > .wp-block-gallery{padding:1rem;}

.rolunk-col .wp-block-image{display:flex;justify-content:center;}

.izgaleria{width:60%;margin:1rem auto;gap:3rem;}
.izgaleria .has-large-font-size{margin:0;}
.izgaleria .wp-block-column:first-of-type{display:flex;flex-direction:row;justify-content:flex-end;}

.izgaleria-box{background:#ffc6d9;border-radius:25px;padding:1rem;}
.izgaleria-box p:first-of-type{margin-top:0;}
.izgaleria-box p:last-of-type{margin-bottom:0;}

.centered-column{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;gap:2.5rem;}
.centered-column * {margin:0;}
.justify-content-center{justify-content:center;text-align:center;align-items:center;}
.justify-content-center p:first-of-type{margin:1em 0;}
.margin-top-0{margin-top:0;}


/* SHOP */
.product-grid{display:grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;margin-top: 2rem;text-align:center;}
.shop-content{margin:1rem;}
.product-item{width:100%;}
.product-image{display:block;width:100%;aspect-ratio:4/3;height:auto;border-radius:25px;}
.product-col{display:block;}
.product-col .wp-block-button__link {margin:0;}
.product-col p:last-of-type{margin-bottom:0;}
.product-title{margin:1rem 0;font-size:2.5rem;}

.product_meta{display:none;}
.single_add_to_cart_button{color:#222222!important;background:#FFF7AE!important;border-radius:25px!important;font-family:'Lexend Peta'!important;font-weight:bold;font-size:2em!important;margin:1em 0!important;cursor:pointer;border:0;text-transform:uppercase;padding:1rem 2rem;!important;transition:0.3s;!important}
.single_add_to_cart_button:hover{background:#FFC6D9!important;}

.single-product-container{padding: 0 1rem; display: flex; flex-wrap: nowrap; gap: 2rem;}
.single-product-image{width: 100%;border-radius: 25px; height:calc(90dvh - 1rem);background-size:cover;min-width:500px;}
.price{font-size:2rem;}
.product_title{font-size: 4rem;margin:0;margin-bottom: 2rem;line-height:1;}
.reset_variations{display:none!important;}
.variations_form select{border-radius:25px;background:#fff7ae;border:none;font-family:'Lexend';font-size:1rem;padding:1rem;margin:1rem;}
.variations_form label{font-weight:normal;margin:1rem 0;text-align:left;}
.quantity input{background:#fff7ae;border:none;font-family:'Lexend';font-size:1rem;margin-top:1rem;}
.woocommerce-variation-price{margin:1rem 0;}
.single-product-media {
	width: 35%;
	display: flex;
	flex-direction: column;
	max-height: calc(90dvh - 1rem);
}

.single-product-image {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	flex: 1 1 auto;
}

/* thumbnails row */
.product-thumbnails {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.5rem;
	flex-shrink: 0;
}

.thumbnail {
	width: 60px;
	height: 60px;
	border-radius: 12px;
	background-size: cover;
	background-position: center;
	cursor: pointer;
	opacity: 0.7;
}

.thumbnail:hover {
	opacity: 1;
}

.flavor-options{display:flex;flex-flow:row wrap;gap:1rem;max-width:70%;}
.flavor-options p{width:100%;}
.flavor-options label{margin:0;}
.flavor-options input{background:#FFF7AE;width:1rem;height:1rem;border-radius:15px;}

/* Hide the default checkbox */
.flavor-options input[type="checkbox"] {
    display: none;
}

/* Custom checkbox */
.flavor-options label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 16px;
    position: relative;
}

/* The box */
.flavor-options label::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 1px solid #222;
    border-radius: 100%; /* fully rounded */
    margin-right: 10px;
    background-color: transparent; /* light gray */
    transition: background-color 0.1s, border-color 0.1s;
}

/* Checked state */
.flavor-options input[type="checkbox"]:checked + label::before {
    background-color: #FFF7AE; /* nice golden yellow */
    border-color: #FFF7AE;
}

.flavor-options input[type="checkbox"]:checked + label::after {
    display: block;
}



/*CART*/
.wp-block-woocommerce-cart{padding:1rem;max-width:100%!important;width:100%!important;box-sizing:border-box;}
.wc-block-components-product-name{text-decoration:none;font-size:2rem!important;color:#222;}
.wc-block-cart__submit-button{color:#222222!important;background:#FFF7AE!important;border-radius:25px!important;font-family:'Lexend Peta'!important;font-weight:bold;font-size:2em!important;margin:1em 0!important;cursor:pointer;border:0;text-transform:uppercase;padding:1rem 2rem;!important;text-decoration:none!important;transition:0.3s!important;}
.wc-block-cart__submit-button:hover{background:#FFC6D9!important;}

/*CHECKOUT*/
.wp-block-woocommerce-checkout{padding:1rem!important;}
.wc-block-components-checkout-place-order-button{color:#222222!important;background:#FFF7AE!important;border-radius:25px!important;font-family:'Lexend Peta'!important;font-weight:bold;font-size:2em!important;margin:1em 0!important;cursor:pointer;border:0;text-transform:uppercase;padding:1rem 2rem;!important;text-decoration:none!important;transition:0.3s!important;}
.wc-block-components-checkout-place-order-button:hover{background:#FFC6D9!important;}
.wc-block-components-product-name,.wc-block-components-order-summary-item__description{line-height:1;}

.woocommerce-order{padding:1rem;}

.wc-forward{all:unset!important;float:right!important;color:#222222!important;background:#FFF7AE!important;border-radius:15px!important;font-family:'Lexend Peta'!important;font-weight:bold!important;text-transform:uppercase!important;transition:0.3s!important;padding:.5rem 1rem!important;cursor:pointer!important;}
.wc-forward:hover{background:#FFC6D9!important;}
.woocommerce-message:before{display:none!important;}
.woocommerce-message{all:unset!important;display:flex!important;background:#fdfdfd!important;border-radius:25px!important;flex-flow:row nowrap!important;padding:0.5rem 0.5rem 0.5rem 1rem!important;align-items:center!important;justify-content:space-between!important;margin-bottom:1rem!important;}
.woocommerce-message::after{all:unset!important;}

/*CONTACT FORM*/
.contact .wp-block-image{align-content: center;justify-items: center;display: flex;flex-direction: column;}

.scf-row{display:flex;align-content:center;justify-items:center;margin-bottom:1rem;align-items:flex-start;}
.scf-row label{width:30%;display:flex;align-items:center;padding-top:1rem;}
.scf-row input,.scf-row textarea{width:70%;padding:1rem;border-radius:25px;background:#fff7ae;border:none;font-family:'Lexend';font-size:1rem;}
.scf-website3dhhsy3{display:none;}
.scf-confirm-checkbox,.scf-submit{text-align:center;}
#scf-button{color:#222222;background:#FFF7AE;border-radius:25px;font-family:'Lexend Peta';font-weight:bold;font-size:2em;margin:1em 0;cursor:pointer;border:0;text-transform:uppercase;padding:1rem 2rem;transition:0.3s!important;}
#scf-button:hover{background:#FFC6D9;}
.scf_carbon,.scf_reset,.scf_success pre{display:none!important;}

/* SCROLL TRANSITION */

    .scroll-in {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    .scroll-in.appear {
      opacity: 1;
      transform: translateY(0);
    }

/* TRAINING VIDEOS */
.training-videos-user-header{width:100%;display:flex;justify-content:space-between;flex-flow:row-nowrap;padding:0 1rem;align-items:center;gap:1rem;}
.training-videos-user-header a{color:#222222;background:#FFF7AE;border-radius:25px;font-family:'Lexend Peta';font-weight:bold;font-size:2em;text-transform:uppercase;transition:0.3s;text-decoration:none;padding:1rem 2rem;text-align:center;}
.training-videos-user-header a:hover{background:#FFC6D9;}
.training-welcome{font-size:3em;margin:0;flex:1;}
.training-videos-user-header p{margin:0;}

.training-login{display:flex;gap:1rem;padding:1rem;align-items:center;justify-content:center;margin:1rem;background:#FFC6D9;border-radius:25px;}
.training-login input{padding:1rem;border-radius:25px;background:#fff7ae;border:none;font-family:'Lexend';font-size:2em!important;height:2.5em;}
.training-login input[type="text"],.training-login input[type="password"]{flex:1;}
.training-login input[type="submit"]{color:#222222!important;background:#FFF7AE!important;border-radius:25px!important;font-family:'Lexend Peta'!important;font-weight:bold;font-size:2em!important;cursor:pointer;border:0;text-transform:uppercase;padding:1rem 2rem;!important;transition:0.3s;height:2.5em;}
.training-login input[type="submit"]:hover{background:#FFC6D9!important;}

.training-list{margin:1rem;}
.training-video{background:#FFC6D9;border-radius:25px;margin:1rem 0;display:flex;gap:1rem;flex-flow:row nowrap;}
.training-video h3{font-size:2em;margin:0;}
.training-video-info,.yt-player{width:50%;}
.training-video-info{padding:1rem;}
.yt-player{aspect-ratio:16/9!important;border-radius:25px;height:auto;}
.locked-video{background:blue;width:50%;background:#dedede;text-align:center;border-radius:25px;aspect-ratio:16/9!important;display:flex;align-items:center;flex-flow:column wrap;justify-content:center;gap:2rem;padding:1rem;}
.locked-video p{margin:0;}
.locked-video .lock{font-size:4rem;}

.dolgozoi-bejelentkezes{font-size:0.5em;border-radius:15px;}

.art-you-can-taste{font-family:'Lexend Peta';font-weight:bold;font-size:15vh;}

/* GDPR COOKIE BAR */

#gdpr-box{display:none;width:100%;position:fixed;bottom:0;z-index:999;justify-content:space-between;padding:.5rem 1rem;background:#FFE1C6;align-items:center;}
#gdpr-box a{color:#222222;}
.gdpr-button-accept{color:#222222;background:#FFF7AE;border-radius:15px;font-family:'Lexend Peta';font-weight:bold;text-transform:uppercase;transition:0.3s;padding:.5rem 1rem;cursor:pointer;}
.gdpr-button-accept:hover{background:#FFC6D9;}

.woocommerce-product-details__short-description{max-width:75%;}

@media only screen and (width < 1200px){
	.woocommerce-product-details__short-description{max-width:100%;}
	.art-you-can-taste{font-size:4rem}
	#headerMenuItems .menu-item{display:none;}
	#menu a{font-size:2rem;}
	.footer-header{font-size:2rem;gap:1rem;}
	.wp-block-heading{font-size:2rem;padding:0 1rem;}
	.wp-block-heading::before,.wp-block-heading::after { all: unset; }
	.csillag-feher{height:3rem!important;}
	.pageHero h1{font-size:2rem;}
	main{margin-top:8vh;}
	#masthead{height:8vh;}
	.pageHero,.wp-block-cover{height:calc(92dvh - 1rem);}
	#menuToggle{height:8vh;}
	.pozicio-box{width:100%;}
	.izgaleria{width:100%;}
	.izgaleria .wp-block-column:first-of-type{display:flex;flex-direction:row;justify-content:center;}
	.izgaleria .wp-block-column .has-large-font-size{text-align:center;}
	
	/*SHOP*/
	.product-item{flex-wrap:wrap;width:100%;text-align:center;}
	.product-image{width:100%;}
	.single-product-container{flex-wrap:wrap;}
	.single-product-media{width:100%;}
	.single-product-image{width:100%;}
	.product-grid{grid-template-columns: repeat(1, 1fr);}
	
	.wc-block-checkout__actions_row{display: flex!important;flex-flow: row wrap!important;}
	.wc-block-checkout__actions_row button{width:100%!important;}
	.wc-block-components-product-name{margin-top:0;}
	
	/*TRAINING VIDEOS*/
	.training-videos-user-header{flex-flow:row wrap;justify-content:center;align-items:center;}
	.training-videos-user-header a{width:100%;margin:0!important;display:block;}
	.training-videos-user-header p{width:100%;text-align:center;}
	.training-login{flex-wrap:wrap;}
	.training-login input[type="text"],.training-login input[type="password"]{flex:unset;}
	.training-login input{width:100%;}
	.training-video{flex-flow:row wrap;gap:0;}
	.training-video-info,.yt-player,.locked-video{width:100%;}
	.training-video-info{padding-bottom:0;}
}