/*
 Theme Name:   Tenty
 Theme URI:    https://
 Description:  Tenty
 Author:       George Kapanadze
 Author URI:   https://
 Template:     generatepress
 Version:      0.1
*/

/*NORMALIZE CSS*/
*, a, abbr, acronym, address, applet, b, big, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, i, iframe, img, ins, kbd, label, legend, object, q, s, samp, small, span, strike, strong, sub, sup, tbody, td, tfoot, th, thead, tr, tt, u, var, select, input, textarea, :focus ::-moz-focus-inner {margin: 0;padding: 0;border: 0;outline: 0}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-appearance: none;box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
textarea:focus, input:focus, *:focus, input:focus{outline: none!important;}
.uppercase{text-transform: uppercase;}
.clear-both{clear: both;}
.hidden{display: none!important;}
.hide {display: none;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.pad-tb-20 {padding-top: 20px; padding-bottom: 20px;}
.pad-tb-30 {padding-top: 30px; padding-bottom: 30px;}
.pad-tb-40 {padding-top: 40px; padding-bottom: 40px;}
.pad-tb-50 {padding-top: 50px; padding-bottom: 50px;}
#wpadminbar{border-bottom: 1px solid #484848;}

/* Скрыть категории по атрибуту data-link */
li.category[data-link="https://tentium.ru/tenty/sadovye-tenty/"],
li.category[data-link="https://tentium.ru/tenty/tenty-dlya-bassejna/"],
li.category[data-link="https://tentium.ru/tenty/tenty-na-kacheli/"],
li.category[data-link="https://tentium.ru/tenty/tenty-na-lodku/"],
li.category[data-link="https://tentium.ru/tenty/tenty-turisticheskie/"],
li.category[data-link="https://tentium.ru/tenty/tenty-iz-armirovannoj-plenki/"] {
    display: none !important;
}

.single-product .up-sells.upsells.products h2,
.single-product .related.products h2,
.single-product .custom-upsell .related-title,
.related.products .h2 {
    font-size: 20px; 
    line-height: 32.4px; 
    margin-top: 32.4px; 
}

.related.products .h2{
    text-align: center;
    font-weight: 700;
    color: #222;
    margin-bottom: 60px;
    font-family: Inter;
}

.xngrph-header-menu {position:sticky;top:0;z-index:2;background:#eceff1;border-bottom:1px solid #D8D8D8}

.xngrph-h-menu {padding:0 40px}
.xngrph-h-menu > ul, .xngrph-h-menu li {list-style:none;padding:0;margin:0}
.xngrph-h-menu > ul {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.xngrph-h-menu li {position:relative;display:flex;align-items:center;width:max-content;height:35px}
.xngrph-h-menu a {font-size:17px;color:#000;text-decoration:none;text-transform:uppercase}
.xngrph-h-menu a:hover, .xngrph-h-menu .current_page_item a, .xngrph-h-menu li .sub-menu li a:hover {color:var(--accent)}
.xngrph-h-menu li .sub-menu {position:absolute;top:100%;display:none;background:#eceff1;border:1px solid #D8D8D8;border-top:0;padding:10px;margin-left:-10px}
.xngrph-h-menu li .sub-menu::before {content:"";position:absolute;inset:-10px 0 auto 0;height:10px}
.xngrph-h-menu li:hover .sub-menu {display:block}
.xngrph-h-menu li .sub-menu li a {font-size:16px;color:#000;text-transform:none}

.xngrph-bnr {display:grid;grid-template-columns:250px 1fr;gap:20px}
.xngrph-v-menu > ul, .xngrph-v-menu li {list-style:none;padding:0;margin:0}
.xngrph-v-menu > ul {display:grid;border-bottom:1px solid #D8D8D8}
.xngrph-v-menu > ul > li {border:1px solid #D8D8D8;border-bottom:0;cursor:pointer;margin:0}
.xngrph-v-menu > ul > li > a {display:grid;grid-template-columns:1fr 50px;align-items:center;justify-content:space-between;min-height:50px;background:#eceff1;font-size:14px;color:#000;text-decoration:none;text-transform:uppercase;padding:0 0 0 40px;cursor:pointer}
.xngrph-v-menu > ul > li:hover > a, .xngrph-v-menu > ul > li.current_page_item > a, .xngrph-v-menu > ul > li.menu-item-has-children.active > a {background:#0478D0;color:#fff}
.xngrph-v-menu > ul > li.menu-item-has-children > a::after {content:"";display:block;width:50px;height:50px;background:url(/wp-content/themes/tenty/assets/images/v.svg) center center no-repeat;transition:all 250ms ease-out}
.xngrph-v-menu > ul > li.menu-item-has-children > a:hover::after, .xngrph-v-menu > ul > li.current_page_item > a::after, .xngrph-v-menu > ul > li.menu-item-has-children.active > a::after {filter:invert(1)}
.xngrph-v-menu > ul > li.menu-item-has-children.active > a::after {transform:rotateZ(-180deg)}
.xngrph-v-menu > ul > li .sub-menu {display:none;background:#fff;padding:0;margin:0}
.xngrph-v-menu > ul > li.menu-item-has-children.active .sub-menu {display:block}
.xngrph-v-menu > ul > li .sub-menu a {display:flex;align-items:center;min-height:35px;line-height:1;font-size:14px;color:#000;text-decoration:none;padding:0 10px 0 40px}
.xngrph-v-menu > ul > li .sub-menu a:hover {color:var(--accent)}

.xngrph-bnr {margin-top:20px}
.xngrph-bnr-menu {position:relative}
.xngrph-bnr-menu .xngrph-v-menu {position:absolute;inset:0 0 auto 0}
.xngrph-bnr .first_screen {height:auto;background-size:cover}
.xngrph-bnr .first_screen_wrapper {display:grid;grid-template-columns:1fr 380px;width:100%}
.xngrph-bnr .top_content_header {font-size:40px;line-height:50px}
.xngrph-bnr .fs_content {width:100%;height:auto;padding:15px}
.xngrph-bnr .products {width:100%}
.xngrph-bnr .product_wrapper_wrapper {grid-template-columns:1fr 1fr}
.xngrph-bnr .fs_form {width:100%;max-width:350px;height:auto;margin:15px}
.xngrph-bnr .fs_form input[type="text"], .xngrph-bnr .fs_form input[type="tel"], .xngrph-bnr .fs_form input[type="submit"] {width:100%}

#xngrph-header {display:grid;grid-template-columns:200px 140px 1fr 175px;align-items:center}

.wpc-custom-selected-terms {display:none}
.widget-area.sidebar.is-left-sidebar, .widget-area.sidebar.is-left-sidebar .xngrph-v-menu {width:250px}

@media all and (max-width:1280px) {
	
.xngrph-bnr {grid-template-columns:1fr;padding:0 20px}
.xngrph-bnr-menu .xngrph-v-menu {position:relative;inset:auto}

}

@media all and (max-width:1024px) {
	
.xngrph-h-menu > ul {justify-content:center}

}

@media all and (max-width:768px) {

.xngrph-h-menu, .xngrph-v-menu, .xngrph-bnr-menu, #xngrph-header .custom-search-form {display:none}
.xngrph-bnr, .xngrph-bnr .first_screen_wrapper, .xngrph-bnr .product_wrapper_wrapper, #xngrph-header {grid-template-columns:1fr}
#xngrph-header .site-logo, #xngrph-header .contact-header {width:200px;margin:0 auto;margin-bottom:15px}
.xngrph-bnr .delivery_detail {width:100%}
.xngrph-bnr .fs_form {margin:15px auto}

}
.city-location{
    display: flex;
    align-items: center;
    justify-content: center;
}
.city-location__link{
    text-decoration: underline;
    color: #0478D0;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 5px;
    cursor: pointer;
}

.cities-list{
    height: 700px;
    overflow: auto;
    ul{
        margin: 0;
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        li{
            flex: 0 0 25%;
            padding: 5px;
        }
    }
}
.cities-list__search{
    margin: 10px 0;
    padding: 0 7px;
    input{
        width: 100%;
    }
}
.attribute-section .attribute-title{
    margin-bottom: 10px;
        font-size: 1.1em;
}
.accordion-container{
    margin-top: 50px;
}
.accordion-item {
    background-color: #FFFFFF;
    /* White background for items */
    border: 1px solid #E0E0E0;
    /* Light border */
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Softer shadow */
}

.accordion-header {
    background-color: #E10029;
    /* Soft purple */
    color: #fff;
    /* White text */
    padding: 15px;
    font-size: 18px;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px 8px 0 0;
    transition: background-color 0.3s ease;
    margin: 0;
}

.accordion-header:hover {
    background-color: #f5022e;
    /* Darker shade of purple */
}

.accordion-content {
    background-color: #FAFAFA;
    /* Very light grey for content */
    overflow: hidden;
    padding: 0 15px;
    max-height: 0;
    transition: max-height 0.3s ease;
}

.accordion-content p {
    margin: 15px 0;
    line-height: 1.5;
}

.accordion-header .icon {
    transition: transform 0.3s ease;
}

.accordion-header.active .icon {
    transform: rotate(45deg);
}

.cities-maps ul{
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	    & li {
            flex: 0 0 25%;
            padding: 5px;
        }
}
.tags-list{
	margin:20px -5px;
	
	.tag-item{
		display:inline-block;
		margin:5px;
		a{
			padding:10px;
			text-decoration:none;
			display:block;
			background-color: #F6F6F6;
            border-radius: 5px;
            color: #333;
			transition:.3s;
			&:hover{
				background-color:#D8D8D8;
			}
		}
	}
}
@media (max-width: 768px) {
    .cities-list{
        height: 500px;
        ul{
            li{
                flex: 0 0 33%;
            }
        }
    }
}
@media (max-width: 576px) {
    .cities-list{
        height: 300px;
        ul{
            li{
                flex: 0 0 50%;
            }
        }
    }

    .cities-maps ul {
        & li {
            flex: 0 0 33%;
            padding: 5px;
            a{
                font-size: 16px;
            }
        }
    }
}