.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --bbc-primary:#0057A8; --bbc-primary-dark:#00468A; --bbc-navy:#0B1F45; --bbc-accent:#1E7FD6; --bbc-title:#0E4C9A; --bbc-text:#16213A; --bbc-muted:#5B6474; --bbc-sale:#E5202E; --bbc-green:#0DA052; --bbc-viber:#7360F2; --bbc-bg:#F3F8FD; --bbc-bg-blue:#E4F0FC; --bbc-icon-bg:#DCEBFA; --bbc-border:#E2EAF3; --bbc-white:#FFFFFF; --bbc-font:Lexend; } /* Start custom CSS *//* Snippet: BBC: store styles */ /* Tokens mirror the Elementor V4 global variables (bbc-*) — keep both in sync. */ :root { --bbc-primary: #0057A8; --bbc-primary-dark: #00468A; --bbc-navy: #0B1F45; --bbc-accent: #1E7FD6; --bbc-title: #0E4C9A; --bbc-text: #16213A; --bbc-muted: #5B6474; --bbc-sale: #E5202E; --bbc-green: #0DA052; --bbc-viber: #7360F2; --bbc-bg: #F3F8FD; --bbc-bg-blue: #E4F0FC; --bbc-icon-bg: #DCEBFA; --bbc-border: #E2EAF3; --bbc-radius: 10px; --bbc-radius-sm: 6px; --bbc-shadow: 0 6px 24px rgba(0, 70, 140, .07); --bbc-container: 1360px; --bbc-gutter: 24px; --bbc-font: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; } body { font-family: var(--bbc-font); color: var(--bbc-text); background: #fff; -webkit-font-smoothing: antialiased; } body.woocommerce-page, body.page { background: var(--bbc-bg); } .bbc-container { max-width: var(--bbc-container); margin-inline: auto; padding-inline: var(--bbc-gutter); box-sizing: border-box; width: 100%; } .e-svg-base svg[stroke="currentColor"], .bbc-icon[stroke="currentColor"] { fill: none; } .bbc-icon { width: 1.25em; height: 1.25em; flex: none; vertical-align: middle; } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } /* Hello theme wrappers: let WooCommerce pages use full width; our containers handle width. */ .woocommerce-page .site-main, .woocommerce .site-main, body.woocommerce-page main#main, .bbc-full main#content { max-width: none; padding: 0; margin: 0; width: 100%; } .woocommerce-page .page-header, .woocommerce .page-header { display: none; } /* ---------- Buttons ---------- */ .bbc-btn, .woocommerce a.bbc-btn, .woocommerce button.bbc-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5em; font: 600 14px/1.2 var(--bbc-font); padding: 12px 22px; border-radius: 8px; border: 1.5px solid transparent; text-decoration: none; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s, transform .2s; } .bbc-btn--primary, .woocommerce a.bbc-btn--primary { background: var(--bbc-primary); color: #fff; } .bbc-btn--primary:hover, .bbc-btn--primary:focus-visible { background: var(--bbc-primary-dark); color: #fff; } .bbc-btn--outline { background: #fff; color: var(--bbc-primary); border-color: var(--bbc-primary); width: 100%; border-radius: 999px; padding: 9px 16px; } .bbc-btn--outline:hover { background: var(--bbc-primary); color: #fff; } .bbc-btn--lg { font-size: 16px; padding: 16px 32px; } .bbc-btn .bbc-icon { width: 18px; height: 18px; } :focus-visible { outline: 2px solid var(--bbc-accent); outline-offset: 2px; } /* ---------- Product card ---------- */ .woocommerce ul.products, ul.products.bbc-product-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; } .woocommerce ul.products::before, .woocommerce ul.products::after { content: none; display: none; } .woocommerce ul.products li.product, ul.products.bbc-product-row li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 0; list-style: none; } .bbc-card { position: relative; display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); padding: 18px 18px 20px; box-sizing: border-box; transition: box-shadow .2s, transform .2s; } .bbc-card:hover { box-shadow: var(--bbc-shadow); transform: translateY(-2px); } .bbc-card-media { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; margin-bottom: 12px; } .bbc-card-media img { max-height: 100%; width: auto !important; max-width: 100%; object-fit: contain; margin: 0 !important; } .bbc-card-body { display: flex; flex-direction: column; flex: 1; } .bbc-card-cat { font-size: 11px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; color: var(--bbc-primary); margin-bottom: 4px; } .bbc-card-title { font: 700 14px/1.3 var(--bbc-font); text-transform: uppercase; margin: 0 0 6px; color: var(--bbc-navy); } .bbc-card-title a { color: inherit; text-decoration: none; } .bbc-card-title a:hover { color: var(--bbc-primary); } .bbc-card-sub { font-size: 13px; line-height: 1.4; color: var(--bbc-muted); margin: 0 0 12px; } .bbc-card-price { margin-top: auto; margin-bottom: 14px; font-size: 18px; font-weight: 700; color: var(--bbc-title); display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; } .bbc-card-price .amount, .bbc-single-price .amount { color: inherit; } .bbc-price-old { color: #8A93A3; font-size: 13px; font-weight: 400; } .bbc-price--sale, .bbc-price--sale .amount { color: var(--bbc-sale) !important; text-decoration: none; background: none; } .bbc-price--ask { font-size: 15px; color: var(--bbc-muted); } .bbc-card-actions { display: flex; align-items: center; gap: 10px; } .woocommerce .bbc-card-actions a.button, .bbc-card-actions a.button { display: inline-flex; align-items: center; gap: 8px; background: var(--bbc-primary); color: #fff; font: 600 13px/1 var(--bbc-font); padding: 11px 16px; border-radius: 8px; margin: 0; flex: 0 1 auto; } .woocommerce .bbc-card-actions a.button:hover { background: var(--bbc-primary-dark); color: #fff; } .woocommerce .bbc-card-actions a.button.loading { opacity: .7; } .woocommerce .bbc-card-actions a.added_to_cart { display: none; } .woocommerce .bbc-card-actions a.button.added::after { content: "✓"; margin-left: 2px; font-family: inherit; position: static; } .bbc-btn-icon { width: 17px; height: 17px; } .bbc-fav { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--bbc-border); background: #fff; color: var(--bbc-primary); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; flex: none; transition: background .2s, color .2s; } .bbc-fav .bbc-icon { width: 18px; height: 18px; } .bbc-fav:hover { border-color: var(--bbc-primary); } .bbc-fav.is-active { background: var(--bbc-primary); color: #fff; } .bbc-fav.is-active svg { fill: currentColor; } .bbc-fav--lg { width: 52px; height: 52px; border-radius: 10px; border: 1.5px solid var(--bbc-primary); } .bbc-fav--lg .bbc-icon { width: 24px; height: 24px; } .bbc-badge { position: absolute; top: 12px; left: 12px; z-index: 2; font: 600 12px/1 var(--bbc-font); color: #fff; padding: 6px 10px; border-radius: 6px; background: var(--bbc-sale); } .bbc-badge.is-clearance { background: #C2410C; } .bbc-badge.is-featured { background: var(--bbc-primary); } /* Carousel rows (homepage, related products) — centered card text like the design */ .bbc-carousel { position: relative; } .bbc-carousel ul.products.bbc-product-row { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 4 * 16px) / 5); grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; } .bbc-carousel .bbc-product-row::-webkit-scrollbar { display: none; } .bbc-carousel li.product { scroll-snap-align: start; } .bbc-carousel .bbc-card { text-align: center; padding: 16px 14px 18px; } .bbc-carousel .bbc-card-cat { display: none; } .bbc-carousel .bbc-card-price, .bbc-carousel .bbc-card-actions { justify-content: center; } .bbc-carousel .bbc-card-title { font-size: 13px; } .bbc-carousel .bbc-card-sub { font-size: 12px; margin-bottom: 8px; } .bbc-carousel-nav { position: absolute; top: -52px; right: 0; display: flex; gap: 8px; } .bbc-carousel-nav button { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--bbc-border); background: #fff; color: var(--bbc-navy); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; } .bbc-carousel-nav button:hover { border-color: var(--bbc-primary); color: var(--bbc-primary); } .bbc-carousel-nav .bbc-icon { width: 18px; height: 18px; } .bbc-slot { display: block; width: 100%; } /* ---------- Header widgets (used inside Elementor header) ---------- */ .bbc-search { display: flex; width: 100%; max-width: 640px; margin: 0; } .bbc-search input[type="search"] { flex: 1; min-width: 0; height: 44px; border: 1px solid #CFD9E6; border-right: 0; border-radius: 6px 0 0 6px; padding: 0 16px; font: 400 13px var(--bbc-font); color: var(--bbc-text); background: #fff; } .bbc-search input[type="search"]:focus { outline: none; border-color: var(--bbc-primary); } .bbc-search button { width: 52px; height: 44px; border: 0; border-radius: 0 6px 6px 0; background: var(--bbc-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; } .bbc-search button:hover { background: var(--bbc-primary-dark); } .bbc-header-actions { display: flex; gap: 28px; align-items: center; justify-content: flex-end; } .bbc-hact { position: relative; display: inline-flex; align-items: center; gap: 8px; color: var(--bbc-navy); text-decoration: none; font-size: 13px; } .bbc-hact .bbc-icon { width: 26px; height: 26px; color: var(--bbc-navy); } .bbc-hact:hover { color: var(--bbc-primary); } .bbc-count { position: absolute; top: -6px; left: 16px; min-width: 18px; height: 18px; border-radius: 9px; background: var(--bbc-primary); color: #fff; font: 600 10px/18px var(--bbc-font); text-align: center; padding: 0 4px; box-sizing: border-box; border: 2px solid #fff; } .bbc-catmenu { position: relative; } .bbc-catmenu summary { white-space: nowrap; list-style: none; display: inline-flex; align-items: center; gap: 10px; color: #fff; font: 600 14px var(--bbc-font); cursor: pointer; padding: 12px 0; } .bbc-catmenu summary::-webkit-details-marker { display: none; } .bbc-catmenu summary .bbc-icon { width: 20px; height: 20px; } .bbc-catmenu-panel { position: absolute; z-index: 100; top: 100%; left: 0; width: min(760px, 92vw); background: #fff; border-radius: 0 0 var(--bbc-radius) var(--bbc-radius); box-shadow: 0 18px 40px rgba(11, 31, 69, .18); padding: 22px 26px; } .bbc-catmenu-panel > ul { columns: 3; column-gap: 28px; margin: 0; padding: 0; list-style: none; } .bbc-catmenu-panel li { break-inside: avoid; margin-bottom: 10px; list-style: none; } .bbc-catmenu-panel > ul > li > a { font-weight: 600; color: var(--bbc-navy); text-decoration: none; font-size: 14px; } .bbc-catmenu-panel ul ul { padding: 6px 0 4px 0; margin: 0; } .bbc-catmenu-panel ul ul li { margin-bottom: 4px; } .bbc-catmenu-panel ul ul a { color: var(--bbc-muted); font-size: 13px; text-decoration: none; } .bbc-catmenu-panel a:hover { color: var(--bbc-primary) !important; } .bbc-catmenu-all { display: inline-flex; gap: 6px; align-items: center; margin-top: 8px; font-weight: 600; color: var(--bbc-primary); text-decoration: none; font-size: 14px; } /* Contact buttons */ .bbc-contact-buttons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .bbc-cb { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 8px; text-decoration: none; background: #fff; color: var(--bbc-navy); border: 1px solid var(--bbc-border); min-width: 0; } .bbc-cb span { display: flex; flex-direction: column; min-width: 0; } .bbc-cb small { font-size: 11px; color: inherit; opacity: .85; } .bbc-cb strong { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bbc-cb .bbc-icon { width: 26px; height: 26px; } .bbc-cb--phone .bbc-icon, .bbc-cb--email .bbc-icon { color: var(--bbc-primary); } .bbc-cb--whatsapp .bbc-icon { color: var(--bbc-green); } .bbc-cb--viber .bbc-icon { color: var(--bbc-viber); } .bbc-cb--phone small, .bbc-cb--email small { color: var(--bbc-primary); } .bbc-cb--whatsapp small { color: var(--bbc-green); } .bbc-cb--viber small { color: var(--bbc-viber); } .bbc-cb:hover { border-color: var(--bbc-primary); } .bbc-contact-buttons--compact .bbc-cb { padding: 8px 10px; gap: 8px; } .bbc-contact-buttons--compact .bbc-cb strong { font-size: 11px; } .bbc-contact-buttons--compact .bbc-cb--email strong { font-size: 10px; letter-spacing: -.01em; } .bbc-contact-buttons--compact .bbc-cb small { font-size: 10px; } .bbc-contact-buttons--compact .bbc-cb .bbc-icon { width: 22px; height: 22px; } .bbc-contact-buttons.bbc-contact-buttons--stack { grid-template-columns: 1fr; gap: 8px; } .bbc-contact-buttons--stack .bbc-cb { padding: 9px 14px; } .bbc-contact-buttons--stack .bbc-cb span { flex-direction: row; } .bbc-contact-buttons--stack .bbc-cb small { display: none; } .bbc-contact-buttons--stack .bbc-cb--whatsapp { background: var(--bbc-green); color: #fff; border-color: var(--bbc-green); } .bbc-contact-buttons--stack .bbc-cb--viber { background: var(--bbc-viber); color: #fff; border-color: var(--bbc-viber); } .bbc-contact-buttons--stack .bbc-cb--whatsapp .bbc-icon, .bbc-contact-buttons--stack .bbc-cb--viber .bbc-icon { color: #fff; } /* ---------- Breadcrumb ---------- */ .woocommerce .bbc-breadcrumb, .bbc-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; color: var(--bbc-muted); margin: 0 0 16px; } .bbc-breadcrumb a { color: var(--bbc-primary); text-decoration: none; } .bbc-breadcrumb a:hover { text-decoration: underline; } .bbc-bc-sep .bbc-icon { width: 12px; height: 12px; color: var(--bbc-muted); } /* ---------- Category hero ---------- */ .bbc-cat-hero { position: relative; background: linear-gradient(90deg, #EAF4FD 0%, #EAF4FD 38%, rgba(234, 244, 253, 0) 70%), var(--bbc-bg-blue); overflow: hidden; } .bbc-cat-hero-inner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; min-height: 300px; } .bbc-cat-hero-text { position: relative; z-index: 2; padding: 24px 0 40px; } .bbc-cat-hero-title { font: 700 44px/1.1 var(--bbc-font); color: var(--bbc-navy); margin: 0 0 10px; letter-spacing: -.01em; } .bbc-cat-hero-sub { font: 600 24px/1.25 var(--bbc-font); color: var(--bbc-accent); margin: 0 0 14px; max-width: 640px; } .bbc-cat-hero-intro { font-size: 15px; line-height: 1.55; color: var(--bbc-text); margin: 0 0 22px; max-width: 620px; } .bbc-cat-hero-media { position: absolute; right: 0; top: 0; bottom: 0; width: 52%; z-index: 1; } .bbc-cat-hero-media::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #EAF4FD 0%, rgba(234, 244, 253, 0) 30%); z-index: 1; } .bbc-cat-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: right center; } .bbc-benefits-wrap { position: relative; z-index: 3; margin-top: -10px; } /* ---------- Shop layout ---------- */ .bbc-shop-layout:not(.e-con) { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 28px; padding-top: 24px; padding-bottom: 32px; align-items: start; } .bbc-filters { background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); padding: 22px 20px; position: sticky; top: 16px; } .bbc-filters-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; } .bbc-filters-head h2 { font: 700 20px var(--bbc-font); color: var(--bbc-title); margin: 0; } .bbc-filters-head a { font-size: 13px; color: var(--bbc-primary); text-decoration: none; } .bbc-fgroup { border: 0; padding: 0 0 16px; margin: 0 0 16px; border-bottom: 1px solid var(--bbc-border); min-width: 0; } .bbc-fgroup:last-of-type { border-bottom: 0; margin-bottom: 0; } .bbc-fgroup legend { font: 600 15px var(--bbc-font); color: var(--bbc-navy); padding: 0; margin-bottom: 10px; width: 100%; } .bbc-fgroup legend button { all: unset; display: flex; width: 100%; align-items: center; justify-content: space-between; cursor: pointer; box-sizing: border-box; } .bbc-fgroup legend button:focus-visible { outline: 2px solid var(--bbc-accent); } .bbc-fgroup legend .bbc-icon { width: 16px; height: 16px; color: var(--bbc-primary); transform: rotate(180deg); transition: transform .2s; } .bbc-fgroup.is-collapsed legend .bbc-icon { transform: none; } .bbc-fgroup.is-collapsed .bbc-fgroup-body { display: none; } .bbc-fprice legend { margin-bottom: 16px; } .bbc-check { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--bbc-text); padding: 4px 0; cursor: pointer; } .bbc-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--bbc-primary); flex: none; } .bbc-check.bbc-more-item { display: none; } .bbc-fgroup.is-expanded .bbc-more-item { display: flex; } .bbc-more { all: unset; cursor: pointer; display: inline-flex; gap: 4px; align-items: center; color: var(--bbc-primary); font-size: 13px; margin-top: 6px; } .bbc-more .bbc-icon { width: 14px; height: 14px; } .bbc-range { position: relative; height: 24px; margin: 0 2px 6px; } .bbc-range::before { content: ""; position: absolute; left: 0; right: 0; top: 10px; height: 4px; border-radius: 2px; background: var(--bbc-icon-bg); } .bbc-range input[type=range] { position: absolute; left: 0; top: 0; width: 100%; height: 24px; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; } .bbc-range input[type=range]::-webkit-slider-thumb { pointer-events: auto; -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 4px solid var(--bbc-primary); cursor: pointer; box-sizing: border-box; } .bbc-range input[type=range]::-moz-range-thumb { pointer-events: auto; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 4px solid var(--bbc-primary); cursor: pointer; box-sizing: border-box; } .bbc-range input[type=range]::-webkit-slider-runnable-track { background: none; } .bbc-range-values { display: flex; justify-content: space-between; font-size: 13px; color: var(--bbc-primary); margin-bottom: 14px; } .bbc-toolbar { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; flex-wrap: wrap; } .bbc-result-count { margin: 0 auto 0 0; font-size: 14px; color: var(--bbc-muted); } .bbc-view-toggle { display: inline-flex; gap: 4px; } .bbc-view-toggle button { width: 34px; height: 34px; border-radius: 6px; border: 1px solid var(--bbc-border); background: #fff; color: var(--bbc-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; } .bbc-view-toggle button.is-active { background: var(--bbc-primary); color: #fff; border-color: var(--bbc-primary); } .bbc-view-toggle .bbc-icon { width: 17px; height: 17px; } .bbc-ordering { display: flex; align-items: center; gap: 10px; white-space: nowrap; margin: 0; font-size: 14px; color: var(--bbc-muted); } .bbc-ordering select { height: 38px; min-width: 200px; border: 1px solid var(--bbc-border); border-radius: 6px; padding: 0 12px; font: 400 14px var(--bbc-font); color: var(--bbc-text); background-color: #fff; } .bbc-filters-toggle { display: none; } .bbc-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; } .bbc-chip { display: inline-flex; align-items: center; padding: 8px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--bbc-border); color: var(--bbc-text); font-size: 13px; text-decoration: none; transition: all .2s; } .bbc-chip:hover { border-color: var(--bbc-primary); color: var(--bbc-primary); } .bbc-chip.is-active { background: var(--bbc-primary); color: #fff; border-color: var(--bbc-primary); } .bbc-shop-main.view-compact ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); } .bbc-shop-main.view-compact .bbc-card-sub { display: none; } .bbc-shop-main.view-list ul.products { grid-template-columns: 1fr; } .bbc-shop-main.view-list .bbc-card { flex-direction: row; gap: 20px; align-items: center; } .bbc-shop-main.view-list .bbc-card-media { width: 140px; flex: none; margin: 0; } .bbc-shop-main.view-list .bbc-card-body { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 20px; } .bbc-shop-main.view-list .bbc-card-body > :is(.bbc-card-cat, .bbc-card-title, .bbc-card-sub) { flex: 1 1 100%; } .bbc-shop-main.view-list .bbc-card-price { margin: 0; } /* Pagination */ .woocommerce nav.woocommerce-pagination { margin-top: 26px; text-align: center; } .woocommerce nav.woocommerce-pagination ul { border: 0; display: inline-flex; gap: 8px; } .woocommerce nav.woocommerce-pagination ul li { border: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { min-width: 36px; height: 36px; padding: 0 12px; border-radius: 6px; border: 1px solid var(--bbc-border); background: #fff; color: var(--bbc-text); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; box-sizing: border-box; } .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--bbc-primary); color: #fff; border-color: var(--bbc-primary); } .woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--bbc-bg-blue); color: var(--bbc-primary); } .woocommerce nav.woocommerce-pagination .bbc-icon { width: 16px; height: 16px; } /* SEO text */ .bbc-seo-text { padding-top: 40px; padding-bottom: 48px; max-width: 980px; color: var(--bbc-text); font-size: 15px; line-height: 1.7; } .bbc-seo-text h2 { font: 700 22px/1.3 var(--bbc-font); color: var(--bbc-title); margin: 26px 0 10px; } .bbc-seo-text a { color: var(--bbc-primary); } .woocommerce-info, .woocommerce-message, .woocommerce-error { border-top-color: var(--bbc-primary); background: #fff; font-family: var(--bbc-font); } .woocommerce-message::before, .woocommerce-info::before { color: var(--bbc-primary); } .woocommerce-no-products-found .woocommerce-info { border-radius: var(--bbc-radius); } /* ---------- Single product ---------- */ .single-product div.product.type-product:not(.elementor) { max-width: var(--bbc-container); margin: 0 auto; padding: 18px var(--bbc-gutter) 0; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 1fr); column-gap: 44px; align-items: start; } .single-product div.product.type-product:not(.elementor) > * { grid-column: 1 / -1; } .single-product div.product.type-product:not(.elementor) > .woocommerce-product-gallery { grid-column: 1; width: 100% !important; float: none !important; margin: 0 !important; } .single-product div.product.type-product:not(.elementor) > .summary { grid-column: 2; width: 100% !important; float: none !important; margin: 0 !important; } .single-product .woocommerce-notices-wrapper, .single-product .bbc-breadcrumb { max-width: var(--bbc-container); margin-inline: auto; padding-inline: var(--bbc-gutter); box-sizing: border-box; } .single-product .bbc-breadcrumb { padding-top: 16px; margin-bottom: 0; } .woocommerce-product-gallery { display: flex; flex-direction: row-reverse; gap: 14px; position: relative; } .woocommerce-product-gallery .flex-viewport, .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { flex: 1; background: #fff; border-radius: var(--bbc-radius); border: 1px solid var(--bbc-border); } .woocommerce-product-gallery__image img { aspect-ratio: 1; object-fit: contain; padding: 24px; box-sizing: border-box; background: #fff; } .woocommerce div.product div.images .flex-control-thumbs { display: flex; flex-direction: column; gap: 12px; width: 92px; flex: none; margin: 0; } .woocommerce div.product div.images .flex-control-thumbs li { width: 92px !important; float: none !important; margin: 0 !important; } .woocommerce div.product div.images .flex-control-thumbs li img { border: 1px solid var(--bbc-border); border-radius: 8px; padding: 6px; background: #fff; opacity: 1; box-sizing: border-box; } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active { border: 2px solid var(--bbc-primary); } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 14px; right: 14px; background: #fff; border: 1px solid var(--bbc-border); } .bbc-single-cat { display: inline-block; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--bbc-primary); text-decoration: none; margin: 8px 0 8px; } .woocommerce div.product .bbc-single-title { font: 700 36px/1.15 var(--bbc-font); color: var(--bbc-navy); margin: 0 0 6px; text-transform: uppercase; letter-spacing: -.005em; } .bbc-single-sub { font: 500 22px/1.3 var(--bbc-font); color: var(--bbc-navy); margin: 0 0 14px; } .bbc-single-sku { font-size: 14px; color: var(--bbc-muted); margin: 0 0 8px; } .bbc-single-sku strong { color: var(--bbc-text); } .bbc-single-price { position: relative; margin-bottom: 18px; } .bbc-single-price .bbc-badge { position: static; display: inline-block; margin-bottom: 8px; } .bbc-single-price .bbc-price, .bbc-single-price .bbc-price--sale { font: 700 36px/1.1 var(--bbc-font); color: var(--bbc-primary); display: inline-block; } .bbc-single-price .bbc-price-old { font-size: 18px; margin-right: 10px; } .bbc-single-price .bbc-price--ask { font-size: 26px; color: var(--bbc-title); } .bbc-vat-note { font-size: 12px; color: var(--bbc-muted); margin: 4px 0 0; } .bbc-single-excerpt { font-size: 15px; line-height: 1.65; color: var(--bbc-text); margin-bottom: 22px; } .bbc-single-excerpt p { margin: 0; } .woocommerce div.product form.cart { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; flex-wrap: wrap; } .woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after { content: none; } .bbc-qty-label { font-weight: 600; font-size: 15px; color: var(--bbc-navy); margin-right: 4px; } .woocommerce .quantity { display: inline-flex; align-items: stretch; border: 1px solid var(--bbc-border); border-radius: 8px; background: #fff; overflow: hidden; height: 50px; } .woocommerce .quantity .qty { width: 54px; border: 0; text-align: center; font: 600 16px var(--bbc-font); color: var(--bbc-text); -moz-appearance: textfield; background: #fff; } .woocommerce .quantity .qty::-webkit-inner-spin-button, .woocommerce .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .bbc-qty-btn { width: 44px; border: 0; background: #fff; color: var(--bbc-primary); font-size: 22px; line-height: 1; cursor: pointer; padding: 0; } .bbc-qty-btn:hover { background: var(--bbc-bg-blue); } .woocommerce div.product form.cart .button.single_add_to_cart_button { flex: 1 1 220px; max-width: 340px; height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--bbc-primary); color: #fff; font: 600 17px var(--bbc-font); border-radius: 8px; padding: 0 28px; } .woocommerce div.product form.cart .button.single_add_to_cart_button:hover { background: var(--bbc-primary-dark); } .woocommerce div.product form.cart .button.single_add_to_cart_button::before { content: ""; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--bbc-cart-mask) center / contain no-repeat; mask: var(--bbc-cart-mask) center / contain no-repeat; } :root { --bbc-cart-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E"); } .bbc-quote-only { display: flex; gap: 14px; margin-bottom: 22px; } .bbc-other-channels { background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); padding: 14px 14px 14px; } .bbc-other-title { font: 600 14px var(--bbc-font); color: var(--bbc-title); margin: 0 0 10px; } .bbc-single-benefits { margin: 30px 0 0; } .bbc-h2 { font: 700 26px/1.2 var(--bbc-font); color: var(--bbc-title); margin: 0 0 18px; } .bbc-advantages { margin: 30px 0 0; } .bbc-adv-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .bbc-adv { display: flex; gap: 16px; align-items: center; background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); padding: 18px 18px; } .bbc-adv > .bbc-icon { width: 48px; height: 48px; color: var(--bbc-primary); flex: none; } .bbc-adv h3 { font: 600 15px/1.3 var(--bbc-font); color: var(--bbc-primary); margin: 0 0 4px; } .bbc-adv p { font-size: 13px; line-height: 1.45; color: var(--bbc-muted); margin: 0; } .bbc-info { margin-top: 30px; background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); } .bbc-info-tabs { display: flex; border-bottom: 1px solid var(--bbc-border); background: var(--bbc-bg); border-radius: var(--bbc-radius) var(--bbc-radius) 0 0; } .bbc-info-tabs button { all: unset; cursor: pointer; padding: 15px 28px; font: 500 14px var(--bbc-font); color: var(--bbc-text); border-right: 1px solid var(--bbc-border); } .bbc-info-tabs button[aria-selected="true"] { background: #fff; color: var(--bbc-primary); font-weight: 700; box-shadow: inset 0 -3px 0 var(--bbc-primary); } .bbc-info-tabs button:focus-visible { outline: 2px solid var(--bbc-accent); outline-offset: -2px; } .bbc-info-panels { display: grid; grid-template-columns: 1.45fr 1fr 1fr; } .bbc-info-panel { padding: 24px 26px 28px; } .bbc-info-panel + .bbc-info-panel { border-left: 1px solid var(--bbc-border); } .bbc-info-panel h2 { font: 700 19px/1.3 var(--bbc-font); color: var(--bbc-title); margin: 0 0 14px; } .bbc-info-panel p { font-size: 14px; line-height: 1.65; margin: 0 0 12px; } .bbc-spec-table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 0; border: 0; } .bbc-spec-table th, .bbc-spec-table td { text-align: left; padding: 10px 8px; border: 0; border-bottom: 1px solid var(--bbc-border); vertical-align: top; background: none; } .bbc-spec-table th { font-weight: 400; color: var(--bbc-text); width: 42%; } .bbc-spec-table td { color: var(--bbc-text); } .bbc-delivery { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; } .bbc-delivery li { display: flex; gap: 14px; align-items: flex-start; } .bbc-delivery .bbc-icon { width: 30px; height: 30px; color: var(--bbc-primary); } .bbc-delivery strong { display: block; color: var(--bbc-primary); font-size: 14px; margin-bottom: 2px; } .bbc-delivery p { font-size: 13px !important; line-height: 1.45 !important; color: var(--bbc-muted); margin: 0 !important; } .bbc-related { margin-top: 30px; padding-bottom: 36px; } .bbc-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; } .bbc-section-head .bbc-h2 { margin: 0; } .bbc-link-arrow { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--bbc-primary); text-decoration: none; } .bbc-link-arrow .bbc-icon { width: 16px; height: 16px; } .bbc-related .bbc-carousel-nav { display: none; } /* ---------- Generic page content (cart, checkout, account, static pages) ---------- */ .bbc-page-hero { background: linear-gradient(90deg, #EAF4FD 0%, var(--bbc-bg-blue) 100%); padding: 26px 0 30px; } .bbc-page-hero h1 { font: 700 38px/1.15 var(--bbc-font); color: var(--bbc-navy); margin: 0; } .bbc-page-body { padding-top: 28px; padding-bottom: 48px; } .bbc-empty { background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); padding: 32px; text-align: center; } .bbc-empty h2 { font: 700 22px var(--bbc-font); color: var(--bbc-title); margin: 0 0 8px; } .bbc-empty p { color: var(--bbc-muted); margin: 0 0 16px; } .bbc-empty .bbc-btn--primary { background: var(--bbc-primary); color: #fff; } .bbc-btn--ghost { background: transparent; color: var(--bbc-primary); border-color: var(--bbc-primary); } .bbc-empty-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin: 0 !important; } /* ---------- Responsive ---------- */ @media (max-width: 1200px) { .bbc-carousel ul.products.bbc-product-row { grid-auto-columns: calc((100% - 3 * 16px) / 4); } .bbc-info-panels { grid-template-columns: 1fr 1fr; } .bbc-info-panel:first-child { grid-column: 1 / -1; } .bbc-info-panel:nth-child(2) { border-left: 0; border-top: 1px solid var(--bbc-border); } .bbc-info-panel:nth-child(3) { border-top: 1px solid var(--bbc-border); } .bbc-contact-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1024px) { /* The nav row scrolls horizontally on tablets/phones; a fixed panel escapes its overflow clipping. */ .bbc-catmenu-panel { position: fixed; top: auto; left: 0; right: 0; width: auto; max-height: 70vh; overflow-y: auto; border-radius: 0; padding: 18px 20px; } .woocommerce ul.products, ul.products.bbc-product-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } .bbc-shop-layout:not(.e-con) { grid-template-columns: minmax(0, 1fr); } .bbc-filters { position: fixed; inset: 0 auto 0 0; width: min(340px, 88vw); z-index: 1000; overflow-y: auto; border-radius: 0; transform: translateX(-105%); transition: transform .25s; box-shadow: 0 0 40px rgba(0, 0, 0, .25); } .bbc-filters.is-open { transform: none; } .bbc-filters-toggle { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border: 1px solid var(--bbc-primary); color: var(--bbc-primary); background: #fff; border-radius: 6px; font: 600 14px var(--bbc-font); cursor: pointer; } .single-product div.product.type-product:not(.elementor) { grid-template-columns: minmax(0, 1fr); } .single-product div.product.type-product:not(.elementor) > .summary { grid-column: 1; margin-top: 20px !important; } .bbc-adv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bbc-cat-hero-media { opacity: .35; width: 70%; } .bbc-cat-hero-inner { grid-template-columns: 1fr; } } @media (max-width: 767px) { :root { --bbc-gutter: 16px; } .woocommerce ul.products, ul.products.bbc-product-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .bbc-carousel ul.products.bbc-product-row { grid-auto-columns: 72%; } .bbc-card { padding: 12px; } .bbc-card-title { font-size: 12.5px; } .bbc-card-price { font-size: 16px; } .bbc-card-actions { gap: 6px; } .woocommerce .bbc-card-actions a.button { padding: 10px 10px; font-size: 12px; flex: 1; justify-content: center; } .bbc-btn-icon { display: none; } .bbc-fav { width: 34px; height: 34px; } .bbc-cat-hero-title { font-size: 30px; } .bbc-cat-hero-sub { font-size: 18px; } .bbc-cat-hero-media { display: none; } .bbc-toolbar { gap: 10px; } .bbc-result-count { flex: 1 1 100%; } .bbc-view-toggle { display: none; } .bbc-ordering label { display: none; } .bbc-ordering select { min-width: 0; } .bbc-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .bbc-chip { white-space: nowrap; } .woocommerce div.product .bbc-single-title { font-size: 26px; } .bbc-single-sub { font-size: 18px; } .bbc-single-price .bbc-price, .bbc-single-price .bbc-price--sale { font-size: 30px; } .woocommerce-product-gallery { flex-direction: column; } .woocommerce-product-gallery .flex-viewport, .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { flex: none; width: 100%; } .woocommerce div.product div.images .flex-control-thumbs { flex-direction: row; width: auto; } .woocommerce div.product div.images .flex-control-thumbs li { width: 72px !important; } .woocommerce div.product form.cart .button.single_add_to_cart_button { max-width: none; flex-basis: 100%; order: 3; } .bbc-adv-grid { grid-template-columns: 1fr; } .bbc-info-tabs { overflow-x: auto; } .bbc-info-tabs button { padding: 14px 16px; white-space: nowrap; } .bbc-info-panels { display: block; } .bbc-info-panel { border: 0 !important; } .bbc-info[data-tabs].is-js .bbc-info-panel[hidden] { display: none; } .bbc-info-panel h2 { display: none; } .bbc-contact-buttons--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bbc-section-head { flex-wrap: wrap; } .bbc-carousel-nav { position: static; justify-content: flex-end; margin-bottom: 10px; } .bbc-header-actions .bbc-hact-label { display: none; } .bbc-header-actions { gap: 18px; } .bbc-catmenu-panel > ul { columns: 1; } } @media (prefers-reduced-motion: reduce) { .bbc-card, .bbc-filters, .bbc-btn { transition: none; } .bbc-card:hover { transform: none; } } /* Elementor headings: inside an H1 marks the blue (accent) part of the title, as in the design. */ h1 em { font-style: normal; color: var(--bbc-accent); } /* ---------- Cart / Checkout (WooCommerce Blocks) / My Account ---------- */ body.woocommerce-cart .site-main, body.woocommerce-checkout .site-main, body.woocommerce-account .site-main, body.woocommerce-cart .page-content, body.woocommerce-checkout .page-content, body.woocommerce-account .page-content { max-width: none; width: 100%; padding: 0; margin: 0; } .bbc-page-hero .bbc-breadcrumb { margin-bottom: 10px; } .bbc-steps { display: flex; flex-wrap: wrap; gap: 10px 28px; list-style: none; margin: 18px 0 0; padding: 0; } .bbc-steps li { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; color: var(--bbc-muted); } .bbc-steps li span { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1.5px solid var(--bbc-border); font-weight: 700; font-size: 13px; color: var(--bbc-muted); } .bbc-steps li.is-current { color: var(--bbc-navy); font-weight: 700; } .bbc-steps li.is-current span { background: var(--bbc-primary); border-color: var(--bbc-primary); color: #fff; } .bbc-steps li.is-done span { background: var(--bbc-bg-blue); border-color: var(--bbc-primary); color: var(--bbc-primary); } .bbc-b2b-note { display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid var(--bbc-border); border-left: 4px solid var(--bbc-primary); border-radius: var(--bbc-radius); padding: 14px 18px; margin: 0 0 22px; } .bbc-b2b-note .bbc-icon { width: 26px; height: 26px; color: var(--bbc-primary); margin-top: 2px; } .bbc-b2b-note p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--bbc-text); } .bbc-b2b-note a, .bbc-page-body a:not(.bbc-btn):not(.button):not(.wc-block-components-button) { color: var(--bbc-primary); } .wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide { max-width: none; margin: 0; } .wc-block-cart, .wc-block-checkout { font-family: var(--bbc-font); color: var(--bbc-text); } .wc-block-cart .wc-block-components-main, .wc-block-checkout .wc-block-components-main { background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); padding: 20px 24px !important; box-sizing: border-box; } .wc-block-cart .wc-block-components-sidebar, .wc-block-checkout .wc-block-components-sidebar { background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); padding: 20px 22px !important; box-sizing: border-box; } .wc-block-components-sidebar-layout { gap: 24px; flex-wrap: nowrap; } .wc-block-cart-items__header, .wc-block-cart .wc-block-cart__totals-title { font-size: 12px !important; font-weight: 700 !important; letter-spacing: .04em; color: var(--bbc-muted) !important; text-transform: uppercase; } .wc-block-components-product-name { font-weight: 700; color: var(--bbc-navy) !important; text-transform: uppercase; font-size: 14px; text-decoration: none; } .wc-block-cart-item__image img { border: 1px solid var(--bbc-border); border-radius: 8px; padding: 4px; background: #fff; } .wc-block-components-product-price, .wc-block-cart-item__total { color: var(--bbc-title); font-weight: 700; } .wc-block-components-quantity-.elementor-kit-6 { border-radius: 8px !important; border-color: var(--bbc-border) !important; } .wc-block-components-quantity-.elementor-kit-6 button { color: var(--bbc-primary) !important; } .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 20px !important; font-weight: 700; color: var(--bbc-title); } .wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button { background: var(--bbc-primary) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font: 600 16px var(--bbc-font) !important; min-height: 50px; text-decoration: none !important; } .wc-block-components-button:not(.is-link):hover { background: var(--bbc-primary-dark) !important; } .wc-block-components-button__text { text-decoration: none; } .wc-block-components-title, .wc-block-components-checkout-step__title { font: 700 18px var(--bbc-font) !important; color: var(--bbc-title) !important; } .wc-block-components-text-input input, .wc-block-components-text-input textarea, .wc-blocks-components-select select, .wc-block-components-combobox .wc-block-components-combobox-control input { border: 1px solid #CFD9E6 !important; border-radius: 8px !important; background: #fff !important; font-family: var(--bbc-font) !important; } .wc-block-components-text-input input:focus { border-color: var(--bbc-primary) !important; box-shadow: 0 0 0 1px var(--bbc-primary) !important; } .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { box-shadow: inset 0 0 0 2px var(--bbc-primary) !important; } .wc-block-components-radio-control__input:checked { border-color: var(--bbc-primary) !important; } .wc-block-components-radio-control__input:checked::before { background: var(--bbc-primary) !important; } .wc-block-components-checkbox .wc-block-components-checkbox__input:checked { background: var(--bbc-primary); border-color: var(--bbc-primary); } .wc-block-cart__empty-cart__title { font-family: var(--bbc-font); color: var(--bbc-title); } .wp-block-woocommerce-empty-cart-block .wp-block-separator { display: none; } /* My Account (Elementor Pro "My Account" widget on page 33) */ .bbc-tpl-account { --tab-content-spacing: 0px; --sections-padding: 28px 30px; --sections-border-radius: 12px; --sections-border-color: var(--bbc-border); --sections-background-color: #fff; --general-text-color: var(--bbc-text); --links-normal-color: var(--bbc-primary); --links-hover-color: var(--bbc-primary-dark); --forms-fields-border-radius: 8px; --forms-buttons-border-radius: 8px; --forms-labels-color: var(--bbc-navy); --tables-title-color: var(--bbc-navy); --typography-section-titles-color: var(--bbc-title); font-family: var(--bbc-font); } .bbc-tpl-account .woocommerce, .bbc-tpl-account .woocommerce-MyAccount-content-wrapper, .bbc-tpl-account input, .bbc-tpl-account button, .bbc-tpl-account table { font-family: var(--bbc-font) !important; } .bbc-tpl-account .woocommerce > .bbc-acc-user { grid-column: 1; grid-row: 1; } .bbc-tpl-account .woocommerce > .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 2; } .bbc-tpl-account .woocommerce > .woocommerce-MyAccount-content { grid-column: 2; grid-row: 1 / span 2; } .bbc-tpl-account .woocommerce { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: start; } .bbc-tpl-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; } .bbc-tpl-account .woocommerce-MyAccount-navigation, .bbc-tpl-account .woocommerce-MyAccount-content { padding: 0 !important; border: 0 !important; background: none !important; } .bbc-tpl-account .e-my-account-tab .woocommerce-MyAccount-content-wrapper { background: #fff; border: 1px solid var(--bbc-border); border-radius: 12px; padding: 28px 30px; font-size: 15px; line-height: 1.6; color: var(--bbc-text); box-shadow: 0 6px 20px rgba(11,31,69,.05); } .bbc-tpl-account .woocommerce-MyAccount-navigation { background: #fff; border: 1px solid var(--bbc-border); border-radius: 0 0 12px 12px; padding: 10px 0; overflow: hidden; box-shadow: 0 6px 20px rgba(11,31,69,.05); } .bbc-acc-user { display: flex; align-items: center; gap: 12px; padding: 18px; border: 1px solid var(--bbc-border); border-bottom: 0; border-radius: 12px 12px 0 0; background: linear-gradient(90deg, #EAF4FD, #DCEBFA); } .bbc-acc-avatar { flex: 0 0 44px; height: 44px; border-radius: 50%; background: var(--bbc-primary); color: #fff; font: 700 18px/44px var(--bbc-font); text-align: center; } .bbc-acc-user-txt { min-width: 0; display: flex; flex-direction: column; } .bbc-acc-user-txt strong { font: 700 15px var(--bbc-font); color: var(--bbc-navy); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bbc-acc-user-txt small { font-size: 12px; color: var(--bbc-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bbc-tpl-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0 10px; display: flex; flex-direction: column; gap: 2px; border: 0; } .bbc-tpl-account .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; border: 0 !important; background: none; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a { position: relative; display: block; padding: 11px 14px 11px 16px; border-radius: 8px; color: var(--bbc-text); text-decoration: none; font: 500 14px var(--bbc-font); background: none !important; border: 0 !important; margin: 0 !important; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a::after { content: ""; position: absolute; right: 16px; top: 50%; width: 6px; height: 6px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: translateY(-50%) rotate(45deg); opacity: .35; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { background: #F2F7FD !important; color: var(--bbc-primary) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { background: var(--bbc-primary) !important; font-weight: 600; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::after { opacity: 1; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { display: block !important; margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--bbc-border) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { color: #B42318 !important; } .bbc-tpl-account .woocommerce-MyAccount-content { background: #fff; border: 1px solid var(--bbc-border); border-radius: 12px; padding: 28px 30px; font-size: 15px; line-height: 1.6; color: var(--bbc-text); box-shadow: 0 6px 20px rgba(11,31,69,.05); } .bbc-tpl-account .woocommerce-MyAccount-content a { color: var(--bbc-primary); } .bbc-tpl-account .woocommerce-MyAccount-content-wrapper > p:first-of-type { font-size: 17px; color: var(--bbc-navy); } .bbc-tpl-account .woocommerce-MyAccount-content h2, .bbc-tpl-account .woocommerce-MyAccount-content h3 { font: 700 20px var(--bbc-font); color: var(--bbc-title); margin: 0 0 12px; } .bbc-acc-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 22px 0 18px; } .bbc-tpl-account a.bbc-acc-card { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid var(--bbc-border); border-radius: 10px; background: #fff; color: var(--bbc-text); text-decoration: none; transition: border-color .15s, box-shadow .15s; } .bbc-tpl-account a.bbc-acc-card:hover { border-color: var(--bbc-primary); box-shadow: 0 6px 18px rgba(0,87,168,.10); } .bbc-acc-card-icon { flex: 0 0 44px; height: 44px; border-radius: 50%; background: #EAF4FD; color: var(--bbc-primary); display: inline-flex; align-items: center; justify-content: center; } .bbc-acc-card-icon .bbc-icon { width: 22px; height: 22px; } .bbc-acc-card strong { display: block; font: 600 15px var(--bbc-font); color: var(--bbc-navy); } .bbc-acc-card small { display: block; font-size: 12px; color: var(--bbc-muted); line-height: 1.4; } .bbc-tpl-account .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .bbc-tpl-account .woocommerce-Addresses .woocommerce-Address { width: auto; float: none; padding: 18px; border: 1px solid var(--bbc-border); border-radius: 10px; } .bbc-tpl-account .woocommerce-Addresses::before, .bbc-tpl-account .woocommerce-Addresses::after { display: none; } .bbc-tpl-account .woocommerce-orders-table { border-collapse: separate; border-spacing: 0; border: 1px solid var(--bbc-border); border-radius: 10px; overflow: hidden; } .bbc-tpl-account .woocommerce-orders-table th { background: #F2F7FD; color: var(--bbc-navy); font: 600 13px var(--bbc-font); } .bbc-tpl-account .woocommerce-info, .bbc-tpl-account .woocommerce-message { border-radius: 10px; } /* Logged out: login + registration, lost password */ .bbc-tpl-account .woocommerce:has(> .u-columns), .bbc-tpl-account .woocommerce:has(> form.lost_reset_password) { display: block; } .bbc-tpl-account .u-columns.col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; width: 100%; margin: 0; } .bbc-tpl-account .u-columns::before, .bbc-tpl-account .u-columns::after { display: none; } .bbc-tpl-account .u-columns .u-column1, .bbc-tpl-account .u-columns .u-column2, .bbc-tpl-account form.lost_reset_password { width: auto; float: none; max-width: none; background: #fff !important; border: 1px solid var(--bbc-border) !important; border-radius: 12px !important; padding: 28px 30px !important; box-shadow: 0 6px 20px rgba(11,31,69,.05); } .bbc-tpl-account form.lost_reset_password { max-width: 560px; } .bbc-tpl-account .u-columns h2 { font: 700 22px var(--bbc-font); color: var(--bbc-title); margin: 0 0 16px; } .bbc-tpl-account form.login, .bbc-tpl-account form.register { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; } .bbc-tpl-account form .form-row { margin: 0 0 14px; padding: 0; } .bbc-tpl-account form .form-row-first, .bbc-tpl-account form .form-row-last { width: calc(50% - 7px); } .bbc-tpl-account form .form-row input.input-text { width: 100%; height: 46px; } .bbc-tpl-account .woocommerce-form-login__rememberme { display: flex !important; align-items: center; gap: 8px; margin: 0 0 14px; font-weight: 400 !important; } .bbc-tpl-account .woocommerce-form-login__submit, .bbc-tpl-account .woocommerce-form-register__submit { width: 100%; height: 48px; margin: 4px 0 0 !important; float: none !important; } .bbc-tpl-account .lost_password { margin: 14px 0 0; text-align: center; font-size: 14px; } .bbc-tpl-account .lost_password a { color: var(--bbc-primary); } .bbc-tpl-account .woocommerce-privacy-policy-text p { font-size: 12px; color: var(--bbc-muted); line-height: 1.5; } @media (max-width: 1024px) { .bbc-tpl-account .woocommerce { grid-template-columns: 1fr; } .bbc-tpl-account .woocommerce > .woocommerce-MyAccount-content { grid-column: 1; grid-row: 3; } } @media (max-width: 767px) { .bbc-tpl-account .u-columns.col2-set, .bbc-acc-cards, .bbc-tpl-account .woocommerce-Addresses { grid-template-columns: 1fr; } .bbc-tpl-account .e-my-account-tab .woocommerce-MyAccount-content-wrapper, .bbc-tpl-account .u-columns .u-column1, .bbc-tpl-account .u-columns .u-column2 { padding: 20px 18px !important; } .bbc-tpl-account form .form-row-first, .bbc-tpl-account form .form-row-last { width: 100%; float: none; } } .bbc-tpl-account .e-my-account-tab .woocommerce > .woocommerce-MyAccount-navigation, .bbc-tpl-account .e-my-account-tab .woocommerce > .woocommerce-MyAccount-content { width: 100% !important; max-width: none !important; flex: none !important; } .bbc-tpl-account .woocommerce-MyAccount-content-wrapper { width: 100%; box-sizing: border-box; } .bbc-tpl-account .woocommerce-MyAccount-content a.button, .bbc-tpl-account .woocommerce-MyAccount-content .button { color: #fff !important; text-decoration: none; } .bbc-tpl-account .woocommerce-MyAccount-content a.button:hover { background: var(--bbc-primary-dark); } .bbc-tpl-account .e-my-account-tab .woocommerce { gap: 0 28px; } .bbc-tpl-account { --tabs-normal-color: var(--bbc-text); --tabs-hover-color: var(--bbc-primary); --tabs-active-color: #fff; --tabs-spacing: 2px; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul { padding: 0 10px !important; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a { color: var(--bbc-text) !important; } @media (max-width: 1024px) { .bbc-tpl-account .e-my-account-tab .woocommerce > .woocommerce-MyAccount-content { margin-top: 24px !important; } } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #fff !important; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover { color: var(--bbc-primary) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { color: #B42318 !important; } .bbc-tpl-account .e-my-account-tab .woocommerce { grid-template-rows: auto 1fr; } .bbc-tpl-account .e-my-account-tab .woocommerce-MyAccount-content-wrapper { padding: 28px 30px !important; border: 1px solid var(--bbc-border) !important; border-radius: 12px !important; background: #fff !important; } .bbc-tpl-account .woocommerce-Addresses { margin-top: 16px; } .bbc-tpl-account .e-my-account-tab .woocommerce-Addresses .woocommerce-Address { padding: 20px 22px !important; border: 1px solid var(--bbc-border) !important; border-radius: 10px !important; background: #F8FBFE !important; margin: 0 !important; } .bbc-tpl-account .e-my-account-tab .woocommerce-Address-title { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; } .bbc-tpl-account .e-my-account-tab .woocommerce-Address-title h2 { font: 700 18px var(--bbc-font) !important; color: var(--bbc-title) !important; margin: 0 !important; padding: 0 !important; } .bbc-tpl-account .e-my-account-tab .woocommerce-Address address { border: 0 !important; padding: 0 !important; margin: 0 !important; font-style: normal !important; line-height: 1.7; font-size: 14px; color: var(--bbc-text); } .bbc-tpl-account .e-my-account-tab .woocommerce-Address .edit { display: inline-block; margin: 0 0 8px; font-size: 13px; font-weight: 600; } .bbc-tpl-account .e-my-account-tab .woocommerce-Address a.edit { position: static !important; display: inline-flex; margin: 0 0 10px !important; padding: 6px 12px; border: 1px solid var(--bbc-primary); border-radius: 6px; font: 600 12px var(--bbc-font); color: var(--bbc-primary) !important; text-decoration: none; } .bbc-tpl-account .e-my-account-tab .woocommerce-Address a.edit:hover { background: var(--bbc-primary); color: #fff !important; } .bbc-tpl-account .e-my-account-tab .woocommerce-Address address { background: transparent !important; } .bbc-tpl-account { --tables-links-normal-color: var(--bbc-primary); --tables-links-hover-color: var(--bbc-primary-dark); --tables-items-color: var(--bbc-text); --tables-divider-border-color: var(--bbc-border); } .bbc-tpl-account .e-my-account-tab .woocommerce-orders-table .button, .bbc-tpl-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-orders-table a.button { background: #fff !important; color: var(--bbc-primary) !important; border: 1px solid var(--bbc-primary) !important; border-radius: 6px !important; padding: 7px 14px !important; font: 600 13px var(--bbc-font) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce-orders-table .button:hover { background: var(--bbc-primary) !important; color: #fff !important; } .bbc-tpl-account .woocommerce-orders-table td, .bbc-tpl-account .woocommerce-orders-table th { padding: 12px 14px !important; } .bbc-tpl-account .woocommerce-orders-table__cell-order-number a { font-weight: 600; } .bbc-tpl-account { --forms-fields-normal-background-color: #fff; --forms-fields-focus-background-color: #fff; --forms-fields-normal-color: var(--bbc-text); --forms-buttons-normal-text-color: #fff; --forms-buttons-hover-text-color: #fff; --forms-rows-gap: 14px; --forms-label-spacing: 6px; } .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row input.input-text, .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row select, .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row textarea, .bbc-tpl-account .e-my-account-tab .woocommerce .select2-container .select2-selection { background: #fff !important; border: 1px solid #CFD9E6 !important; border-radius: 8px !important; color: var(--bbc-text) !important; font: 400 14px var(--bbc-font) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row input.input-text:focus { border-color: var(--bbc-primary) !important; outline: none; box-shadow: 0 0 0 3px rgba(0,87,168,.12); } .bbc-tpl-account .e-my-account-tab .woocommerce button.button, .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-Button { background: var(--bbc-primary) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; padding: 13px 26px !important; font: 600 14px var(--bbc-font) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce button.button:hover { background: var(--bbc-primary-dark) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce fieldset { border: 1px solid var(--bbc-border); border-radius: 10px; padding: 18px 20px 6px; margin: 18px 0; } .bbc-tpl-account .e-my-account-tab .woocommerce fieldset legend { padding: 0 8px; font: 700 15px var(--bbc-font); color: var(--bbc-title); } .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row em { font-size: 12px; color: var(--bbc-muted); } .bbc-tpl-account .u-columns.col2-set { align-items: start; } .bbc-tpl-account .e-my-account-tab .u-columns h2 { font: 700 22px var(--bbc-font) !important; color: var(--bbc-title) !important; margin: 0 0 18px !important; } .woocommerce form .form-row input.input-text, .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row select, .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row textarea, .bbc-tpl-account .e-my-account-tab .woocommerce .select2-container .select2-selection { background: #fff !important; border: 1px solid #CFD9E6 !important; border-radius: 8px !important; color: var(--bbc-text) !important; font: 400 14px var(--bbc-font) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row input.input-text:focus { border-color: var(--bbc-primary) !important; outline: none; box-shadow: 0 0 0 3px rgba(0,87,168,.12); } .bbc-tpl-account .e-my-account-tab .woocommerce button.button, .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-Button { background: var(--bbc-primary) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; padding: 13px 26px !important; font: 600 14px var(--bbc-font) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce button.button:hover { background: var(--bbc-primary-dark) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce fieldset { border: 1px solid var(--bbc-border); border-radius: 10px; padding: 18px 20px 6px; margin: 18px 0; } .bbc-tpl-account .e-my-account-tab .woocommerce fieldset legend { padding: 0 8px; font: 700 15px var(--bbc-font); color: var(--bbc-title); } .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row em { font-size: 12px; color: var(--bbc-muted); } .bbc-tpl-account .u-columns.col2-set { align-items: start; } .bbc-tpl-account .e-my-account-tab .u-columns h2 { font: 700 22px var(--bbc-font) !important; color: var(--bbc-title) !important; margin: 0 0 18px !important; } .woocommerce form .form-row input.input-text, .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row select, .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row textarea, .bbc-tpl-account .e-my-account-tab .woocommerce .select2-container .select2-selection { background: #fff !important; border: 1px solid #CFD9E6 !important; border-radius: 8px !important; color: var(--bbc-text) !important; font: 400 14px var(--bbc-font) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row input.input-text:focus { border-color: var(--bbc-primary) !important; outline: none; box-shadow: 0 0 0 3px rgba(0,87,168,.12); } .bbc-tpl-account .e-my-account-tab .woocommerce button.button, .bbc-tpl-account .e-my-account-tab .woocommerce .woocommerce-Button { background: var(--bbc-primary) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; padding: 13px 26px !important; font: 600 14px var(--bbc-font) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce button.button:hover { background: var(--bbc-primary-dark) !important; } .bbc-tpl-account .e-my-account-tab .woocommerce fieldset { border: 1px solid var(--bbc-border); border-radius: 10px; padding: 18px 20px 6px; margin: 18px 0; } .bbc-tpl-account .e-my-account-tab .woocommerce fieldset legend { padding: 0 8px; font: 700 15px var(--bbc-font); color: var(--bbc-title); } .bbc-tpl-account .e-my-account-tab .woocommerce form .form-row em { font-size: 12px; color: var(--bbc-muted); } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { border: 1px solid #CFD9E6; border-radius: 8px; padding: 11px 14px; font-family: var(--bbc-font); background: #fff; } .woocommerce form .form-row label { font-size: 14px; font-weight: 500; color: var(--bbc-navy); } .woocommerce button.button, .woocommerce a.button, .woocommerce input.button { background: var(--bbc-primary); color: #fff; border-radius: 8px; font: 600 14px var(--bbc-font); padding: 12px 22px; } .woocommerce button.button:hover, .woocommerce a.button:hover { background: var(--bbc-primary-dark); color: #fff; } .woocommerce table.shop_table { border-radius: var(--bbc-radius); border-color: var(--bbc-border); background: #fff; } @media (max-width: 1024px) { .wc-block-components-sidebar-layout { flex-wrap: wrap; } } @media (max-width: 767px) { .bbc-page-hero h1 { font-size: 28px; } .bbc-steps { gap: 8px 16px; } .bbc-steps li { font-size: 12px; } .wc-block-cart .wc-block-components-main, .wc-block-checkout .wc-block-components-main { padding: 14px !important; } } /* ---------- Product info: real tabs (JS adds .is-js; without JS all panels stay visible) ---------- */ .bbc-info.is-js .bbc-info-panels { display: block; } .bbc-info.is-js .bbc-info-panel { border: 0 !important; padding: 26px 30px 30px; } .bbc-info.is-js .bbc-info-panel[hidden] { display: none; } .bbc-info.is-js #bbc-panel-spec > h2, .bbc-info.is-js #bbc-panel-dost > h2 { display: none; } .bbc-info.is-js #bbc-panel-opis { max-width: 980px; } .bbc-info.is-js .bbc-spec-table { max-width: 760px; } .bbc-info.is-js .bbc-delivery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 36px; } .bbc-info-tabs button:hover { color: var(--bbc-primary); background: #fff; } @media (max-width: 767px) { .bbc-info.is-js .bbc-info-panel { padding: 18px 16px 22px; } .bbc-info.is-js .bbc-delivery { grid-template-columns: 1fr; } .bbc-info.is-js #bbc-panel-opis > h2 { display: block; font-size: 17px; } } /* ---------- AJAX shop loading state ---------- */ .bbc-shop-layout .bbc-shop-main, .bbc-shop-layout .bbc-filters { transition: opacity .15s; } .bbc-shop-layout.is-loading .bbc-shop-main, .bbc-shop-layout.is-loading .bbc-filter-form { opacity: .45; pointer-events: none; } .bbc-shop-layout.is-loading .bbc-shop-main { cursor: progress; } /* ---------- Brand colors instead of the Hello Elementor reset pink (#c36) ---------- * Hello's reset.css styles every link/button pink and fills buttons pink on hover/focus. * Same .elementor-kit-6s here (kit CSS loads later) map those defaults to the brand; components below * then set their own states with higher specificity. */ a { color: var(--bbc-primary); } a:hover, a:active { color: var(--bbc-primary-dark); } [type=button], [type=submit], button { border-color: var(--bbc-primary); color: var(--bbc-primary); } [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover { background-color: var(--bbc-primary); color: #fff; } button.bbc-fav:hover, button.bbc-fav:focus { background-color: var(--bbc-bg-blue); color: var(--bbc-primary); border-color: var(--bbc-primary); } button.bbc-fav.is-active, button.bbc-fav.is-active:hover, button.bbc-fav.is-active:focus { background-color: var(--bbc-primary); color: #fff; border-color: var(--bbc-primary); } .bbc-carousel-nav button:hover, .bbc-carousel-nav button:focus { background-color: var(--bbc-bg-blue); color: var(--bbc-primary); border-color: var(--bbc-primary); } .bbc-view-toggle button:hover, .bbc-view-toggle button:focus { background-color: var(--bbc-bg-blue); color: var(--bbc-primary); border-color: var(--bbc-primary); } .bbc-view-toggle button.is-active, .bbc-view-toggle button.is-active:hover, .bbc-view-toggle button.is-active:focus { background-color: var(--bbc-primary); color: #fff; } .bbc-fgroup legend button:hover, .bbc-fgroup legend button:focus { background-color: transparent; color: var(--bbc-primary); } button.bbc-more:hover, button.bbc-more:focus { background-color: transparent; color: var(--bbc-primary-dark); text-decoration: underline; } .bbc-search button:hover, .bbc-search button:focus { background-color: var(--bbc-primary-dark); color: #fff; } button.bbc-qty-btn:hover, button.bbc-qty-btn:focus { background-color: var(--bbc-bg-blue); color: var(--bbc-primary); } button.bbc-filters-toggle:hover, button.bbc-filters-toggle:focus { background-color: var(--bbc-bg-blue); color: var(--bbc-primary); } .bbc-info-tabs button:focus { background-color: #fff; color: var(--bbc-primary); } .bbc-check:hover span { color: var(--bbc-primary); } .bbc-chip:focus-visible, .bbc-fav:focus-visible, .bbc-carousel-nav button:focus-visible { outline: 2px solid var(--bbc-accent); outline-offset: 2px; } .woocommerce .bbc-card-actions a.button:focus { background: var(--bbc-primary-dark); color: #fff; } .woocommerce a.added_to_cart:hover { color: var(--bbc-primary-dark); } /* ---------- Filters: options with no results for the current selection ---------- */ .bbc-check.is-disabled { opacity: .45; cursor: not-allowed; } .bbc-check.is-disabled:hover span { color: inherit; } /* ---------- Off-canvas mini cart ---------- */ html.bbc-mc-lock { overflow: hidden; } .bbc-minicart { position: fixed; inset: 0; z-index: 100000; } .bbc-minicart[hidden] { display: none; } .bbc-minicart-overlay { position: absolute; inset: 0; background: rgba(11, 31, 69, .45); opacity: 0; transition: opacity .25s; } .bbc-minicart-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); background: #fff; display: flex; flex-direction: column; box-shadow: -12px 0 40px rgba(11, 31, 69, .2); transform: translateX(100%); transition: transform .28s ease; outline: none; font-family: var(--bbc-font); } .bbc-minicart.is-open .bbc-minicart-overlay { opacity: 1; } .bbc-minicart.is-open .bbc-minicart-panel { transform: none; } .admin-bar .bbc-minicart-panel { top: 32px; } .bbc-minicart-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--bbc-border); background: var(--bbc-bg); } .bbc-minicart-head h2 { display: flex; align-items: center; gap: 10px; margin: 0; font: 700 19px var(--bbc-font); color: var(--bbc-title); } .bbc-minicart-head h2 .bbc-icon { width: 24px; height: 24px; color: var(--bbc-primary); } .bbc-mc-badge { color: var(--bbc-muted); font-weight: 500; font-size: 15px; } button.bbc-minicart-close, button.bbc-minicart-close:hover, button.bbc-minicart-close:focus { width: 38px; height: 38px; padding: 0; border-radius: 50%; border: 1px solid var(--bbc-border); background: #fff; color: var(--bbc-navy); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } button.bbc-minicart-close:hover { border-color: var(--bbc-primary); color: var(--bbc-primary); } .bbc-minicart-close .bbc-icon { width: 20px; height: 20px; } .bbc-minicart-body { flex: 1; overflow-y: auto; padding: 16px 20px; display: flex; flex-direction: column; } .bbc-minicart-body .widget_shopping_cart_content { display: flex; flex-direction: column; flex: 1; } .bbc-minicart .woocommerce-mini-cart { list-style: none; margin: 0 0 12px; padding: 0; } .bbc-minicart .woocommerce-mini-cart-item { position: relative; display: grid; grid-template-columns: 64px 1fr; grid-template-rows: auto auto; column-gap: 14px; align-items: start; padding: 12px 34px 12px 0; border-bottom: 1px solid var(--bbc-border); margin: 0; font-size: 14px; } .bbc-minicart .woocommerce-mini-cart-item > a:not(.remove) { grid-column: 1 / -1; display: grid; grid-template-columns: 64px 1fr; column-gap: 14px; align-items: center; color: var(--bbc-navy); font-weight: 700; font-size: 13px; line-height: 1.35; text-transform: uppercase; text-decoration: none; } .bbc-minicart .woocommerce-mini-cart-item > a:not(.remove):hover { color: var(--bbc-primary); } .bbc-minicart .woocommerce-mini-cart-item img { width: 64px !important; height: 64px; object-fit: contain; border: 1px solid var(--bbc-border); border-radius: 8px; padding: 4px; background: #fff; margin: 0 !important; float: none !important; grid-row: span 2; } .bbc-minicart .woocommerce-mini-cart-item .quantity { grid-column: 2; display: block; border: 0; height: auto; overflow: visible; margin-top: -20px; padding-left: 0; color: var(--bbc-muted); font-size: 13px; background: none; } .bbc-minicart .woocommerce-mini-cart-item .quantity .amount { color: var(--bbc-title); font-weight: 700; } .bbc-minicart .woocommerce-mini-cart-item a.remove { position: absolute; top: 12px; right: 0; width: 26px; height: 26px; line-height: 24px; border-radius: 50%; border: 1px solid var(--bbc-border); color: var(--bbc-muted) !important; font-size: 18px; text-align: center; text-decoration: none; background: #fff; } .bbc-minicart .woocommerce-mini-cart-item a.remove:hover { background: var(--bbc-sale); border-color: var(--bbc-sale); color: #fff !important; } .bbc-minicart .blockUI.blockOverlay { background: rgba(255, 255, 255, .6) !important; } .bbc-minicart .woocommerce-mini-cart__total { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin: auto 0 12px; padding: 14px 0 0; border-top: 2px solid var(--bbc-border); font-size: 15px; color: var(--bbc-navy); } .bbc-minicart .woocommerce-mini-cart__total .amount { font-size: 22px; font-weight: 700; color: var(--bbc-title); } .bbc-mc-vat { flex-basis: 100%; text-align: right; color: var(--bbc-muted); font-size: 12px; } .bbc-minicart .woocommerce-mini-cart__buttons { display: grid; gap: 10px; margin: 0; } .bbc-minicart .woocommerce-mini-cart__buttons a.button { display: flex; align-items: center; justify-content: center; min-height: 48px; margin: 0; border-radius: 8px; font: 600 15px var(--bbc-font); text-decoration: none; } .bbc-minicart .woocommerce-mini-cart__buttons a.bbc-mc-view { background: #fff; color: var(--bbc-primary); border: 1.5px solid var(--bbc-primary); } .bbc-minicart .woocommerce-mini-cart__buttons a.bbc-mc-view:hover { background: var(--bbc-bg-blue); color: var(--bbc-primary); } .bbc-minicart .woocommerce-mini-cart__buttons a.bbc-mc-checkout { background: var(--bbc-primary); color: #fff; border: 1.5px solid var(--bbc-primary); } .bbc-minicart .woocommerce-mini-cart__buttons a.bbc-mc-checkout:hover { background: var(--bbc-primary-dark); color: #fff; } .bbc-mc-ship { display: grid; grid-template-columns: 22px 1fr; gap: 4px 10px; align-items: center; background: var(--bbc-bg-blue); border-radius: 8px; padding: 10px 12px; margin-bottom: 6px; font-size: 13px; color: var(--bbc-navy); } .bbc-mc-ship .bbc-icon { width: 22px; height: 22px; color: var(--bbc-primary); } .bbc-mc-ship .amount { color: var(--bbc-primary); } .bbc-mc-ship-bar { grid-column: 1 / -1; height: 6px; border-radius: 3px; background: #fff; overflow: hidden; } .bbc-mc-ship-bar span { display: block; height: 100%; background: var(--bbc-primary); border-radius: 3px; } .bbc-mc-ship.is-free { background: #E6F6EE; color: #0B6B3A; } .bbc-mc-ship.is-free .bbc-icon { color: var(--bbc-green); } .bbc-minicart .woocommerce-mini-cart__empty-message { display: none; } .bbc-mc-empty { display: none; flex: 1; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 12px; color: var(--bbc-muted); padding: 30px 0; } .bbc-minicart-body:has(.woocommerce-mini-cart__empty-message) .bbc-mc-empty { display: flex; } .bbc-mc-empty > .bbc-icon { width: 56px; height: 56px; color: var(--bbc-icon-bg); } .bbc-mc-empty p { margin: 0; font-size: 15px; } .bbc-minicart-foot { padding: 12px 20px; border-top: 1px solid var(--bbc-border); font-size: 13px; color: var(--bbc-muted); text-align: center; } .bbc-minicart-foot p { margin: 0; } @media (max-width: 782px) { .admin-bar .bbc-minicart-panel { top: 46px; } } @media (prefers-reduced-motion: reduce) { .bbc-minicart-panel, .bbc-minicart-overlay { transition: none; } } /* ---------- Theme Builder product template: WooCommerce slot wrappers ---------- */ .bbc-tpl-gallery .woocommerce-product-gallery { width: 100% !important; float: none !important; margin: 0 !important; } .bbc-tpl-gallery, .bbc-tpl-atc { width: 100%; } .bbc-tpl-atc form.cart { margin-bottom: 22px; } .bbc-notices:empty { display: none; } .bbc-notices .woocommerce-message, .bbc-notices .woocommerce-error, .bbc-notices .woocommerce-info { margin: 12px 0 0; border-radius: var(--bbc-radius); } .bbc-seo-text { padding-top: 40px; padding-bottom: 48px; } /* Catalog template: hero image slot fills its Elementor container. */ .bbc-cat-hero-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; } /* ---------- Elementor Single Product template (native WooCommerce widgets) ---------- */ .elementor-icon svg[stroke="currentColor"], .elementor-icon-box-icon svg[stroke="currentColor"] { fill: none !important; } .elementor-icon-box-icon svg[stroke="currentColor"] path, .elementor-icon-box-icon svg[stroke="currentColor"] rect, .elementor-icon-box-icon svg[stroke="currentColor"] circle, .elementor-icon-box-icon svg[stroke="currentColor"] line, .elementor-icon-box-icon svg[stroke="currentColor"] polyline { fill: none !important; } .bbc-tpl-price .price { margin: 0 !important; } .bbc-tpl-price .price del { font-size: 18px !important; color: #8A93A3 !important; font-weight: 400; margin-right: 10px; } .bbc-tpl-price .price ins { text-decoration: none; } .bbc-tpl-vat p { margin: 0; } .bbc-tpl-cat a { color: inherit; text-decoration: none; } .bbc-tpl-atc form.cart { margin-bottom: 18px !important; } .bbc-ib-contact .elementor-icon-box-wrapper { display: flex; align-items: center; gap: 8px; } .bbc-ib-contact .elementor-icon-box-title, .bbc-ib-contact .elementor-icon-box-description { margin: 0; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bbc-ib-contact .elementor-icon-box-content { min-width: 0; } .bbc-ib-adv .elementor-icon-box-title { margin-top: 0; } .bbc-ib-adv .elementor-icon-box-description { margin: 0; } /* Native WooCommerce tabs styled like the design */ .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs { background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); overflow: hidden; } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs { display: flex; margin: 0; padding: 0; border-bottom: 1px solid var(--bbc-border); background: var(--bbc-bg); overflow-x: auto; } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs::before, .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs li::after { display: none; content: none; } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: 0; border-right: 1px solid var(--bbc-border); border-radius: 0; background: transparent; } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs li a { display: block; padding: 15px 28px; font: 500 14px var(--bbc-font); color: var(--bbc-text); white-space: nowrap; } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs li.active { background: #fff; box-shadow: inset 0 -3px 0 var(--bbc-primary); } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs li.active a { color: var(--bbc-primary); font-weight: 700; } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs li a:hover { color: var(--bbc-primary); } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs .panel { margin: 0 !important; padding: 26px 30px 30px; font-size: 15px; line-height: 1.65; color: var(--bbc-text); } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs .panel > h2 { font: 700 19px/1.3 var(--bbc-font); color: var(--bbc-title); margin: 0 0 14px; } .bbc-tpl-tabs .bbc-spec-table { max-width: 760px; } .bbc-tpl-tabs .bbc-delivery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 36px; max-width: 980px; } @media (max-width: 767px) { .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs ul.tabs li a { padding: 14px 16px; } .woocommerce div.product .bbc-tpl-tabs .woocommerce-tabs .panel { padding: 18px 16px 22px; } .bbc-tpl-tabs .bbc-delivery { grid-template-columns: 1fr; } } /* Related products (native widget) */ .woocommerce div.product .bbc-tpl-related .related.products > h2 { font: 700 26px/1.2 var(--bbc-font); color: var(--bbc-title); margin: 0 0 18px; } .woocommerce .bbc-tpl-related ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); } .bbc-tpl-related .bbc-card { text-align: center; padding: 16px 14px 18px; } .bbc-tpl-related .bbc-card-cat { display: none; } .bbc-tpl-related .bbc-card-price, .bbc-tpl-related .bbc-card-actions { justify-content: center; } @media (max-width: 1024px) { .woocommerce .bbc-tpl-related ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767px) { .woocommerce .bbc-tpl-related ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Gallery inside the Elementor widget */ .bbc-tpl-gallery .woocommerce-product-gallery { width: 100% !important; float: none !important; margin: 0 !important; } .bbc-tpl-gallery span.onsale.bbc-badge { position: absolute; top: 14px; left: 14px; min-height: 0; min-width: 0; line-height: 1; border-radius: 6px; padding: 7px 11px; margin: 0; z-index: 3; } /* ---------- Elementor Products Archive template (native widgets) ---------- */ .bbc-tpl-hero > .e-con-inner { position: relative; } .bbc-tpl-hero-img img { width: 100%; height: 300px; object-fit: cover; object-position: right center; border-radius: 0; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%); mask-image: linear-gradient(90deg, transparent 0, #000 22%); } .bbc-shop-layout > .e-con-inner { flex-wrap: nowrap; width: 100%; } .bbc-shop-layout .bbc-filters-tpl { flex: 0 0 264px; position: sticky; top: 16px; } .bbc-shop-layout .bbc-shop-main { flex: 1 1 0; min-width: 0; width: auto; } .bbc-filters-clear a, .bbc-filters-clear .elementor-heading-title { color: var(--bbc-primary); white-space: nowrap; } .bbc-fgroup-w { width: 100%; border-bottom: 1px solid var(--bbc-border); padding-bottom: 14px; margin-bottom: 14px !important; } .bbc-fgroup-w:last-child { border-bottom: 0; margin-bottom: 0 !important; } .bbc-fgroup-w h5, .bbc-fgroup-w .widget-title, .bbc-fgroup-w h2 { font: 600 15px var(--bbc-font) !important; color: var(--bbc-navy) !important; margin: 0 0 10px !important; } .bbc-fgroup-w ul.woocommerce-widget-layered-nav-list { list-style: none; margin: 0; padding: 0; } .bbc-fgroup-w .woocommerce-widget-layered-nav-list__item { position: relative; padding: 4px 0 4px 26px !important; font-size: 14px; color: var(--bbc-text); } .bbc-fgroup-w .woocommerce-widget-layered-nav-list__item a { color: var(--bbc-text); text-decoration: none; } .bbc-fgroup-w .woocommerce-widget-layered-nav-list__item a::before { content: ""; position: absolute; left: 0; top: 7px; width: 16px; height: 16px; border: 1.5px solid #9AA7B8; border-radius: 3px; background: #fff; box-sizing: border-box; } .bbc-fgroup-w .woocommerce-widget-layered-nav-list__item--chosen a::before { background: var(--bbc-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; border-color: var(--bbc-primary); } .bbc-fgroup-w .woocommerce-widget-layered-nav-list__item a:hover { color: var(--bbc-primary); } .bbc-fgroup-w .woocommerce-widget-layered-nav-list__item .count { color: var(--bbc-muted); font-size: 13px; } .woocommerce .bbc-fgroup-w .woocommerce-widget-layered-nav-list__item--chosen a::after { content: none; } /* Price slider (WooCommerce widget): auto-applies on release, so the button is hidden */ .bbc-price-w .price_slider_wrapper { padding: 6px 4px 0; } .woocommerce .bbc-price-w .widget_price_filter .ui-slider, .woocommerce .bbc-price-w .ui-slider { position: relative; height: 4px; border-radius: 2px; background: var(--bbc-icon-bg); margin: 8px 6px 14px; border: 0; } .woocommerce .bbc-price-w .ui-slider .ui-slider-range { position: absolute; top: 0; height: 100%; background: var(--bbc-primary); border-radius: 2px; } .woocommerce .bbc-price-w .ui-slider .ui-slider-handle { position: absolute; top: -7px; width: 18px; height: 18px; margin-left: -9px; border-radius: 50%; background: #fff; border: 4px solid var(--bbc-primary); box-sizing: border-box; cursor: pointer; z-index: 2; outline: none; } .woocommerce .bbc-price-w .ui-slider .ui-slider-handle:focus-visible { box-shadow: 0 0 0 3px rgba(30, 127, 214, .35); } .bbc-price-w .price_slider_amount { display: flex; flex-direction: column; font-size: 13px; color: var(--bbc-primary); } .bbc-price-w .price_slider_amount .button { display: none !important; } .bbc-price-w .price_slider_amount .price_label { display: flex; justify-content: space-between; width: 100%; font-size: 13px; } .bbc-price-w .price_slider_amount .price_label .from, .bbc-price-w .price_slider_amount .price_label .to { font-weight: 500; } /* Toolbar of the native Products Archive widget */ .bbc-tpl-products .woocommerce { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; } .bbc-tpl-products .woocommerce > * { margin-bottom: 0 !important; } .bbc-tpl-products .woocommerce > ul.products, .bbc-tpl-products .woocommerce > nav.woocommerce-pagination, .bbc-tpl-products .woocommerce > .bbc-chips, .bbc-tpl-products .woocommerce > .woocommerce-info, .bbc-tpl-products .woocommerce > .woocommerce-notices-wrapper { flex: 1 1 100%; } .bbc-tpl-products .woocommerce-result-count { margin: 0 auto 0 0 !important; font-size: 14px; color: var(--bbc-muted); float: none !important; } .bbc-tpl-products .woocommerce-ordering { margin: 0 !important; float: none !important; } .bbc-tpl-products .woocommerce-ordering select { height: 38px; min-width: 210px; border: 1px solid var(--bbc-border); border-radius: 6px; padding: 0 12px; font: 400 14px var(--bbc-font); color: var(--bbc-text); background-color: #fff; } .bbc-tpl-products .bbc-chips { margin: 4px 0 4px; } .bbc-tpl-products ul.products { margin-top: 4px !important; } .elementor-widget-woocommerce-archive-products.bbc-tpl-products ul.products li.product { text-align: left; } @media (max-width: 1024px) { .bbc-shop-layout > .e-con-inner { flex-wrap: wrap; } .bbc-shop-layout .bbc-filters-tpl { position: fixed; top: 0; bottom: 0; left: 0; width: min(340px, 88vw) !important; z-index: 1000; overflow-y: auto; border-radius: 0 !important; transform: translateX(-105%); transition: transform .25s; box-shadow: 0 0 40px rgba(0, 0, 0, .25); } .bbc-shop-layout .bbc-filters-tpl.is-open { transform: none; } .bbc-tpl-hero-img img { -webkit-mask-image: none; mask-image: none; height: 220px; } } @media (max-width: 767px) { .bbc-tpl-products .woocommerce-result-count { flex: 1 1 100%; } .bbc-tpl-products .woocommerce-ordering select { min-width: 0; } .bbc-tpl-products .bbc-view-toggle { display: none; } } @media (max-width: 1024px) { .bbc-shop-layout .bbc-shop-main { flex: none; width: 100% !important; max-width: 100%; } } @media (max-width: 767px) { .bbc-tpl-atc form.cart { flex-wrap: wrap !important; } .bbc-tpl-atc form.cart .single_add_to_cart_button { flex: 1 1 100% !important; min-width: 0; max-width: 100% !important; } .bbc-tpl-atc form.cart .quantity { flex: none; } } /* ---------- Empty catalog pages (e.g. /promocija/akcija/ with no active discounts) ---------- */ .bbc-catalog-empty .bbc-shop-layout .bbc-filters-tpl, .bbc-catalog-empty .bbc-filters-toggle { display: none !important; } .bbc-catalog-empty .bbc-shop-layout .bbc-shop-main { flex: 1 1 100%; width: 100% !important; } .bbc-empty { display: flex; flex-direction: column; align-items: center; gap: 0; padding: 40px 24px 36px; background: #fff; border: 1px solid var(--bbc-border); border-radius: var(--bbc-radius); text-align: center; } .bbc-empty-icon { width: 72px; height: 72px; border-radius: 50%; background: var(--bbc-icon-bg); color: var(--bbc-primary); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; } .bbc-empty-icon .bbc-icon { width: 34px; height: 34px; } .bbc-empty h2 { font: 700 24px/1.25 var(--bbc-font); color: var(--bbc-title); margin: 0 0 8px; } .bbc-empty p { max-width: 560px; margin: 0 auto 20px; font-size: 15px; line-height: 1.6; color: var(--bbc-muted); } .bbc-empty .bbc-btn--ghost { border: 1.5px solid var(--bbc-primary); } .bbc-empty .bbc-btn--ghost:hover { background: var(--bbc-bg-blue); color: var(--bbc-primary); } .bbc-empty-suggest { width: 100%; margin-top: 34px; } .bbc-tpl-products .woocommerce > .bbc-empty, .bbc-tpl-products .woocommerce > .bbc-empty-suggest { flex: 1 1 100%; } .bbc-tpl-products .elementor-products-nothing-found { display: none; } @media (max-width: 767px) { .bbc-empty { padding: 28px 16px; } .bbc-empty h2 { font-size: 20px; } } /* ===== Header / Footer templates (native widgets) ===== */ .elementor-icon-list-icon svg[stroke="currentColor"], .elementor-icon-list-icon svg[stroke="currentColor"] * { fill: none !important; } .bbc-hact { position: relative; } .bbc-hact .bbc-hact-count { position: absolute; top: -6px; left: 16px; margin: 0; z-index: 2; } .bbc-hact .bbc-hact-count p, .bbc-hact .bbc-hact-count .elementor-widget-container { margin: 0; } .bbc-hact .bbc-hact-count .bbc-count { position: static; display: block; } .bbc-hact:hover .bbc-hact-label .elementor-heading-title, .bbc-hact:hover .elementor-icon { color: var(--bbc-primary); } .bbc-hact:hover .elementor-icon svg { stroke: var(--bbc-primary); } .bbc-mainnav .elementor-nav-menu--main .elementor-item.elementor-item-active { background: rgba(255,255,255,.12); } .bbc-footnav .elementor-nav-menu--main .elementor-item.elementor-item-active { color: var(--bbc-primary); } @media (max-width: 767px) { .bbc-hact .bbc-hact-label { display: none; } .bbc-navbar .e-con-inner { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; } .bbc-mainnav .elementor-nav-menu { flex-wrap: nowrap; } .bbc-mainnav .elementor-item { white-space: nowrap; } } .bbc-logo { flex: 0 0 165px; width: 165px; max-width: 165px; } .bbc-logo img { width: 100%; height: auto; } .elementor-widget.bbc-iconlist-light .elementor-icon-list-icon svg[stroke="currentColor"] { stroke: #fff; } .elementor-icon-list-icon svg[stroke="currentColor"] { stroke: currentColor; } .bbc-topbar .elementor-icon-list-icon svg[stroke="currentColor"] { stroke: var(--bbc-navy); } @media (max-width: 767px) { .bbc-logo { flex-basis: 120px; width: 120px; max-width: 120px; } } @media (max-width: 767px) { .bbc-navbar > .e-con-inner { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .bbc-navbar .bbc-mainnav { flex: 0 0 auto; } .bbc-mainnav .elementor-nav-menu--main .elementor-nav-menu { display: flex; flex-wrap: nowrap; } .bbc-mainnav .elementor-item { padding-left: 12px !important; padding-right: 12px !important; } .bbc-allproducts { flex: 0 0 auto; } .bbc-search-w { order: 3; flex: 1 0 100% !important; } } .e-con.bbc-header-actions-w, .e-con.bbc-hact { --width: auto; width: auto; flex: 0 0 auto; } @media (max-width: 767px) { .e-con.bbc-header-actions-w { margin-left: auto; } } .bbc-anchor { display: block; position: relative; top: -120px; visibility: hidden; } /* Contact buttons template (955): native Button widgets */ .bbc-cbtns .elementor-widget-button { width: 100%; } .bbc-cbtn .elementor-button { width: 100%; display: flex; justify-content: flex-start; transition: border-color .15s, filter .15s; } .bbc-cbtn .elementor-button-content-wrapper { justify-content: flex-start; } .bbc-cbtn .elementor-button-icon svg { width: 22px; height: 22px; } .bbc-cbtn .elementor-button-icon svg[stroke="currentColor"] { fill: none; } .bbc-cbtn--phone .elementor-button-icon, .bbc-cbtn--email .elementor-button-icon { color: var(--bbc-primary); } .bbc-cbtn--phone .elementor-button-icon svg[stroke="currentColor"], .bbc-cbtn--email .elementor-button-icon svg[stroke="currentColor"] { stroke: var(--bbc-primary); } .bbc-cbtn--whatsapp .elementor-button:hover, .bbc-cbtn--viber .elementor-button:hover { filter: brightness(.94); } .bbc-cbtn--whatsapp .elementor-button-icon svg, .bbc-cbtn--viber .elementor-button-icon svg { fill: #fff; } .bbc-cbtn--email .elementor-button-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bbc-cbtn .elementor-button-content-wrapper { align-items: center; } .bbc-cbtn .elementor-button-icon { display: inline-flex; align-items: center; } .bbc-cbtn .elementor-button-text { line-height: 1.2; } /* Product carousel blocks (Elementor Pro Products widget) */ .bbc-prodsec:not(:has(li.product)) { display: none !important; } .bbc-prodsec { width: 100%; } .bbc-carousel-nav-w .elementor-icon { border-color: var(--bbc-border) !important; background: #fff; cursor: pointer; transition: border-color .15s, color .15s; } .bbc-carousel-nav-w .elementor-icon svg[stroke="currentColor"] { fill: none; stroke: currentColor; } .bbc-carousel-nav-w .elementor-widget-icon:hover .elementor-icon { border-color: var(--bbc-primary) !important; color: var(--bbc-primary); } .bbc-carousel-nav-w .elementor-widget-icon:focus-visible { outline: 2px solid var(--bbc-primary); outline-offset: 2px; border-radius: 50%; } .bbc-carousel-products ul.products.elementor-grid { display: grid !important; grid-auto-flow: column; grid-auto-columns: calc((100% - 4 * 16px) / 5); grid-template-columns: none !important; gap: 16px !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; margin: 0; } .bbc-carousel-products ul.products::-webkit-scrollbar { display: none; } .bbc-carousel-products ul.products li.product { scroll-snap-align: start; } .bbc-carousel-products .bbc-card { text-align: center; padding: 16px 14px 18px; } .bbc-carousel-products .bbc-card-cat { display: none; } .bbc-carousel-products .bbc-card-price, .bbc-carousel-products .bbc-card-actions { justify-content: center; } .bbc-carousel-products .bbc-card-title { font-size: 13px; } .bbc-carousel-products .bbc-card-sub { font-size: 12px; margin-bottom: 8px; } @media (max-width: 1024px) { .bbc-carousel-products ul.products.elementor-grid { grid-auto-columns: calc((100% - 2 * 16px) / 3); } } @media (max-width: 767px) { .bbc-carousel-products ul.products.elementor-grid { grid-auto-columns: calc((100% - 16px) / 2); } } .e-con.bbc-prodsec-head { width: 100%; --width: 100%; } .bbc-prodsec-head > .elementor-widget-heading { flex: 1 1 auto; min-width: 0; } .e-con.bbc-carousel-nav-w { --width: auto; width: auto; flex: 0 0 auto; } /* Favorites page */ .bbc-has-favs .bbc-fav-empty, body:not(.bbc-has-favs) .bbc-fav-products { display: none !important; } .bbc-fav-empty .elementor-icon svg[stroke="currentColor"] { fill: none; stroke: var(--bbc-primary); } /* "Svi proizvodi" — Nav Menu widget with the WordPress menu "Svi proizvodi (kategorije)" */ .bbc-catnav .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; } .bbc-catnav .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item::before { content: ""; position: static !important; display: inline-block; flex: 0 0 20px; opacity: 1 !important; transform: none !important; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("/bbcpromet/wp-content/uploads/2026/10/icon-menu.svg") center / contain no-repeat; mask: url("/bbcpromet/wp-content/uploads/2026/10/icon-menu.svg") center / contain no-repeat; } .bbc-catnav .sub-arrow { display: none !important; } .bbc-catnav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu { width: min(760px, 92vw) !important; max-width: none !important; min-width: 0 !important; padding: 22px 26px !important; border-radius: 0 0 12px 12px; box-shadow: 0 18px 40px rgba(11,31,69,.18); background: #fff; columns: 3; column-gap: 28px; margin-top: 0 !important; } .bbc-catnav .sub-menu li { break-inside: avoid; display: block; margin: 0 0 12px; } .bbc-catnav .sub-menu a.elementor-sub-item { padding: 0 !important; border: 0 !important; background: none !important; white-space: normal; } .bbc-catnav .sub-menu .sub-menu { position: static !important; display: block !important; width: auto !important; min-width: 0 !important; margin: 6px 0 0 !important; padding: 0 !important; box-shadow: none !important; border: 0 !important; columns: 1; } .bbc-catnav .sub-menu .sub-menu li { margin: 0 0 5px; } .bbc-catnav .sub-menu .sub-menu a.elementor-sub-item { font-size: 13px !important; font-weight: 400 !important; color: var(--bbc-muted) !important; } .bbc-catnav .sub-menu a.elementor-sub-item:hover { color: var(--bbc-primary) !important; } .bbc-catnav .sub-menu li.bbc-catnav-all { column-span: all; margin: 6px 0 0; padding-top: 12px; border-top: 1px solid var(--bbc-border); } .bbc-catnav .sub-menu li.bbc-catnav-all a.elementor-sub-item { color: var(--bbc-primary) !important; } /* Header stacks above page content: page heroes (e.g. archive 914) use z-index 2 and would otherwise cover the dropdown and close it on hover */ .elementor-location-header { position: relative; z-index: 100; } @media (max-width: 767px) { .e-con.bbc-navbar { position: relative; } .bbc-navbar > .e-con-inner, .bbc-catnav, .bbc-catnav nav, .bbc-catnav .elementor-nav-menu, .bbc-catnav .elementor-nav-menu > li { position: static !important; } .bbc-catnav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu { position: absolute !important; top: 100% !important; left: 8px !important; right: 8px !important; width: auto !important; columns: 1; max-height: 70vh; overflow-y: auto; z-index: 200 !important; } } @media (min-width: 768px) and (hover: hover) { .bbc-catnav .elementor-nav-menu--main > .elementor-nav-menu > li:hover > .sub-menu, .bbc-catnav .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within > .sub-menu { display: block !important; } } /* Products Archive (914): featured suggestion block only on empty promotion pages */ .e-con.bbc-empty-suggest-w { display: none; } body.bbc-catalog-empty.tax-promotion_type .e-con.bbc-empty-suggest-w { display: flex; } /* Hide the wrapper of an empty product block when it holds nothing else (e.g. "Proizvodi na akciji" with no sale products) */ .e-con:has(.bbc-prodsec):not(:has(li.product)) { display: none !important; }/* End custom CSS */