/* informační lišta */
.site-msg.information {background-color: #cd1313;color: #fff;max-width: 100%;width: 100%;z-index: 9999;left: 0;right: 0;top: 0;bottom: auto;}
.site-msg.information .container {padding-left: 15px;padding-right: 15px;}
.site-msg .close::before, .site-msg .close::after {background-color: #fff;}
/* fix >> */
body:has(.site-msg.information) .top-navigation-bar{
	margin-top: 30px;
	}
body:has(.site-msg.information) .admin-bar {
	top: 30px;
}

@media (max-width: 767px)
{
	.site-msg.information{
		position: static;
		}
}


/* filtry */
.filter-section.filter-section-parametric-id-5 form {max-height: 305px;height: 100%;overflow: auto;}
.filter-section.filter-section-parametric-id-5 form fieldset > div {margin-bottom: 10px;}
.filter-section.filter-section-parametric-id-5 form fieldset > div:last-of-type {margin-bottom: 0;}
.filter-section.filter-section-boolean {display: none;}
.filter-section h4 {margin-top: 15px;}

/* sidebar */
.type-page .sidebar, .type-post .sidebar, .type-posts-listing .sidebar {display: none;}

/* patička */
#footer .footer-newsletter, .footer-links-icons {display: none;}

/* detail produktu */
.p-basic-info-block .block .p-code {display: none;}
.p-data-wrapper .p-variants-block table.detail-parameters tbody, .p-data-wrapper .p-variants-block table.detail-parameters tbody tr:not(:last-of-type) {display: block;}
.p-data-wrapper .p-variants-block table.detail-parameters tbody tr:not(:last-of-type) th, .p-data-wrapper .p-variants-block table.detail-parameters tbody tr:not(:last-of-type) td {display: block;}
.p-data-wrapper .p-variants-block table.detail-parameters tbody tr:not(:last-of-type) th {font-size: 0;}
.p-data-wrapper .p-variants-block table.detail-parameters tbody tr:not(:last-of-type) th::before {content: 'Velikost';font-size: 14px;}
.p-data-wrapper .p-basic-info-block {display: none;}
.p-param-block {display: block;}
.social-buttons-wrapper {margin-top: 20px;}

/*volba varianty*/
#simple-variants .advanced-parameter {width:auto;min-width:40px;height:auto;min-height:40px;}
#simple-variants .advanced-parameter-inner {padding: 0;border-radius:0;width:auto;min-width:40px;height:auto;min-height:40px;display:flex;flex-direction:column;box-shadow: none;border-color: #d8d8d8;}
#simple-variants .advanced-parameter-inner.yes-before {border-color: #009c00;}
#simple-variants .advanced-parameter-inner span {text-align:center;line-height: 1.4;padding: 5px 10px;}
#simple-variants .advanced-parameter-inner .pkVS {margin-bottom: 5px;}
#simple-variants .advanced-parameter-inner .stock {border-top: 1px solid #d8d8d8;font-size: 11px;}
#simple-variants .advanced-parameter-inner.yes-before .pkVS {color: #000;}
#simple-variants .advanced-parameter-inner.yes-before::before {background: none;}

/* Blog */
.blog-wrap {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.blog .news-item {display: block;padding: 10px;margin-bottom: 20px;}
.blog .news-item .image {margin-right: 0;width: auto;margin-bottom: 10px;}
.blog .news-item .text .title {font-size: 20px;}

/* Homepage taby */
.shp-tabs-holder ul.shp-tabs li a {font-weight: 700;}
.shp-tabs-holder {border-color: #000;}
.shp-tab-link {background-color: #fff;border-color: #000;border-bottom-color: #fff;}
.active .shp-tab-link, .shp-tab-link:hover {background-color: #000;color: #fff;border-bottom-color: #000;}
.shp-tabs-holder ul.shp-tabs li a[href="#productDiscussion"] {display: none;}
.p-detail-tabs-wrapper .shp-tabs-holder ul.shp-tabs li {padding: 0;}
.p-detail-tabs-wrapper .shp-tabs-holder ul.shp-tabs li a {margin-right: 10px;}

/* Košík */
.cart-window-visible #cart-wrapper .cart-inner > h4, .in-kosik #cart-wrapper .cart-inner > h4, .cart-window-visible #cart-wrapper .cart-inner .summary > .col-md-8 > .box > h4, .in-kosik #cart-wrapper .cart-inner .summary > .col-md-8 > .box > h4  {display: none;}
.extra.delivery > span > strong {color: #009901;}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
  .site-msg.information .container {max-width: 747px;}
  .blog .news-item .text .title {min-height: 64px;}
  .blog .news-item {width: 50%;}
  .in-index .shp-tabs-holder ul.shp-tabs li a {font-size: 16px;}
}
@media (min-width: 992px) {
  .site-msg.information .container {max-width: 972px;}
  .blog .news-item {width: 33.33%;}
  .news-item .text .title {font-size: 22px;}
}
@media (min-width: 1200px) {
  .site-msg.information .container {max-width: 1418px;}
}
@media (max-width: 991px) {
  .blog .news-item:nth-child(n+3) {display: none;}
}


/*** HP.horní bannery ***/
.col-sm-4{
	display: none;
	}

@media screen and (min-width: 768px)
{
	.col-sm-4{
		display: block;
		}
}

/*** hp USP ***/
.benefitBanner strong{
	display: block;
	font-size: 1.4rem;
	}

.benefitBanner span{
	display: block;
	font-size: 1.15rem;
	}


/*** hp-bestsellery ***/
/* prozatimne skryto, po přepnutí šablony deaktivovat v administraci a zde smazat */
.homepage-group-title.homepage-products-heading-2.h4,
.homepage-group-title.homepage-products-heading-6.h4,
.has-navigation[data-editorid="homepageProductGroup-2"],
.has-navigation[data-editorid="homepageProductGroup-6"]{
	display: none;
	}


/*** hp spodní bannery ***/
.footer-banners .footer-banner a,
.footer-banners .footer-banner img{
	display: block;
	margin: auto;
	}

.footer-banners div{
	padding-bottom: 5px;
	}

@media screen and (min-width: 500px)
{
	.footer-banners{
		display: flex;
		flex-wrap: wrap;
		}

	.footer-banners .footer-banner{
		width: 50%;
		}

	.footer-banners div:nth-child(1){
		border-right: 4px solid white;
		border-bottom: 4px solid white;
		}

	.footer-banners div:nth-child(2){
		border-bottom: 4px solid white;
		}

	.footer-banners div:nth-child(3){
		border-right: 4px solid white;
		}

}

/*** hp-články ***/
.qram-homepage-articles-link{
	padding: 10px 0 20px;
	flex: 0 0 100%;
	}

.qram-homepage-articles-link a{
	display: block;
	width: 150px;
	margin: auto;
	padding: 12px 0 10px;
	line-height: 100%;
	font-size: 1.45rem;
	color: var(--color-primary);
	border: 1px solid var(--color-primary);
	text-align: center;
	font-weight: 600;
	}

.qram-homepage-articles-link a:hover{
	text-decoration: underline;
	}


/*** hp-welcome text ***/
#qram-homepage-welcome-button{
	text-decoration: underline;
	cursor: pointer;
	}

#qram-homepage-welcome-button:hover{
	font-weight: 600;
	}

#qram-homepage-welcome{
	display: none;
	}


/*** hp-clanky mezera ***/
.blog-wrapper .homepage-group-title{
	margin-top: 40px;
	}

.welcome-wrapper{
	margin: auto;
	padding: 25px;
	}

/*** detail - výběr variant ***/
#product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before::before{
	display: none;
	}

#product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before .stock{
	font-weight: 600;
	}

.advanced-parameter-inner{
	border-width: 2px;
	}


/*** detail - popis ***/
#p-detail-tabs li[data-testid="tabDescription"] a{
	color: black;
	background: white;
	text-decoration: none;
	cursor: default;
	border-bottom-width: 1px;
	}


/*** kategorie  ***/
#content .filter-section.filter-section-parametric-id-5{
	border-bottom: 1px solid rgb(232,232,232);
	padding-bottom: 0;
	}

#content .filter-section.filter-section-parametric-id-5 fieldset{
	overflow-x: hidden;
	column-width: 162px;
	}

#content .filter-section.filter-section-parametric-id-5 fieldset div{
	width: 162px;
	break-inside: avoid;
	/*background: rgb(250,250,250);*/
	}

@media screen and (max-width: 610px)
{
	#content .filter-section.filter-section-parametric-id-5 fieldset{
		column-width: 145px;
		}

	#content .filter-section.filter-section-parametric-id-5 fieldset div{
		width: 145px;
		}
}

/*** kosik ***/
.cart-inner div{
	/*outline: 1px solid red;*/
	}

.qram-cart-delivery{
	display: flex;
	flex-wrap: wrap;
	}

.qram-cart-delivery-original{
	/*flex-grow: 1;*/
	}

.qram-cart-help{
	min-width: 200px;
	padding: 0 15px 0 15px;
	}

.qram-cart-help div{
	padding: 0px 5px 5px;
	border-left: 1px dotted silver;
	}

@media screen and (max-width: 500px)
{
	.mobile .qram-cart-help{
		padding-left: 0;
		margin-top: 6px;
		}

	.mobile .qram-cart-help div{
		border-left: none;
		border-top: 1px dotted silver;
		border-bottom: 1px dotted silver;
		}

	.mobile .qram-cart-help strong{
		border-bottom: none;
		}
}

.qram-cart-help-shipping{
	padding-left: 5px;
	}

.qram-cart-help-shipping div{
	border: none;
	}

.qram-cart-help strong{
	display: block;
	line-height: 100%;
	padding: 4px 0 4px;
	border-bottom: 1px dotted silver;
	margin-bottom: 5px;
	}

#content .qram-cart-help p{
	display: flex;
	padding: 5px 0;
	margin: 0;
	font-size: 1.5rem;
	line-height: 100%;
	}

.qram-cart-help p:before{
	display: block;
	font-family: shoptet;
	margin-right: 8px;
	}

.qram-cart-help p:nth-of-type(1):before{
	content: "\e922";
	}

.qram-cart-help p:nth-of-type(2):before{
	content: "\e92c";
	}

.qram-cart-help p:nth-of-type(3):before{
	content: "\e924";
	margin-top: 1px;
	}

.qram-cart-help span{
	display: block;
	flex-grow: 1;
	line-height: 100%;
	}

.qram-cart-help a{
	display: inline-block;
	font-weight: 500;
	}

.qram-cart-help a:hover{
	text-decoration: underline;
	}

.qram-cart-help-header-wrapper{
	display: flex;
	}

.qram-cart-help-header-space{
	height: 20px;
	flex-grow: 1;
	}

.qram-cart-help-header{
	margin-top: 0;
	margin-right: 0;
	display: block;
	}

@media screen and (min-width: 992px)
{
	.qram-cart-help-header{
		display: none;
		}
}

.qram-cart-help-header div{
	padding-left: 15px;
	}

.mobile .qram-cart-help-header div{
	border-top: none;
	}

.qram-cart-help-header strong{
	font-size: 1.35rem;
	border: none;
	padding-top: 8px;
	margin: auto;
	}

.qram-cart-help-header p{
	display: flex;
	font-size: 1.25rem;
	padding: 3px 0;
	margin: 0;
	line-height: 100%;
	}

.qram-cart-help-header a{
	color: white;
	}

@media screen and (max-width: 480px)
{
	.qram-cart-help{
		min-width: 150px;
		}

	.qram-cart-help-header strong{
		font-size: 1.0rem;
		margin: 0;
		padding: 0 0 3px;
		}

	.qram-cart-help-header p{
		font-size: 0.85rem;
		padding: 2px 0;
		}
}


/*** kontakt ***/
.qram-contact{

	}

.qram-contact-top,
.qram-contact-brand{
	display: flex;
	padding: 10px 0 30px;
	justify-content: flex-start;
	}

.qram-contact-top div,
.qram-contact-brand div{
	margin-top: 0;
	width: 270px;
	padding: 10px 0;
	background: #c8cfd4;
	}

div.qram-contact-prodejna-top{
	background: none;
	padding: 0 0 0 20px;
	}

div.qram-contact-prodejna-top img{
	display: block;
	max-width: 500px;
	}

.qram-contact-prodejna-bottom{
	display: none;
	}

@media screen and (max-width: 1160px)
{
	.qram-contact-prodejna-top{
		display: none;
		}

	.qram-contact-prodejna-bottom{
		display: block;
		}
}

@media screen and (max-width: 600px)
{
	.qram-contact-top,
	.qram-contact-brand{
		flex-wrap: wrap;
		}

	.qram-contact-top div,
	.qram-contact-brand div{
		width: 100%;
		max-width: 350px;
		margin-bottom: 30px;
		}
}

.qram-contact-top div:nth-of-type(1),
.qram-contact-brand div:nth-of-type(1){
	margin-right: 30px;
	}

#content .qram-contact div p{
	display: block;
	padding: 5px 20px;
	margin: 20px auto auto;
	line-height: 140%;
	}

#content .qram-contact div p:nth-of-type(1){
	margin-top: 0;
	}

.qram-contact a{
	text-decoration: underline;
	}

.qram-contact strong{
	display: block;
	background: #edeff1;
	line-height: 140%;
	padding: 10px 0;
	text-align: center;
	}

.qram-contact strong.bi:before{
	font-size: 2.2rem;
	margin-right: 8px;
	}

.qram-contact p.bi:before{
	font-size: 1.8rem;
	margin-right: 8px;
	margin-left: 8px;
	color: #687796;
	}

.qram-contact .bi-clock b{
	display: block;
	padding-left: 35px;
	}

.qram-contact-address b{
	font-size: 2rem;
	display: block;
	padding-left: 35px;
	}

.qram-contact-address span{
	display: block;
	padding-left: 35px;
	}

.qram-contact-reklamace{
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
	margin: 50px auto;
	padding: 5px;
	}

.qram-contact-bank b{
	display: block;
	}


/*** kosik checkbox ***/
/*
.stay-in-touch div:nth-of-type(1){
	display: flex;
	}
*/
.stay-in-touch div:nth-of-type(1) label:before{
	top: 15px;
	}


/*** cart thank page ***/
.in-dekujeme{
	background: #ecf0f1;
	}

.in-dekujeme #content-wrapper{
	background: #ecf0f1;
	}

.in-dekujeme .co-box.co-order,
.in-dekujeme .co-box.co-payment-method{
	border-radius: 15px;
	background: white;
	padding: 30px;
	}

.in-dekujeme .co-box.co-payment-method{
	margin-bottom: 40px;
	}

.in-dekujeme .co-box.co-payment-method .order-payment,
.in-dekujeme .co-box.co-order .order-content{
	display: inline-block;
	margin: 15px auto;
	text-align: center;
	}

.in-dekujeme .co-box.co-payment-method .recapitulation-table{
	max-width: 280px;
	margin: auto;
	white-space: nowrap;
	}

.in-dekujeme .co-box.co-payment-method .recapitulation-table td{
	font-weight: bold;
	}

.in-dekujeme .co-box.co-payment-method .recapitulation-table th:after{
	display: none;
	}

.in-dekujeme .content-inner{
	text-align: center;
	}

.in-dekujeme .order-summary-heading{
	display: block;
	margin: auto;
	padding: 0 10px 20px;
	text-align: center;
	line-height: 100%;
	}

.in-dekujeme .order-summary-heading:before{
	content: "";
	font-family: shoptet;
	font-size: 2.7rem;
	background-image: url(https://www.wranglerstore.cz/user/documents/upload/Tsunami/qram_typ_success.png);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: auto 10px auto auto;
	display: inline-block;
	position: relative;
	top: 10px;
	}

#onlinePaymentButton,
.in-dekujeme .suspend-redirect a{
	display: block;
	margin: auto auto 10px;
	padding: 15px 0 60px;
	max-width: 400px;
	background-image: url(https://www.wranglerstore.cz/user/documents/upload/Tsunami/payment.png);
	background-position: center bottom 15px;
	background-repeat: no-repeat;
	background-size: 180px 35px;
	font-size: 2rem;
	}

.qram-thank{
	width: 100%;
	margin: 40px auto auto;
	padding: 30px 20px;
	border-radius: 15px;
	background: white;
	}

.qram-thank-in{
	max-width: 500px;
	margin: auto;
	padding: 10px 0 20px 0;
	}

.qram-thank-part div{
	display: flex;
	line-height: 220%;
	}

.qram-thank span{
	display: block;
	width: 150px;
	text-align: left;
	}

.qram-thank b{
	display: block;
	flex-grow: 1;
	text-align: left;
	}

.qram-thank h4:before{
	content: "\e91f";
	font-family: shoptet;
	margin-right: 10px;
	font-size: 2.7rem;
	}

.qram-thank h5{
	background: #ecf0f1;
	padding: 5px 0 5px;
	border-radius: 3px;
	margin-top: 35px;
	}

.in-dekujeme .reca-payment-wrap p{
	text-align: center;
	}


/*** leadhub form ***/
.ordering-process .lh-weblayer--root{
	display: none;
	}

.lh-weblayer--root{
	max-width: 100%;
	margin: auto;
	background-color: black;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 6px;
	box-shadow:
		500px 0 0 black,
		1000px 0 0 black,
		1500px 0 0 black,
		3000px 0 0 black,
		-500px 0 0 black,
		-1000px 0 0 black,
		-1500px 0 0 black,
		-3000px 0 0 black;
	}



.lh-weblayer--root > div{
	/*display: grid !important;*/
	/*grid-template-columns: 5fr 3fr 2fr;*/
	background-color: black !important;
	color: white !important;
	padding: 10px 10px 0 !important;
	}

.lh-weblayer--root > div:first-child:has(> :nth-child(3)) {
	display: grid !important;
	grid-template-columns: 5fr 3fr 2fr;
	}

.lh-weblayer--root > div div:nth-of-type(1) div{
	grid-column: 1;
  	grid-row: 1;
  	font-size: clamp(1.8rem, 3vw, 2.4rem);
  	padding: 0 !important;
  	line-height: 120%;
	}

.lh-weblayer--root > div div:nth-of-type(2){
	grid-column: 1;
  	grid-row: 2;
  	color: silver !important;
  	margin: auto !important;
  	}

 .lh-weblayer--root > div div:nth-of-type(2) div:nth-of-type(1){
  	/*font-size: 1.3em;*/
  	font-size: 1.25rem;
  	font-weight: 500;
  	padding: 0 15px 8px;
  	color: rgb(235,235,235) !important;
  	line-height: 135%;
	}

.lh-weblayer--root > div div:nth-of-type(2) div:nth-of-type(2){
	display: none;
	}

.lh-weblayer--root > div input:nth-of-type(1){
	grid-column: 2;
  	grid-row: 1 / span 2;
  	font-size: 1.6rem !important;
  	color: black !important;
  	max-height: 55px;
	}

.lh-weblayer--root > div button:nth-of-type(1){
	grid-column: 3;
  	grid-row: 1 / span 2;
  	min-width: 200px;
  	max-width: 200px;
  	font-size: 1.6rem !important;
  	border: 1px solid silver;
  	margin-left: 30px;
  	max-height: 55px;
  	background-color: white !important;
  	color: black !important;
	}

.lh-weblayer--root > div button:nth-of-type(1):hover{
	text-decoration: underline !important;
	}

.lh-weblayer--root div{
	text-align: center;
	}

.lh-weblayer--root div[style="font-size: 16px; font-weight: 600; padding: 62px 0px 10px; text-align: center;"]{
		padding-top: 30px !important;
		font-size: 2.2rem;
		}

	.lh-weblayer--root img[style="height: 44px; margin-bottom: 62px;"]{
		margin-bottom: 20px !important;
		}

@media screen and (min-width: 1200px)
{
	.lh-weblayer--root div[style="font-size: 16px; font-weight: 600; padding: 62px 0px 10px; text-align: center;"]{
		padding-top: 0 !important;
		}

	.lh-weblayer--root img[style="height: 44px; margin-bottom: 62px;"]{
		margin-bottom: 0 !important;
		}
}

@media screen and (max-width: 1000px)
{
	.lh-weblayer--root > div:first-child:has(> :nth-child(3)){
		display: block !important;
		}
}


.id-2259 #filters-wrapper .slider-wrapper,
.id-2262 #filters-wrapper .slider-wrapper,
.id-2265 #filters-wrapper .slider-wrapper,
.id-2268 #filters-wrapper .slider-wrapper,
.id-2259 #filters-wrapper #price-filter-form,
.id-2262 #filters-wrapper #price-filter-form,
.id-2265 #filters-wrapper #price-filter-form,
.id-2268 #filters-wrapper #price-filter-form{
	display: none;
	}

.id-2259 #filters-wrapper #manufacturer-filter,
.id-2262 #filters-wrapper #manufacturer-filter,
.id-2265 #filters-wrapper #manufacturer-filter,
.id-2268 #filters-wrapper #manufacturer-filter{
	border-top: none;
	}

/*** varianty ***/
html:has(meta[itemprop="productID"][content="9306"])
{
	#simple-variants{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 7px;
		}

	#simple-variants::before,
	#simple-variants > span{
		display: none;
		}

	#simple-variants .advanced-parameter{
		margin: unset;
		}

	#simple-variants .advanced-parameter-inner{
		border-radius: 16px;
		min-height: 0;
		border-color: rgb(0,156,0);
		}

	#simple-variants .advanced-parameter-inner.yes-before{
		background: rgb(0,156,0);
		}

	#simple-variants .advanced-parameter-inner.yes-before .pkVS{
		color: white;
		}

	#simple-variants .advanced-parameter-inner .pkVS{
		margin: auto;
		padding: 4px 8px 3px;
		}

	#simple-variants .stock{
		display: none;
		}

	.choose-variant span.availability-label[style="color: #009901"]{
		display: inline-block;
		background: rgb(0,156,0);
		color: white !important;
		border-radius: 6px;
		padding: 5px 10px 5px;
		line-height: 100%;
		position: relative;
		top: 3px;
		animation: QrVariantaSkladem 0.2s ease-out forwards;
		}
}


@keyframes QrVariantaSkladem
{
	from
	{
		transform: translateY(15%) scale(0.8);
	}
	to
	{
		transform: translateY(0) scale(1);
	}
}


/*	background: rgb(0,156,0);
	color: white;
	}

#simple-variants .advanced-parameter-inner{
	border: none;
	}

#simple-variants .advanced-parameter-inner.yes-before .pkVS{
	color: gold;
	}
*/






/* ============================================================
   FAQ — WranglerStore.cz
   Vzhled 02 (Red Bar) s nadpisem z 01 (Hairline).
   Cílí přesně markup, který je na webu:
     <section class="tsunami-faq">
       <h2 class="tsunami-faq__title">…</h2>
       <details class="tsunami-faq__item">
         <summary class="tsunami-faq__question">…</summary>
         <div class="tsunami-faq__answer"><p>…</p></div>
       </details>
       …
     </section>
   Stačí vložit do globálního CSS. Nevyžaduje žádné JS — používá
   nativní <details>/<summary>.
   ============================================================ */

.tsunami-faq {
  /* Paleta — sladěná s e-shopem. Klidně přepište na vlastní tokeny. */
  --ws-ink:    #111111;
  --ws-ink-2:  #4a4a4a;
  --ws-line:   #e5e5e5;
  --ws-red:    #d61f26;

  color: var(--ws-ink);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  max-width: 880px;
  margin: 48px auto;
  padding: 0 24px;
}

/* ---------- Nadpis (převzato z varianty 01) ---------- */

.tsunami-faq__title {
  font-size: 2.7rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--ws-ink);
  margin: 0 0 4px;
}

/* Drobný červený "eyebrow" nad nadpisem — vykreslen pseudo-elementem,
   takže nevyžaduje další HTML. Pokud ho nechcete, smažte tento blok. */

/*
.tsunami-faq::before {
  content: "Nápověda · FAQ";
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ws-red);
  margin-bottom: 20px;
}
*/

/* ---------- Položky (převzato z varianty 02) ---------- */

.tsunami-faq__title + .tsunami-faq__item {
  margin-top: 15px;
}

.tsunami-faq__item {
  border-top: 1px solid var(--ws-line);
  border-left: 3px solid transparent;
  padding-left: 20px;
  margin-left: -23px;            /* aby otevřená lišta opticky lícovala */
  transition: border-color 0.2s ease;
}

.tsunami-faq__item:last-child {
  border-bottom: 1px solid var(--ws-line);
}

.tsunami-faq__item[open] {
  border-left-color: var(--ws-red);
}

/* ---------- Otázka (summary) ---------- */

.tsunami-faq__question {
  list-style: none;             /* skrýt nativní marker */
  cursor: pointer;
  padding: 22px 48px 22px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.005em;
  position: relative;
  color: var(--ws-ink);
  transition: color 0.15s ease;
}

.tsunami-faq__question::-webkit-details-marker { display: none; }

.tsunami-faq__question:hover {
  color: var(--ws-red);
}

/* Plus / křížek vpravo */
.tsunami-faq__question::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  font-family: inherit;
  font-weight: 300;
  font-size: 28px;
  line-height: 1;
  color: var(--ws-ink);
  transition: transform 0.25s ease, color 0.15s ease;
}

.tsunami-faq__item[open] .tsunami-faq__question::after {
  transform: translateY(-50%) rotate(45deg);
  color: var(--ws-red);
}

/* ---------- Odpověď ---------- */

.tsunami-faq__answer {
  padding: 0 0 26px;
 /* max-width: 60ch;*/
  font-size: 15px;
  line-height: 1.7;
  color: var(--ws-ink-2);
}

#content .tsunami-faq__answer p {
  margin: 0 0 5px;
}

#content .tsunami-faq__answer p:last-child {
  margin-bottom: 0;
}

/* ---------- Přístupnost ---------- */

.tsunami-faq__question:focus-visible {
  outline: 2px solid var(--ws-red);
  outline-offset: 4px;
  border-radius: 2px;
}

/* ---------- Mobile ---------- */

@media (max-width: 600px) {
  .tsunami-faq { margin: 32px auto; padding: 0 16px; }
  .tsunami-faq__title { font-size: 28px; }
  .tsunami-faq__question { font-size: 16px; padding: 18px 40px 18px 0; }
  .tsunami-faq__answer { font-size: 14.5px; }
}