﻿/****************/
/* 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;
}
.category-item .content .title{
	word-break: break-word;
}


@media (min-width: 992px) {
    #mainMenu > li> ul > li > ul.-visible {
		display:none !important;
    }
}
/*

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

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

*/

.sublist.next-level .category.-hasSubmenu:hover > .sublist.next-level {
    display: block;
    position: absolute;
    left: 0%;
    top: 1.5rem;
    min-width: 200px;
    background: white;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

.sublist.next-level > .category.-hasSubmenu > .sublist.next-level {
    display: none;
}

/*******************/
/* Slider színezés */
/*******************/
.main-slider{
	height: 50dvh !important;
	background-color: var(--trans-bg) !important;
}
.product-box-slide .button .add-to-cart-button.btn.btn-outline-secondary{
	background-color: var(--accent-color) !important;
	color: white !important;
	border: none !important;
}
.product-box-slide .button .add-to-cart-button.btn.btn-outline-secondary:hover{
	border: none !important;
}
.product-box-slide .prices .actual-price{
	color: var(--accent-color) !important;
}
.swiper-pagination-bullet-active{
    background: var(--accent-color) !important;
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{
	background: var(--accent-color) !important;
}


.Menu li > ul.gallery > li.-hasSubmenu > .next-level{
	box-shadow: none !important;
}

.text-info {
    color: var(--accent-color) !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: !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;
  }
  .header-nav{
    background-image: url(https://agrotipp.hu/wp-content/uploads/pictures/honlap/F3AC804F-A10B-4C7D-9D9D-CE630C535414.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
   #mainMenu > li.category > a:hover,
   #mainMenu > li.category:hover > a,
   #mainMenu > li.other-links a:hover{
     color: var(--accent-color) !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{
	--agro-tipp-red: #e20e23;
  	--trans-red: #F2C8C8;
  	--accent-color: var(--agro-tipp-red);  
  	--trans-bg: var(--trans-red);
}
a{
  color: black !important;
}
a:hover{
  color: var(--accent-color) !important;
}
.text-gold{
  color: gold !important;
}
.bi-search{
  fill: black !important;
}
.bi-search:hover{
  fill: white !important;
}
#search-box .bi-search:hover{
  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;
}

.carousel-control-next, .carousel-control-prev{
	width: 5%;
}
#GrandCarousel{
    margin-left: -15px;
    margin-right: -20px;
}


/*
#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: black !important;
}
.nav-item svg{
   color: black !important;
}
.nav-item svg:hover{
   color: white !important;
}
.b-sidebar-body .btn:hover svg{
   color: var(--accent-color) !important;
}
.navbar-nav.top-header-items .nav-link:hover{
  color: white !important;
}
#mainMenu > li.category > a{
  color: black !important;
}
.toast-body{
  background-color: white !important;
}
@media(min-width: 992px){
   #mainMenu > li.category > a:hover, #mainMenu > li.other-links a:hover{
     color: white !important;
   }
    /* display:none; */
}
}
/*
#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: black !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;
}
.footer a:hover{
    color: var(--accent-color) !important;
}


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

#payment-method-block img{
	max-width: 4rem !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;
}


/********************/
/* Header Navigation*/
/********************/
.header-nav-container .header-bottom{
    background-color: transparent !important;
}
#header-nav-container{
    background-image: url(https://agrotipp.hu/wp-content/uploads/pictures/honlap/F3AC804F-A10B-4C7D-9D9D-CE630C535414.jpeg);
    background-size: cover;        /* Makes image cover entire element */
    background-position: center;   /* Centers the image */
    background-repeat: no-repeat;  /* Prevents repeating */
}

.relation-table {
    width: 100%;
    table-layout: auto;
}
.relation-table img {
    max-width: 100%;
    height: auto;
}
.relation-table tr,.relation-table th{
    border: 1px solid black !important;
    font-weight: normal;
    white-space: nowrap;
}
/* Legördülő menü konténer ne vágja le az alkategóriákat */
.Menu.-horizontal > ul > li > ul,
.Menu.-horizontal li.-hasSubmenu > ul {
    overflow: visible !important;
}

/* A 3. szintű menü pozícionálása */
.sublist.next-level {
    overflow: visible !important;
}

/* Főkonténer magasság ne korlátozza */
#mainMenu li.-hasSubmenu:hover > ul {
    overflow: visible !important;
    max-height: none !important;
}

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