/*-----------------------------------------------------*/
/*            VECTOR KFT stílus módosítások            */
/* Ezek a módosítások a Vector Kft tulajdonát képezik  */
/*-----------------------------------------------------*/

:root {
  --hqc-radius-base: 4px;
  --hqc-radius-md: 6px;
  --hqc-radius-lg: 16px;
  --hqc-primary-color: #003366;
  --hqc-primary-color-hover: color-mix(in oklab, var(--hqc-primary-color) 75%, transparent);
  --hqc-primary-color-light: #4e91d3;
  --hqc-secondary-color: #fbc02d;
  --hqc-body-color: #f5f5f5;
  --hqc-btn-bg-color: var(--hqc-primary-color);
  --hqc-btn-bg-color-hover: color-mix(in oklab, var(--hqc-primary-color) 50%, var(--hqc-primary-color-light) 50%);
  --hqc-transition-duration: 0.3s;
}

/*
  Main Navigation
*/
.dd-menu:hover,
#mainmenu a.link:hover {
  color: var(--hqc-primary-color-hover);
}

/*
  Common Shadows and Border Radius
*/
.product-specifics.white-bg,
.keszletertesito > form,
.white-bg:has(.parent-container > .szamlalo),
.menu_csempe.type2 .csempe,
.product_type_1.productTemplate4 > [class*="col"] {
  border-radius: var(--hqc-radius-lg) !important;
}

.product-specifics.white-bg,
.product-details .details-top .product-images-container,
.white-bg:has(.parent-container > .szamlalo),
.menu_csempe.type2 .csempe,
.product_type_1.productTemplate4 > [class*="col"].white-bg {
  box-shadow: 0px 0px 5px 3px rgba(110, 86, 86, 0.06);
}

.keszletertesito > form :where(.input-text, .button-primary),
.quantity_control {
  border-radius: var(--hqc-radius-md) !important;
}

.button-cart,
.add-to-cart-controls {
    border-radius: var(--hqc-radius-base) !important;
}

/* 
  Product Card
*/

.product_type_1.productTemplate4 > [class*="col"] .product-image-container {
  overflow: hidden;
}

.product_type_1.productTemplate4 > [class*="col"] .product-image-container .product__image {
  transition: scale 0.3s ease;
}

.product_type_1.productTemplate4 > [class*="col"]:has(:hover) .product-image-container .product__image {
  scale: 1.05;
}

.button-primary,
.button-cart {
  transition: background-color var(--hqc-transition-duration) ease;
}

.button-primary:hover,
.button-cart:hover {
  background-color: var(--hqc-btn-bg-color-hover) !important;
}

.button-secondary {
  color: var(--hqc-secondary-color);
  border-color: var(--hqc-secondary-color);
}

/* 
  Product Badge
*/

.badges > div > div,
.stock {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  line-height: 16px;
  border-radius: var(--hqc-radius-md);
}


/* Product Details */
.product-details .details-bottom-container .right .product-specifics .product-specifics-row:nth-child(2n+1) {
  background-color: color-mix(in oklab, var(--hqc-primary-color-light) 5%, transparent);
}

.product-details .add-to-compare,
.product-details .button-cart,
.product-details .add-to-cart-controls {
  border-radius: var(--hqc-radius-base) !important;
}

.product-details .add-to-compare {
  color: var(--hqc-primary-color) !important;
  border-color: var(--hqc-primary-color) !important;
  transition:
    background-color var(--hqc-transition-duration) ease,
    color var(--hqc-transition-duration) ease;
}

.product-details .add-to-compare:hover {
  color: var(--hqc-body-color) !important;
  background-color: var(--hqc-primary-color) !important;
}

.product-details .details-bottom-container .left .product-tabs .tab-container .tab-content {
  border-radius: 0 var(--hqc-radius-lg) var(--hqc-radius-lg) var(--hqc-radius-lg) !important;
  box-shadow: 0px 5px 5px 0px rgba(110, 86, 86, 0.06);
}

.product-details .details-bottom-container .left .product-tabs .tab-container .nav-tabs > li > a {
  border-radius: calc(var(--hqc-radius-lg) / 2) calc(var(--hqc-radius-lg) / 2) 0 0 !important;
  box-shadow: 0px 0px 5px 3px rgba(110, 86, 86, 0.06);
}

/*
  Custom Footer 
*/
.footer__text.copyright {
    opacity: 0.7;
}

.searchbox.opened-by-default .search-wrapper input.search_products.active {
  width: 250px !important;
}

/* Vectoros Fejléc gombok optimalizálása */

.fejlecbaloldal{
    
    font-weight: bold;
    margin-right: 18px;
}
.fejlecjobboldal {
    
    font-weight: bold;
    margin-right: 18px;
}
.fejlecbaloldalmobil {
    font-weight: bold;
    margin-right: 18px;
    margin-left: 10px; /* kis térköz bal oldalon */
}

/* VG . Tóth Renátával egyeztetve */

.cikkcsoport-megamenu .megamenu-box .depth-3>li a {
    font-size: 13px;
}
.slide .slide-content-container .slide-content {
    display: inline-block;
    text-decoration: none;
    max-width: 90%!important;
}

/* VG Tóth Renátával egyeztetve háttérhez igazítás*/
.product-category-header {
    background: #F5f5f5!important;
    padding: 25px 0;
    border-bottom: 1px solid #F2F7F5;
}