/*
Theme Name: MyFive
Theme URI: https://frontendtanfolyam.hu/
Author: FrontendTanfolyam
Author URI: https://frontendtanfolyam.hu/pocsik-emese-frontend-fejleszto/
Description: Basic Block Theme by Emese Pocsik
Tags: one-column, custom-colors, custom-menu
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myfive
*/


html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    font-optical-sizing: auto;
}

#logo {
    text-align: center;
}

#logo a {
    display: block;
    margin: 1.5rem 0;
}

#logo svg {
    display: block;
    max-width: 180px;
    height: auto;
}

.header-top-box {
    justify-content: space-around;
    margin-top: -5rem;
    z-index: 100;
    position: relative;
}

/*Woo termékoldal*/
.woocommerce-product-gallery__image, .wp-block-woocommerce-product-image{
  border-radius: 25px;
  box-shadow: var(--wp--preset--shadow--sm);
}

.wp-block-woocommerce-product-image{
  display: block;
  margin: 2rem 0 1.5rem 0;
}

.wc-block-product > .wp-block-post-title > a{
  color: var(--wp--preset--color--secondary)!important;
  font-size: larger;
}

.cart > .quantity {
  display: none !important;
}

.flex-control-thumbs{
  margin-top: 1.5rem !important;
  border-radius: 10px;
}

.smiley-h3{
    margin-bottom: -1rem;
}

.slides-parent > .slides-track {
    gap: 2rem !important;
}


/*.wc-block-components-notices {
  display: none;
}*/

.wc-block-components-title {
  color: var(--wp--preset--color--secondary);
}

.wp-block-woocommerce-checkout-order-summary-subtotal-block{
  display: none;
}

.woocommerce-bacs-bank-details h2 {
  color: var(--wp--preset--color--secondary);
}

.wc-block-mini-cart__button{
  padding: 1.1rem;
}

.wc-block-components-button {
  border-radius: 10px;
}

.faq-label {
  background-color: white;
  border-radius: 20px;
  filter: drop-shadow(5px 5px 20px rgba(39, 61, 142, .15));
  margin-bottom: 0.7rem !important;
}

.faq-label h3 {
  font-family: var(--wp--preset--font-family--body);
  font-size: 1.25rem;
  color: var(--wp--preset--color--text-primary);
}

.faq-content {
  border: none !important;
}

.wp-block-template-part {
  margin-top: 0 !important;
}

.wc-block-product img{
  box-shadow: var(--wp--preset--shadow--sm);
}

.rendeles-visszaigazolas p{
  display: none;
}

.varo-slides > .slides-parent > .slides-track {
    gap: 0!important;
}

.kl-tabs .tab-content .wp-block-cb-tab, .kl-tabs .tab-content {
  border-radius: 15px;
}

 .kl-tabs .tab-labels .active  {
  border: none;
  border-bottom: 0 !important;
}

.kl-tabs .tab-labels li:first-of-type {
  background-color: #E3E6F3;
  border-radius: 15px 0 0 0;
}

.kl-tabs .tab-labels li:nth-of-type(2) {
  background-color: #F3E9DD;
}

.kl-tabs .tab-labels li:last-of-type {
  background-color: #E0F4F5;
  border-radius: 0 15px 0 0;
}

.wishlist_table .product-name {
    min-height: 50px; /* Állítsd be a kívánt minimális magasságot */
    display: flex; /* Flexbox használata a tartalom igazításához */
    align-items: center; /* Függőlegesen középre igazítja a címet */
    justify-content: center; /* Vízszintesen középre igazítja a címet, ha szükséges */
    text-align: center; /* Szöveg igazítása középre */
    overflow: hidden; /* Elrejti a túlcsorduló szöveget */
    margin-bottom: 10px; /* Térköz a cím és az alatta lévő elemek között */
}

.wp-container-core-group-is-layout-9475f909{
  padding-bottom: 0!important;
}

@media screen and (max-width: 750px) {

    .slides-parent > .slides-track {
        gap: 0 !important;
    }

    .footer-column{
      display: flex;
      flex-direction: column;
    }

    .wp-block-cb-slides > .prev {
      display: none !important;
    }

      .wp-block-cb-slides > .next{
        display: none !important;
      }

      .tp-ado-uzenet {
        flex-direction: column;
      }

      .kl-tabs .tab-content .tab-panel {
        background-color: white !important;
      }

      .kl-tabs .tab-labels .active  {
       /*  background-color: #F7941E !important;*/
       font-weight: bolder;
        font-style: italic;
     }

     .bejegyzes-main {
       margin-block-start: 0!important;
     }


}

@media screen and (max-width: 1199px) {
    body {
        font-size: 18px;
    }

    .header-top-box {
        margin-top: -1rem;
    }
}