/*
 * Climatbox — семантическая разметка (mu-plugin climatbox-semantic-markup).
 * Задача: новые теги не должны менять вид страницы.
 */

/* Визуально скрытый текст, доступный роботам и скринридерам (H2 листинга, решение Р-2). */
.climatbox-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Новые обёртки — блочные, без собственных отступов. */
main.climatbox-main,
article.product-entity,
nav.category-subnav,
section.products-listing {
	display: block;
	margin: 0;
	padding: 0;
}

/* ---------- T-01: крошки ol вместо ul (копия правил porto/css/theme.css для ul.breadcrumb) ---------- */
ol.breadcrumb {
	list-style: none;
}
.page-top ol.breadcrumb { border-radius: 0; background: none; margin: 0; padding: 0; }
.page-top ol.breadcrumb > li { text-shadow: none; text-transform: uppercase; line-height: inherit; }
.page-top ol.breadcrumb > li a { display: inline-block; border-color: transparent; background: transparent; }
.page-top ol.breadcrumb > li + li:before { display: none; }
.page-top ol.breadcrumb li span { margin-left: 5px; }
.page-top ol.breadcrumb li span:first-child { margin-left: 0; }
.page-top ol.breadcrumb > li .delimiter {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	float: right;
	margin: 0 4px;
	width: 20px;
	text-align: center;
	font-style: normal;
	font-size: 12px;
}
.page-top ol.breadcrumb > li .delimiter:before { content: "/\00a0"; position: relative; right: -2px; } /* в оригинале — неразрывный пробел */
.page-top ol.breadcrumb > li .delimiter.delimiter-2 { font-family: "Porto"; font-weight: 400; }
.page-top ol.breadcrumb > li .delimiter.delimiter-2:before { content: "\e81a"; right: -1px; }

/* ---------- T-05: колонки макета товара — визуальный порядок как в редакторе ---------- */
.cb-ord-1 { order: 1; }
.cb-ord-2 { order: 2; }
.cb-ord-3 { order: 3; }
.cb-ord-4 { order: 4; }
.cb-ord-5 { order: 5; }
.cb-ord-6 { order: 6; }

/* ---------- Вкладки товара: заголовок аккордеона div вместо h2 (js/easy-responsive-tabs.min.js) ----------
 * 1) то, что div раньше получал от базового правила h2 темы (porto/css/theme.css);
 * 2) копии всех правил h2.resp-* в порядке подключения оригиналов (сгенерированы скриптом, селектор h2 → div);
 * 3) правило из CSS макета товара (Porto-блок 600).
 */
div.resp-accordion { letter-spacing: var(--porto-h2-ls, -0.05em); }
/* shortcodes.css */ div.resp-accordion { padding: 15px !important; line-height: 1.4; font-size: 1em; font-weight: 400; background: var(--porto-gray-1) !important; border-color: var(--porto-gray-2); }
/* shortcodes.css */ div.resp-accordion:first-child { border-top-color: var(--porto-gray-2) !important; }
/* shortcodes.css */ div.resp-tab-active { background: var(--porto-gray-1) !important; border-bottom: 1px solid var(--porto-gray-5) !important; }
/* theme_shop.css */ div.resp-accordion { cursor:pointer;padding:5px;display:none;margin:0 }
/* theme_shop.css */ div.resp-accordion { font-size:13px;border:1px solid #e7e7e7;border-top:0 solid #e7e7e7;margin:0;padding:10px 15px }
/* theme_shop.css */ div.resp-tab-active { border-bottom:0 solid #e7e7e7!important;margin-bottom:0!important;padding:10px 15px!important }
/* theme_shop.css */ div.resp-tab-title:last-child { border-bottom:12px solid #e7e7e7!important;background:blue }
/* theme_shop.css */ div.resp-tab-active span.resp-arrow { border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9B9797 }
/* theme_shop.css */ div.resp-tab-active { background:#DBDBDB!important }
/* theme_shop.css */ .resp-easy-accordion div.resp-accordion { display:block }
/* theme_shop.css */ div.resp-accordion:first-child { border-top:1px solid #e7e7e7!important }
/* theme_shop.css */ @media only screen and (max-width:767px) { div.resp-accordion { display:block } }
/* theme_shop.css */ div.resp-accordion { padding:15px!important;line-height:1.4;font-size:1em }
/* theme_shop.css */ .woocommerce-tabs div.resp-accordion { border-top:none!important;border-left:none;border-right:none;background:none!important;text-transform:uppercase;font-weight:bold;color:var(--porto-heading-color) }
/* theme_shop.css */ .woocommerce-tabs div.resp-accordion:before { content:"\e81c";font-family:"porto";float:left;margin-right:10px }
/* theme_shop.css */ .woocommerce-tabs div.resp-tab-active { border-bottom:2px solid var(--porto-primary-color)!important }
/* theme_shop.css */ .woocommerce-tabs div.resp-tab-active:before { content:"\e81b" }
/* dynamic_style.css */ div.resp-accordion { color:#9A2948 }
.wpb_custom_bb8b67146e3987f5915a0e515a20b7c1 div.resp-accordion { border-color: #ffffff !important; border-style: solid !important; }

/* ---------- Форма отзыва: заголовок div вместо h3 (inc/headings.php) ---------- */
div.comment-reply-title { color: var(--porto-h3-color, var(--porto-heading-color)); letter-spacing: var(--porto-h3-ls, -0.05em); }
.comment-respond div.comment-reply-title { margin: 0 0 40px; }

/* ---------- Описание товара без h2 «Описание» WooCommerce (inc/headings.php) ----------
 * Кастомный CSS сайта прятал этот h2 правилом «#product-tab .tab-content>h2:first-child{display:none}».
 * Теперь первым h2 стал заголовок из самого текста описания — возвращаем ему видимость.
 */
#product-tab #tab-description > h2:first-child { display: block; }

/* ---------- Отзывы без отзывов: заголовок раздела div вместо h2 (porto-child/woocommerce/single-product-reviews.php) ----------
 * Копии правил, которые этот h2 получал: базовый h2 темы (letter-spacing), theme_shop.css «.tab-content h2»,
 * кастомный CSS «#product-tab .tab-content h2», CSS макета товара (Porto-блок 600).
 */
div.woocommerce-Reviews-title { letter-spacing: var(--porto-h2-ls, -0.05em); }
.tab-content div.woocommerce-Reviews-title { font-size: 1.4286em; line-height: 1.4; font-weight: 400; margin-bottom: 1.0714em; }
#product-tab .tab-content div.woocommerce-Reviews-title { margin-bottom: 0.7em; }
.wpb_custom_bb8b67146e3987f5915a0e515a20b7c1 .tab-content div.woocommerce-Reviews-title { color: #212529; font-weight: 700; }