/* Page-scoped patches for the zd clone.
 *
 * Only things with no Elementor setting we can read back from the DOM live here.
 * Each rule is scoped by document id + element id, because Elementor element ids
 * are only unique per document.
 */

/* cxb_b2b_product_categories_style2 (#6908729, page 13)
 *
 * The plugin's base rule draws 100x100 circles; the reference overrides that from
 * its widget settings and prints the result as widget-scoped CSS, which we cannot
 * read back. These values are copied verbatim from the reference's own generated
 * block (`.cxb-b2b-hc-widget-6908729 ...`), promoted to the page scope so they win
 * regardless of stylesheet order:
 *   item           width 200px, margin 0 9px, radius 8px, 1px transparent border
 *   image wrapper  width 200px, height 300px, radius 1%, 1px #ccc border
 */
.page-id-13 .elementor-element-6908729 .cxb-horizontal-category-item {
	width: 200px;
	flex: 0 0 200px;
	margin: 0 9px;
	border: 1px solid transparent;
	border-radius: 8px;
}
.page-id-13 .elementor-element-6908729 .cxb-horizontal-category-image-wrapper {
	width: 200px;
	height: 300px;
	border-radius: 1%;
	border: 1px solid #cccccc;
	overflow: hidden;
}
.page-id-13 .elementor-element-6908729 .cxb-horizontal-category-image {
	width: 100%;
	height: 100%;
	border-radius: 0;
	object-fit: cover;
	display: block;
}

/* Language switcher entry (#4017e600, header 126)
 *
 * The reference's TranslatePress switcher prints a flag before the label. We add a
 * plain menu item and draw the flag from the child theme instead of shipping the
 * whole multilingual plugin; the caret comes from jkit's has-children styling.
 */
.elementor-126 .elementor-element-4017e600 .zd-lang > a::before {
	content: "";
	display: inline-block;
	width: 21px;
	height: 15px;
	margin-right: 9px;
	vertical-align: -2px;
	background: url(flags/en_US.svg) no-repeat center / contain;
}

/* per-language flags for the switcher submenu */
.elementor-126 .elementor-element-4017e600 .zd-lang-en_US > a::before{background-image:url(flags/en_US.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-zh_CN > a::before{background-image:url(flags/zh_CN.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-ja > a::before{background-image:url(flags/ja.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-tr_TR > a::before{background-image:url(flags/tr_TR.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-pl_PL > a::before{background-image:url(flags/pl_PL.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-sv_SE > a::before{background-image:url(flags/sv_SE.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-nl_NL > a::before{background-image:url(flags/nl_NL.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-ar > a::before{background-image:url(flags/ar.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-ru_RU > a::before{background-image:url(flags/ru_RU.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-it_IT > a::before{background-image:url(flags/it_IT.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-pt_PT > a::before{background-image:url(flags/pt_PT.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-de_DE > a::before{background-image:url(flags/de_DE.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-fr_FR > a::before{background-image:url(flags/fr_FR.svg)}
.elementor-126 .elementor-element-4017e600 .zd-lang-es_ES > a::before{background-image:url(flags/es_ES.svg)}
