/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 4.11.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/* Wrapper: külön legyen kicsit a hamburger menütől */
/* Wrapper – ikon távolsága a hamburger menütől */
/* Tabok konténerének rögzítése mobil nézetben */

/* Globális gradient háttér – mobilra is működik */
html, body {
    min-height: 100vh;
    background-color: #2e2e2e; /* fallback szín a gradienthez */
    background-image: radial-gradient(
        rgb(95, 181, 175) 0%,
        rgb(111, 124, 128) 48%,
        rgb(46, 46, 46) 100%
    );
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/* Footer nyílhegy polygon háttér */
.site-primary-footer-wrap {
    max-width: 1280px;       /* asztali nézethez korlátozott szélesség */
    margin: 0 auto 15px;     /* középre helyezés + alsó margó */
    position: relative;
    background-color: #00AAA1;
    clip-path: polygon(
        0 0,
        94% 0,
        100% 50%,
        94% 100%,
        0 100%
    );
    padding: 40px 20px;      /* belső távolság */
}

@media (max-width: 768px) {
    .site-primary-footer-wrap {
        max-width: 100%;      /* mobilon teljes szélesség */
        clip-path: none;      /* vagy módosítható a mobil polygonhez */
        padding: 20px;
    }
}

/* Wrapper: kis távolság a hamburger menütől */
.quote-dropdown-wrapper {
  position: relative;
  margin-left: 15px;
  display: inline-block;
}

/* Gomb ikon */
.quote-cart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #5FB5AF;
  border-radius: 50%;
  position: relative;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.2s ease;
  cursor: pointer;
}

.quote-cart-button:hover {
  background: #2D2C2C;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Ikon */
.quote-cart-button i.fa {
  font-size: 20px;
  color: #fff;
  line-height: 1;
}

/* Bounce animáció az ikonhoz */
@keyframes icon-bounce {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.2); }
  50%  { transform: scale(0.95); }
  70%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}
.quote-cart-button.bounce i.fa {
  animation: icon-bounce 0.5s ease;
}

/* Számláló */
.quote-cart-button .quote-count {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #e63946;
  color: #fff;
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 11px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
}

/* Pulzáló effekt */
.quote-count.pulse {
  animation: pulse 0.4s ease;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}

/* Dropdown panel */
.quote-dropdown {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  display: block; /* a JS vagy hover kezeli */
  pointer-events: none;
  position: absolute;
  top: 110%;
  right: 0;
  background: #f1f3f5;
  border-radius: 8px;
  min-width: 250px;
  padding: 15px;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  font-size: 13px;
  line-height: 1.4;
}

/* Nyitott állapot */
.quote-dropdown-wrapper:hover .quote-dropdown,
.quote-dropdown.open {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Dropdown tétel */
.quote-dropdown .qd-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 6px 8px;
  border-radius: 6px;
  transition: background 0.2s ease;
}

.quote-dropdown .qd-item:hover {
  background: #fff;
}

/* Thumbnail */
.quote-dropdown .qd-item .qd-thumb img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
}

/* Termék cím */
.quote-dropdown .qd-item .qd-title {
  flex: 1;
  font-size: 13px;
  color: #333;
}

/* Get a Quote gomb */
.quote-dropdown .view-quote {
  display: inline-block;
  margin-top: 10px;
  background: #5FB5AF;
  color: #fff;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 6px;
  text-align: center;
  width: 100%;
  font-weight: 500;
  transition: background 0.3s ease, transform 0.2s ease;
}

.quote-dropdown .view-quote:hover {
  background: #9FB2BC;
  transform: translateY(-2px);
}

/* 🔹 Mobil nézet */
@media (max-width: 768px) {
  .quote-dropdown-wrapper {
    margin-left: 10px;
  }

  .quote-cart-button {
    width: 36px;
    height: 36px;
  }

  .quote-cart-button i.fa {
    font-size: 18px;
  }

  .quote-cart-button .quote-count {
    height: 16px;
    width: 16px;
    line-height: 16px;
    font-size: 10px;
  }

  .quote-dropdown {
    min-width: 250px;
    font-size: 12px;
  }
}


.ast-on-card-button .ahfb-svg-iconset{
display:none;
}


.woocommerce-js ul.products li.product .woocommerce-loop-category__title .count, .woocommerce-page ul.products li.product .woocommerce-loop-category__title .count {
	display: none;
    background: 0 0;
    opacity: .5;
    font-size: .75em;
}

/* Hover effekt */
.more-details:hover {
    background-color: #005a8c; /* sötétebb kék */
    transform: translateY(-2px);
}



.quote-info-text {
    font-size: 16px;
    color: #fff;
}


/* Hover csak desktopon */
@media (min-width: 769px) {
  .quote-dropdown-wrapper:hover .quote-dropdown {
    display: block;
  }
}

/* Mobilon alapból rejtve van, kattintással nyílik ki */
@media (max-width: 768px) {
  .quote-dropdown {
    display: none;
  }

  .quote-dropdown.open {
    display: block;
  }
}

/* Back button Single product page title formázás*/
/* Desktop: Back balra, Title középen */
.ast-single-entry-banner .ast-container {
    display: flex;
    align-items: center;
    justify-content: center; /* cím középre */
    position: relative;
}

.ast-single-entry-banner .entry-title {
    margin: 0 auto;
    font-size: 28px;
    z-index: 1;
}

.ast-single-entry-banner .astra-back-button {
    position: absolute;
    left: 0;
    background-color: #5FB5AF;
    padding: 8px 14px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

/* Vissza nyíl hozzáadása a gombhoz */
.ast-single-entry-banner .astra-back-button i {
    margin-right: 6px;
    font-size: 16px; /* opcionális */
    vertical-align: middle;
}

/* Hover effekt: gomb szín és nyíl kicsit jobbra csúszik */
.ast-single-entry-banner .astra-back-button:hover {
    background-color: #9FB2BC;
}

.ast-single-entry-banner .astra-back-button:hover::before {
    margin-right: 10px;
}

/* Mobil (max-width: 768px) – Back gomb a cím alá */
@media screen and (max-width: 768px) {
    .ast-single-entry-banner .ast-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ast-single-entry-banner .astra-back-button {
        position: static; /* ne absolute */
        margin-bottom: 10px; /* kis térköz a cím és a gomb között */
    }

    .ast-single-entry-banner .entry-title {
        margin: 0;
        text-align: center;
    }
}

/* a YITH Request a Quote oldalon a kosár háttere és betűszín csere */
#yith-ywraq-form table{
	margin-top: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    color: #000;
}

/* Csak a YITH Request a Quote oldalon rejti el a -/+ gombokat */
body.page-id-80 .quantity .minus,
body.page-id-80 .quantity .plus {
    display: none !important;
}


/* CF7 form */
.wpcf7-acceptance label {
  cursor: pointer;
}


input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
}

.ywraq-wrapper table.shop_table {
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  overflow: hidden !important;
}


/* Off-canvas / mobile menu link + description egysorban */
.ast-mobile-popup-inner .menu-item .menu-link {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

/* Description stílusa */
.ast-mobile-popup-inner .menu-item .menu-item-description {
  font-family: 'Caveat', cursive;
  font-size: 1.2em;
  font-style: italic;
  color: #1D3557;
  white-space: nowrap;
  display: inline-block;
}

/* More Details gomb */
.more-details-btn {
    display: inline-block;
    margin-top: 8px;
    padding: 8px 8px;
    color: #5FB5AF;
    text-decoration: uppercase;
    font-weight: 800;
    transition: background 0.3s ease;
}
.more-details-btn:hover {
		color: #fff;
}

/* Zinc CSS Linear Gradient Background */
.ast-single-entry-banner {
  background: #444849;
  background: linear-gradient(90deg, rgba(68, 72, 73, 1) 0%, rgba(0, 169, 160, 1) 100%) !important;
}

/* Termékcím hover effekt az Essential Addons Products Grid list layout nézetben */
.eael-product-title a:hover .woocommerce-loop-product__title {
  color: #5FB5AF !important; /* Itt állítsd be a kívánt hover színt */
  transition: all 0.3s ease; /* Szép átmenet */
}

/* Opcionális: alapállapot */
.eael-product-title .woocommerce-loop-product__title {
  transition: all 0.3s ease;
}

/* Home page Corporate Events csempe teljes Column linkké alakítása  */
.elementor-column[data-id="fbed5e8"] {
  position: relative;
}

.elementor-column[data-id="fbed5e8"] .full-column-link {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: block;
}

.elementor-column[data-id="fbed5e8"] .elementor-button {
  position: relative;
  z-index: 20;
}

/* Home page Private Group csempe teljes Column linkké alakítása  */
.elementor-column[data-id="854262a"] {
  position: relative;
}

.elementor-column[data-id="854262a"] .full-column-link {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: block;
}

.elementor-column[data-id="854262a"] .elementor-button {
  position: relative;
  z-index: 20;
}

/* Home page Wedding Celebrations csempe teljes Column linkké alakítása  */
.elementor-column[data-id="572bf51"] {
  position: relative;
}

.elementor-column[data-id="572bf51"] .full-column-link {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: block;
}

.elementor-column[data-id="572bf51"] .elementor-button {
  position: relative;
  z-index: 20;
}

/* ==============================================
   Globális Glass Card Stílus
   WooCommerce + EA Ultimate Product Grid
============================================== */

/* Alap doboz stílus */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.eael-product-grid .eael-product-grid-item {
    background-color: rgba(17, 38, 53, 0.2) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: 15px;
    border: 2px solid transparent; /* alap border */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 15px;
}

/* Hover effekt: emelkedés + shadow + border szín */
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover,
.eael-product-grid .eael-product-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: #5FB5AF;
}

/* Kép igazítása és lekerekítés */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img,
.eael-product-grid .eael-product-grid-item img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    display: block;
}

/* Termék cím: alapértelmezett fehér, hover #5FB5AF */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.eael-product-grid .eael-product-grid-item .woocommerce-loop-product__title {
    color: #fff;
    font-weight: 600;
    margin: 10px 0 5px;
    transition: color 0.3s ease;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product:hover .woocommerce-loop-product__title,
.eael-product-grid .eael-product-grid-item:hover .woocommerce-loop-product__title {
    color: #5FB5AF;
}

/* Ár szín és betű */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.eael-product-grid .eael-product-grid-item .price {
    color: #fff;
    font-weight: 500;
}

/* Gomb stílus */
/* Alap gomb stílus */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.eael-product-grid .eael-product-grid-item .button {
    position: relative;
    display: inline-block;
    background-color: #5FB5AF;
    color: #fff;
    border: none;
    padding: 10px 25px 10px 15px; /* bal kisebb, jobb nagyobb */
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    overflow: hidden; /* a pseudo-element legyen a gombon belül */
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
}

/* Hover szín */
.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover,
.eael-product-grid .eael-product-grid-item .button:hover {
    background-color: #9FB2BC;
}


/* Reszponzív: kisebb képernyőn a grid elemek 100% szélesek */
@media (max-width: 768px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .eael-product-grid .eael-product-grid-item {
        width: 100% !important;
        margin: 0 0 20px;
    }
}


/* Hamburger Alap szélesség (pl. tablet / desktop breakpoint fölött) */
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-builder-menu-mobile .ast-mobile-popup-inner,
.ast-header-break-point .ast-mobile-popup-inner {
  width: 350px !important;
  max-width: 90% !important;
}

/* Hamburger Mobilon külön beállítás */
@media (max-width: 768px) {
  .ast-mobile-popup-drawer .ast-mobile-popup-inner,
  .ast-builder-menu-mobile .ast-mobile-popup-inner,
  .ast-header-break-point .ast-mobile-popup-inner {
    width: 270px !important;  /* például kisebb mobil drawer */
    max-width: 90% !important;
  }
}


/* === ASZTALI nézet submenu highlight csík háromszög véggel === */
@media (min-width: 921px) { /* Astra alap desktop breakpoint */

  /* Submenu alapbeállítás – átlátszó háttér, pozícionálás */
  .main-header-menu .sub-menu a {
    position: relative;
    display: block;
    padding: 10px 20px;
    overflow: hidden;
    z-index: 1;
  }

  /* Highlight csík + háromszög létrehozása ::before pszeudo */
  .main-header-menu .sub-menu a::before {
    content: "";
    position: absolute;
    left: -100%;         /* indulás kívülről */
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #5FB5AF;
    z-index: -1;
    transition: left 0.35s ease-in-out;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
    /* a clip-path rajzolja ki a háromszög hegyet a jobb oldalon */
  }

  /* Hover állapot – highlight csík becsúszik */
  .main-header-menu .sub-menu a:hover::before,
  .main-header-menu .sub-menu a:focus::before {
    left: 0;
  }

  /* Szöveg szín hoverkor */
  .main-header-menu .sub-menu a:hover,
  .main-header-menu .sub-menu a:focus {
    color: #fff !important;
  }

  /* Menü háttér és árnyék opcionálisan */
  .main-header-menu .sub-menu {
    background: #4F5557;
	background: linear-gradient(90deg,rgba(79, 85, 87, 1) 0%, rgba(93, 103, 106, 1) 100%);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border: none;
  }
}

/* ===== CF7 két oszlopos modern card stílus kosár oldal ===== */
.cf7-two-column-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  background: #fff;
  padding: 24px;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  transition: box-shadow 0.3s ease;
}

.cf7-two-column-form:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.12);
}

/* Bal és jobb oszlop */
.cf7-two-column-form .cf7-left,
.cf7-two-column-form .cf7-right {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
}

/* Input és textarea mezők */
.cf7-two-column-form input[type="text"],
.cf7-two-column-form input[type="email"],
.cf7-two-column-form input[type="tel"],
.cf7-two-column-form textarea,
.cf7-two-column-form input.flatpickr-date {
  width: 100%;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-size: 0.95rem;
  transition: border 0.2s, box-shadow 0.2s;
}

.cf7-two-column-form input:focus,
.cf7-two-column-form textarea:focus {
  border-color: #007bff;
  box-shadow: 0 0 6px rgba(0,123,255,0.2);
  outline: none;
}

/* Label stílus */
.cf7-two-column-form label {
  font-weight: 500;
  color: #333;
  font-size: 0.95rem;
}

.cf7-two-column-form p input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,123,255,0.3);
}

/* CF7 Acceptance checkbox és szöveg egy sorban */
.cf7-two-column-form p:has(.wpcf7-acceptance) {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 0.9rem;
  margin-top: 10px;
}

.cf7-two-column-form .wpcf7-acceptance input[type="checkbox"] {
  margin: 0;
  flex-shrink: 0;
}

.cf7-two-column-form .wpcf7-acceptance .wpcf7-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

/* Reszponzív - egy oszlop mobilon */
@media (max-width: 768px) {
  .cf7-two-column-form {
    flex-direction: column;
    padding: 20px;
  }

  .cf7-two-column-form .cf7-left,
  .cf7-two-column-form .cf7-right {
    flex: 1 1 100%;
  }
}



/* Contact Us - Form formázása */
/* ===== My Contact Form - teljes stílus módosítva ===== */

/* Konténer */
.my-contact-form .cf7-modern-two-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto;
}

/* Oszlopok */
.my-contact-form .cf7-column-left,
.my-contact-form .cf7-column-right {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: unset;
}

/* P margók nullázása */
.my-contact-form .cf7-modern-two-columns p {
  margin: 0;
}

/* ===== Label-ek ===== */
/* Alapértelmezett label szín minden mezőnél */
.my-contact-form label {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  color: #fff;
  font-size: 0.95rem;
}

/* Country code háttér */
.iti--separate-dial-code .iti__selected-flag {
	color: #333;
}

/* Dropdown country name színe */
.iti--separate-dial-code .iti__country-list .iti__country-name {
  color: #333;  /* sötét */
}

/* Dropdown dial code színe */
.iti--separate-dial-code .iti__country-list .iti__dial-code {
  color: #333;  /* sötét */
}

/* Selected dial code a fő inputnál */
.iti--separate-dial-code .iti__selected-dial-code {
  color: #333 !important;
}



/* Acceptance checkbox egysoros megjelenítés */
.my-contact-form .wpcf7-acceptance {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.my-contact-form .wpcf7-acceptance input[type="checkbox"] {
  margin: 0 !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}

.my-contact-form .wpcf7-acceptance .wpcf7-list-item-label {
  display: inline !important;
  vertical-align: middle;
}

.wpcf7-list-item {
  margin: 0;
}

.my-contact-form .wpcf7-acceptance label {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
}

/* Inputok és textarea: kerekített, árnyékos */
.my-contact-form input[type="text"],
.my-contact-form input[type="email"],
.my-contact-form input[type="tel"],
.my-contact-form textarea {
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.my-contact-form input:focus,
.my-contact-form textarea:focus {
  border-color: #5FB5AF;
  box-shadow: 0 4px 10px rgba(95,181,175,0.2);
  outline: none;
}

/* Acceptance + Submit a jobb oszlopban */
.my-contact-form .cf7-accept-submit {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Submit gomb */
.my-contact-form input[type="submit"] {
  background-color: #5FB5AF;
  color: #fff;
  border: none;
  padding: 12px 25px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.my-contact-form input[type="submit"]:hover {
  background-color: #9FB2BC;
  transform: translateY(-2px);
}

/* Acceptance linkek */
.my-contact-form .cf7-accept-submit a {
  color: #5FB5AF;
  text-decoration: underline;
}

.my-contact-form .cf7-accept-submit a:hover {
  color: #FFF;
}

/* Responsive: mobilon oszlopok egymás alá */
@media (max-width: 768px) {
  .my-contact-form .cf7-modern-two-columns {
    flex-direction: column;
  }

  .my-contact-form .cf7-column-left,
  .my-contact-form .cf7-column-right {
    flex: 1 1 100%;
  }

  .my-contact-form .cf7-accept-submit input[type="submit"] {
    width: 100%;
  }
}



/* My Account oldal / amire átirányít az árajánlkérés elküldése után teljes háttér átlátszóvá tétele */

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single:not(.ast-related-post) {
	background-color: transparent !important;
	
}

.woocommerce-MyAccount-navigation ul{
	background-color: transparent !important;
	
}

.woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-MyAccount-navigation-link:hover a{
	color: #5FB5AF !important;
}

.woocommerce-MyAccount-navigation-link:after{
	background-color: #5FB5AF !important;
}

.ywraq-view-quote-wrapper table.shop_table.order_details {
	background-color: rgba(17,38,53,.2) !important;
	
}


/* Nyíl hegy Minden tab (aktív + inaktív) azonos stílust kap */
.elementor-widget-n-tabs .e-n-tab-title,
.elementor-widget-n-tabs .e-n-tab-title a {
    color: var(--n-tabs-title-color);
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
    background-color: var(--e-global-color-primary); /* opcionális háttér */
    padding: 10px 20px; /* opcionális belső térköz */
    display: inline-block;
}

/* Nyíl hegy Ha az aktív tabot külön akarod kiemelni */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"],
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] a {
    color: #fff; /* pl. fehér szöveg */
    background-color: var(--e-global-color-accent);
}

/* Nyíl hegy Add to Quote list button*/
.wp-block-post.product a.button, .wp-block-post.product .add-request-quote-button.button, .wp-block-post.product .add-request-quote-button-addons.button, .woocommerce .add-request-quote-button.button, .woocommerce .add-request-quote-button-addons.button {
	clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%) !important;
}

/* Nyíl hegy Minden elementor buttonak*/
.wp-block-button .wp-block-button__link, .elementor-widget-button .elementor-button, .elementor-widget-button .elementor-button:visited {
	clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%) !important;
}

/* Single page oldalon transparent body*/
@media (max-width: 768px) {
    /* Astra konténerek hátterének eltávolítása */
    .single-product.ast-separate-container .ast-article-single,
    .single-product.woocommerce.ast-separate-container .ast-woocommerce-container,
    .single-product.ast-box-layout.ast-plain-container .site-content,
    .single-product.ast-padded-layout.ast-plain-container .site-content {
        background-color: transparent !important;
        background-image: none !important;
    }

.ast-separate-container .ast-article-single:not(.ast-related-post), .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description {
	 background-color: transparent !important;
        background-image: none !important;
}

    /* Elementor szekciók hátterének átlátszóvá tétele is */
    .single-product .elementor-section {
        background-color: transparent !important;
        background-image: none !important;
    }
}



/* Mobil hamburger menü glass effect*/
@media (max-width: 768px) {
    .ast-sticky-active .ast-primary-header-bar {
        background: rgba(70, 75, 77, 0.62);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        transition: background 0.3s ease;
    }
}

/* Mobil: tabs fej fent, egymás alatt, accordion animációval */
@media (max-width: 767px) {

  /* Tabs konténer → grid, fej felül, tartalom alatta */
  .elementor .e-n-tabs {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
    grid-template-areas:
      "heading"
      "content" !important;
  }

  /* Tabs fej → blokkszintű, egymás alatt */
  .elementor .e-n-tabs > .e-n-tabs-heading {
    grid-area: heading !important;
    display: block !important;
    position: relative;
    z-index: 10;
  }

  /* Tab gombok → teljes szélesség, egymás alatt */
  .elementor .e-n-tabs > .e-n-tabs-heading .e-n-tab-title {
    display: block !important;
    width: 100% !important;
    text-align: left;
    padding: 12px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  /* Aktív tab stílusa */
  .elementor .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
    background: #f5f5f5;
  }

  /* Tartalom → külön grid area */
  .elementor .e-n-tabs > .e-n-tabs-content {
    grid-area: content !important;
    display: block !important;
  }

  /* Accordion animáció a tartalomhoz */
  .elementor .e-n-tabs .e-n-tab-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
  }

  .elementor .e-n-tabs .e-n-tab-content[aria-hidden="false"] {
    max-height: 1000px; /* elég nagy érték minden tartalomhoz */
    opacity: 1;
  }
}

/* Description szó formázása */
.woocommerce-js div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

/* Csak Elementorral szerkesztett termék oldalakra - asztali nézet */
.single-product.elementor-page .ast-container {
    padding-left: 40px !important;
    padding-right: 40px !important;
    max-width: 1280px !important;
}

/* Mobilnézet */
@media (max-width: 768px) {
    .single-product.elementor-page .ast-container {
        padding-left: 15px !important;   /* kisebb margó mobilon */
        padding-right: 15px !important;  /* kisebb margó mobilon */
        max-width: 100% !important;      /* teljes szélesség mobilon */
    }
}


/* Csak Elementorral szerkesztett termék oldalakra */
.single-product.elementor-page .ast-single-entry-banner {
    display: flex;
    flex-direction: column; /* egymás alá rendezi a tartalmat */
    align-items: center;    /* vízszintesen középre */
    justify-content: flex-start; /* ne csússzon rá a címre */
    width: 100%;
    padding: 3em;
    margin-bottom: 60px;
    text-align: center;
    background: linear-gradient(90deg, rgba(68,72,73,1) 0%, rgba(0,169,160,1) 100%);
}

/* Termék / bejegyzés cím tördelése és margó */
.ast-single-post .entry-title,
.ast-single-post .entry-title a {
    display: inline-block !important;     /* inline-block, hogy a max-width működjön */
    max-width: 70% !important;           /* korlátozza a szélességet */
    word-break: break-word !important;   /* hosszú szavak törése */
    overflow-wrap: break-word !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;      /* Alap margó asztali nézeten */
}

/* Mobilnézet */
@media (max-width: 768px) {
    .ast-single-post .entry-title,
    .ast-single-post .entry-title a {
        max-width: 100% !important;       /* Mobilon kicsit szélesebb, de ne lógjon ki */
        font-size: 28px !important;      /* Kisebb betűméret mobilon */
        margin-bottom: 10px !important;  /* Kisebb margó mobilon */
    }
}

}

/* Rövid leírás */
.single-product.elementor-page .ast-single-entry-banner .woocommerce-product-details__short-description {
    margin-bottom: 25px;
}

/* Termékkép */
.single-product.elementor-page .ast-single-entry-banner .woocommerce-product-gallery {
    margin-bottom: 20px;
}


/* iPhone SE logó méret csökkentése */
@media only screen and (max-width: 375px) {
    .site-logo-img img.custom-logo {
        max-width: 150px !important; /* 180px → 150px */
        height: auto !important;
    }
}

/* Tablet / kis desktop */
@media (max-width: 1024px) {
    .elementor-section.elementor-top-section .elementor-col-50 {
        width: 100% !important;     /* oszlopok egymás alá */
        display: block !important;
    }
}


/* Ha pricing_type = hour, elrejtjük a quantity wrapper-t és a plus/minus gombokat */
.single-product.hour-product .quantity,
.single-product.hour-product .ast-qty-placeholder {
    display: none !important;
}