/****************/
/* Betű típusok */
/****************/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

html, body,
body *:not(i):not(.fa):not([class^="icon"]):not([class*=" icon"]) {
    font-family: 'Inter', sans-serif !important;
}

.ph-page table tr,.ph-page table th{
    border: 2px solid black !important;
  font-weight: normal;
}

/*

body, html {
    font-family: 'Inter', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif !important;
}

*/

.product-box .buttons {
    align-items: stretch !important;
}
.product-box .buttons .btn:not(.add-to-cart-button){
	height: auto !important;
}


.has-szechenyi-margin{
	margin-bottom: 10rem !important;
}

.block-account-navigation ul li a.active, .block-account-navigation ul li a:hover{
   border-color: var(--accent-color) !important;
}




#sidebar-right{
	z-index: 9999 !important;
}

.navbar-brand {
	padding: 0 !important;
}

.page{
	margin:15px auto 0 auto !important;
}

.product-box .prices::before, .product-box .prices::after{
	top: 1px !important;
}


.navbar-brand img {
    max-width: 75% !important;
}

.register-button, .register-button:hover{
	color: white !important;
}

.b-sidebar-body > div:nth-of-type(2) .btn-secondary{
    background-color: white !important;
}
.b-sidebar-body > div:nth-of-type(2) .btn-secondary:hover{
	background-color: white !important;
	border: 1px solid black !important;
}



@media(max-width: 991px){
	.gallery > .category > a > picture {
	display: none !important;
	}
	.szechenyi-doboz {
	    top: 70px;
	}

   .szechenyi-doboz img {
      max-width: 33dvw !important;
  }
}
@media(max-width: 767px){
  .szechenyi-doboz img {
      max-width: 50dvw !important;
      max-height: 20dvh !important;
  }
}

.shoping-cart.table .btn{
	padding: 0.8rem 1rem;
}



/*****************/
/* Téma változók */
/*****************/
:root{
	--gabor-blue: #3181B7;
  	--trans-blue: #d6eeff;
  	--accent-color: var(--gabor-blue);  
  	--trans-bg: var(--trans-blue);
}
a{
  color: black !important;
}
a:hover{
  color: var(--accent-color) !important;
}
.text-gold{
  color: gold !important;
}
.bi-search{
  fill: var(--accent-color) !important;
}
.advanced-search-results .price {
    color: var(--accent-color) !important;
}

.gallery > .category > a > picture{
	height: 10rem !important;
    width: 100% !important;
}

.gallery > .category > a > picture > img{
	width:100%; 
	height:100%;
    object-fit: cover;
}


#block-product-spec-filter {
    display: none !important;
}

#home-page {
    margin: auto !important;
}


.preloader {
    border: 0.2rem solid var(--accent-color) !important;
}
.preloader:before, .preloader:after{  
    border-bottom: 0.2rem solid var(--accent-color) !important;
}

.Menu .category a span {
  white-space: normal;
}

#gnsslider{
  height: 100vh;
  margin-right: -15px;
  margin-left: -15px;
  background-color: var(--trans-bg) !important;
}
#gnsslider > div{
	height: 100% !important;
}
#gnsslider .footer{
	border-top: none !important;
}
#gnsslider .footer a.btn{
	color: var(--accent-color) !important;
}
#gnsslider .footer a.btn:hover{
	color: white !important;
}

.grandnode-swiper .swiper-scrollbar.bar .swiper-scrollbar-drag{
  background: var(--accent-color) !important;
}

#GrandCarousel{
	height: 100dvh !important;
	background-color: #888 !important;
}

/*
#TwoColumns{
	width: 80% !important;
	padding-left: 10%;
}

/************/
/* Checkout */
/************/
.checkout-page .card-header{
  background: white !important;  
}
.checkout-page .opc-header .card-header .btn-info.not-collapsed{
  color: var(--accent-color) !important;
  background: white !important;
  border: none !important;
}
.checkout-page .opc-header .card-header .btn-info{
  background: white !important;
  border: none !important;
}
.opc-totals{
  border: 2px solid var(--accent-color) !important;
}
.opc-totals .qty-opc{
  background: var(--accent-color) !important;
}
.checkout-data .buttons .btn-secondary{
    color: white !important;
    border: none !important;
}
.checkout-data .buttons .btn-secondary:hover, .checkout-data .buttons .btn-secondary:active{
    color: white !important;
  	border: none !important;
}

.opc-header .card-header .btn-info.not-collapsed::after{
  background: var(--accent-color) !important;
}
#back-shipping_method, #back-payment_method, #back-payment_info, #new-back-confirm_order, #back-billing{
  color: white !important;
}
#back-shipping_method:hover, #back-payment_method:hover, #back-payment_info:hover, #new-back-confirm_order:hover, #back-billing:hover{
  color: white !important;
  border: 1px solid black !important;
}



/*****************/
/* Nyelvválasztó */
/*****************/
.btn-secondary:hover, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background-color: black !important;
    border-color: var(--accent-color) !important;  
}
.btn.dropdown-toggle + .dropdown-menu .dropdown-item:hover{
	background-color: black !important;
    border-color: var(--accent-color) !important;  
}
.btn.dropdown-toggle + .dropdown-menu .dropdown-item{
	color: white !important;
}


/****************/
/* Termék Szűrő */
/****************/
/** szűrő törlés gomb **/
.clearAllfilters{  
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}
/** ár csúszka **/
.noUi-connect {
    background: var(--accent-color) !important;
}
/** Valuta név **/
.ajaxfilter-price-range-section .range-label {
    color: var(--accent-color) !important;
}
/** szűrő lista **/
#ajaxfilter-form > .selectedOptions > div > input{
	border: 1px solid #888 !important;
}
#ajaxfilter-form > .selectedOptions > div > input:hover, #ajaxfilter-form > .selectedOptions > div > input:focus,#ajaxfilter-form > .selectedOptions > div > input:not(:disabled):not(.disabled):active{
	border: 1px solid var(--accent-color) !important;
    background: var(--accent-color) !important;
    color: white !important;
	text-decoration: none;    
}
.noUi-active{
	box-shadow: 0 0 0 2px var(--accent-color) !important;
}
.ajax-filter-section .square.active:not([style]) {
    background: var(--accent-color);
}


/*********/
/* Kosár */
/*********/
.prod-total, .product-unit-price{
	color: var(--accent-color) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--accent-color) !important;
    background-color: var(--accent-color) !important;
}
.shopping-cart-page .totals-inner{
	border: 2px solid var(--accent-color) !important;
}
.shopping-cart.table .btn{
     padding: .8rem 1rem;
}

#mainMenu{
  z-index: 11;
}
.header-bottom{
  z-index: 11;
}
/*
.header-bottom {
    position: relative; 
    z-index: 11 !important;
}

.header-bottom::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 20rem;
    height: 20rem;
    background-image: url('https://gabor-pack.hu/wp-content/uploads/2024/03/infoblokk.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 10;
    pointer-events: none;     
}

/**************/
/* Szűrő gomb */
/**************/
a.left-side-toggler, a.left-side-toggler:hover{
  color: white !important;
}
a.left-side-toggler:active, a.left-side-toggler:focus, a.left-side-toggler:hover{
    border-color: var(--accent-color) !important;
}
.left-side-toggler .inner span{
	background-color: var(--accent-color) !important;
}

/********************/
/* Kategória elemek */
/********************/
.category-item:hover {
	border-color: var(--accent-color) !important;
}
.swiper-slide > .category-item img {
	height: 100% !important;
    width: 100% !important;
    object-fit: fit;
}
#HomePageCategories .swiper-container > .swiper-wrapper > .swiper-slide > .category-item {
	height: 15rem !important;
}
#subcatslider > .swiper-container > .swiper-wrapper > .swiper-slide > .category-item {
	height: 15rem !important;
}
#subcatslider > .swiper-container > .swiper-wrapper > .swiper-slide > .category-item > img{
	height: 60% !important;
}
.product-details-page .qty-controls div.plus:hover::before, .product-details-page .qty-controls div.plus:hover::after, .product-details-page .qty-controls div.minus:hover::before
{
    background: var(--accent-color) !important;
}
.btn-group > .add-to-wishlist:hover{
  color: var(--accent-color) !important;
}
.bg-teal{
  background: var(--accent-color) !important;
}
.add-to-wishlist-button:hover .icon-heart{
  color: var(--accent-color) !important;
}
.quick-view-button > .bi-search{
  fill: white !important;
}
.sidebar-cart .cart-button.btn-secondary{
  border-color: var(--accent-color) !important;
}
.sidebar-cart .cart-button.btn-secondary:hover{
  background-color: var(--accent-color) !important;
}
#sidebar-wishlist > .b-sidebar-footer .btn-secondary{
  color: white !important;
}
#sidebar-wishlist > .b-sidebar-footer .btn-secondary:hover{
  background: var(--accent-color) !important;
}
.b-toast{
  border-color: var(--accent-color) !important;
}
.btn-danger, .btn-danger:hover{
  color: white !important;
}

/*****************/
/* Termék kártya */
/*****************/
.product-box .other-buttons .btn.btn-outline-secondary:hover {
  border-color: var(--accent-color) !important;
}
.product-details-page .overview .actual-price {
  color: var(--accent-color) !important;
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {
  background-color: var(--accent-color) !important;
}
.product-details-page .nav-tabs .nav-link.active::before {
  background: var(--accent-color) !important;
}
#ppslider > .swiper-container > .swiper-wrapper > .swiper-slide > .category-item > img{
  height: 100% !important;
}
.product-box.list .add-to-cart-button.btn.btn-outline-secondary{
  color: white !important;
  background: var(--accent-color) !important;
  border: 2px solid var(--accent-color) !important;
}
.product-box.list .add-to-cart-button.btn.btn-outline-secondary:hover{
  color: var(--accent-color) !important;
  background: black !important;
  border: 2px solid black !important;
}
.product-box.list .other-buttons .btn.btn-outline-secondary{
  color: white !important;
  background: black !important;
  border: 2px solid black !important;
}
.product-box.list .other-buttons .btn.btn-outline-secondary:hover{
  color: var(--accent-color) !important;   
  fill: var(--accent-color) !important;   
}
.list-button-container .other-buttons a{
  color: white !important;
}
.list-button-container .other-buttons a:hover{
  color: var(--accent-color) !important;
  background: black !important;
}
.product-box.list .other-buttons .quick-view-button .bi-search:hover{
  color: var(--accent-color) !important;
}
.viewmode-icon:hover > .list-icon > span ,.viewmode-icon:active > .list-icon > span ,.viewmode-icon:focus > .list-icon > span ,.viewmode-icon.selected .list-icon span {
  background: var(--accent-color) !important;
}

#review-tab .btn, #review-tab .btn:hover{
  color: white !important;
}
.zoom-button:hover {
  border-color: var(--accent-color) !important;
}
.viewmode-icon:hover .grid-icon span::before, .viewmode-icon:hover .grid-icon span::after{
  background: var(--accent-color) !important;
}
.viewmode-icon.selected .grid-icon span::before, .viewmode-icon.selected .grid-icon span::after, .viewmode-icon.selected .list-icon span {
    background: var(--accent-color) !important;
}
.btn{
	font-size: .8rem !important;
}

/*********************/
/* Navigációs elemek */
/*********************/
.navbar-nav.top-header-items .nav-link{
  color: var(--accent-color) !important;
}
a:hover{
  color: var(--accent-color) !important;
}
.toast-body{
  background-color: white !important;
}
/*
#GrandCarousel{
	height: 20rem !important;  
}



/**********/
/* Gombok */
/**********/
.buttons > .btn > .bi-heart{
  fill: white !important;
}
.buttons > .btn:hover > .bi-heart{
  fill: var(--accent-color) !important;
}
.buttons > .btn > .bi-shuffle{
  fill: white !important;
}
.buttons > .btn:hover > .bi-shuffle{
  fill: var(--accent-color) !important;
}
  
.buttons > .add-to-cart-button{
  color: white !important;
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
}
.buttons > .add-to-cart-button:hover{
  color: var(--accent-color) !important;
  background-color: black !important;
  border-color: black !important;
}
.text-dark{
  color: var(--accent-color) !important;
}
.left-side-toggler .inner span {
  color: var(--accent-color) !important;
}
.product-details-page .add-to-cart-button.btn-info:focus, .product-details-page .add-to-cart-button.btn-info:active, .product-details-page .add-to-cart-button.btn-info:not(:disabled):not(.disabled):active:focus {
    background-color: var(--accent-color) !important;
    box-shadow: 0 0 0 0.2rem var(--accent-color) !important;
}
.product-details-page .add-to-cart-button.btn-info {
	background-color: var(--accent-color) !important;
    border: 1px solid var(--accent-color) !important;
}
.up-btn{
  background-color: var(--accent-color) !important;
  border: 1px solid white !important;
}
.btn-info {
    background-color: var(--accent-color) !important;
    border: 1px solid var(--accent-color) !important;
}
.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 .2rem var(--accent-color) !important;
}
.btn-outline-info{
    color: black !important;
    background-color: white !important;
	border: 1px solid var(--accent-color) !important;
}
.btn-outline-info:hover{
	color: white !important;
	background-color: var(--accent-color) !important;
}
.quick-view-button{
  color: white !important;
}
.quick-view-button:hover{
  color: white !important;
  background-color: var(--accent-color) !important;
}


/*********/
/* Hírek */
/*********/
.card-header .title a{
  color: var(--accent-color) !important;
}
.card-footer > a:hover{
  color: var(--accent-color) !important;
}
.post-news .date{
  color: var(--accent-color) !important;
}


/*********/
/* Képek */
/*********/
.category-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}


/**********/
/* Kereső */
/**********/
.form-control:focus, .form-control:hover {
    border-color: var(--accent-color) !important;
}
#small-searchterms:hover, #small-searchterms:hover + .input-group-append .btn, #small-searchterms + .input-group-append .btn:hover {
    border-color: var(--accent-color) !important;
}


/**********/
/* Lábléc */
/**********/
.footer{
	background-color: var(--accent-color) !important;
    border-top: 1px solid white !important;
}
.footer-bottom{
  border-top: 1px solid white !important;
}
.footer a, .footer a:hover, .footer, .footer-bottom{
  color: white !important;
}


/***********/
/*  Alert  */
/***********/
.alert-info{
	background-color: var(--trans-bg) !important;
  	border-color: var(--accent-color) !important;
  	color: var(--accent-color) !important;
}



/********************/
/* Pályázati doboz  */
/********************/
.szechenyi-doboz {
    position: fixed;
    /* bottom: -15px; */
    right: -2px;
    /* border: 2px solid var(--accent-color); */
    /*z-index: 200 !important;*/
}
.szechenyi-close {
    position: absolute;
    bottom: -22px;
    right: -2px;
    background: var(--accent-color);
    color: #fff;
    border: 2px solid var(--accent-color);
    cursor: pointer;
    padding: 31px 10px 5px 5px;
    font-size: 16px;
    z-index: 199 !important;
    border-radius: 3px;
}
.szechenyi-doboz img {
    position: relative;
    max-width: 300px;
    background: transparent;
    z-index: 200 !important;
}





/*******************/
/* Egyedi oldalak  */
/*******************/
#ph-title{
	display: none !important;
}
.contact-page > .generalTitle{
	display: none !important;
}