:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(96,117,138);
	--wd-text-font-size: 15px;
	--wd-title-font: "Barlow Condensed", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(21,61,92);
	--wd-entities-title-font: "Barlow Condensed", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(21,61,92);
	--wd-entities-title-color-hover: rgb(13, 91, 140);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(21,61,92);
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Barlow Condensed", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(13,91,140);
	--wd-alternative-color: rgb(21,61,92);
	--btn-default-font-family: "Quicksand", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-font-size: 14px;
	--btn-default-bgcolor: rgb(13,91,140);
	--btn-default-bgcolor-hover: rgb(21,61,92);
	--btn-default-padding: 14px 28px 14px 28px;
	--btn-accented-font-family: "Quicksand", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-font-size: 18px;
	--btn-accented-bgcolor: rgb(13,91,140);
	--btn-accented-bgcolor-hover: rgb(21,61,92);
	--btn-accented-padding: 14px 28px 14px 28px;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(198,40,40);
	--wd-link-color-hover: rgb(122,20,24);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
	background-size: cover;
}
html .wd-nav.wd-nav-main > li > a, .whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 16px;
	text-transform: uppercase;
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 16px;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 700;
	font-size: 42px;
}
html .wd-product .price, html .product.wd-product del {
	font-size: 14px;
}
html .wd-builder-off .tabs-layout-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-title-text, html .wd-builder-off .tabs-layout-tabs .wd-nav-tabs > li > a {
	font-family: "Barlow Condensed", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
	text-transform: uppercase;
}
html .wd-nav-mobile > li > a {
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 16px;
	text-transform: uppercase;
}
body[class*="wrapper-boxed"] {
	background-color: rgb(254,254,254);
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,250,253);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,250,253);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,250,253);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd .product-label.onsale {
	background-color: rgb(195,5,15);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(13,91,140);
}
.wd .product-label.featured {
	background-color: rgb(255,176,58);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 321px;
}

@media (max-width: 1024px) {
	html .wd-nav.wd-nav-main > li > a, .whb-top-bar .wd-nav.wd-nav-secondary > li > a {
		font-size: 18px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
		font-size: 16px;
	}
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 40px;
	}
	html .wd-product .price, html .product.wd-product del {
		font-size: 14px;
	}
	html .wd-builder-off .tabs-layout-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-title-text, html .wd-builder-off .tabs-layout-tabs .wd-nav-tabs > li > a {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	html .wd-nav.wd-nav-main > li > a, .whb-top-bar .wd-nav.wd-nav-secondary > li > a {
		font-size: 18px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
		font-size: 14px;
	}
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 32px;
	}
	html .wd-product .price, html .product.wd-product del {
		font-size: 12px;
	}
	html .wd-builder-off .tabs-layout-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-title-text, html .wd-builder-off .tabs-layout-tabs .wd-nav-tabs > li > a {
		font-size: 26px;
	}

}
:root{
--wd-container-w: 1160px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1160px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1160px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1160px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgb(245,250,253);
}

/* =========================================================
   OMEGA 3 NORWAY — OPŠTA / POMOĆNA PRAVILA
   Izdvojena radi lakšeg pronalaženja; vrednosti nisu menjane.
   ========================================================= */

/* ALIGNNONE */
.alignnone {
	padding: 3px !important;
}

/* PAGE TITLE */
/* Naslov stranice - Omega3Norway */
.wd-page-title .title {
    color: #153D5C !important;
}

/* TAG TITLE */
/* Samo prvo slovo naslova oznake je veliko */
body.tax-product_tag .wd-page-title .title {
    text-transform: lowercase;
}

body.tax-product_tag .wd-page-title .title::first-letter {
    text-transform: uppercase;
}

/* Sakrij SKU na stranici proizvoda */
.single-product .product_meta .sku_wrapper {
    display: none !important;
}


/* =========================================================
   OMEGA 3 NORWAY — HERO
   ========================================================= */
.o3n-hero,
.o3n-hero * {
    box-sizing: border-box;
}

.o3n-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 520px;
    margin: 0;
    padding: 40px 5%;
    overflow: hidden;
    border-radius: 22px;
    background-color: #EAF3F8;
    background-image:
        linear-gradient(90deg,
            #EAF3F8 0%,
            rgba(234,243,248,.98) 28%,
            rgba(234,243,248,.80) 43%,
            rgba(234,243,248,.20) 65%,
            rgba(234,243,248,0) 85%),
        url('https://www.omega3norway.rs/wp-content/uploads/2026/11/omega3-hero-norway.webp');
    background-position: center, center;
    background-size: cover, cover;
    background-repeat: no-repeat;
    font-family: "Inter", Arial, sans-serif;
}

.o3n-hero-content {
    position: relative;
    z-index: 1;
    width: 48%;
    max-width: none;
}

.o3n-hero-eyebrow {
    margin: 0 0 12px;
    color: #78A9D1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.o3n-hero h1 {
    margin: 0 0 16px;
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 62px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.o3n-hero-description {
    max-width: 390px;
    margin: 0 0 22px;
    color: #60758A;
    font-size: 16px;
    line-height: 1.65;
}

.o3n-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 26px;
    border: 0;
    border-radius: 15px;
    background: #0D5B8C;
    color: #FFFFFF !important;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none !important;
    transition: background .2s ease;
}

.o3n-hero-button:hover {
    background: #153D5C;
    color: #FFFFFF !important;
}

.o3n-hero-benefits {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 24px;
    color: #153D5C;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

.o3n-hero-benefits span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.o3n-hero-benefits svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    stroke: #0D5B8C;
}

@media (min-width: 768px) and (max-width: 991px) {
    .o3n-hero {
        min-height: 500px;
        padding: 35px 5%;
        background-position: center, 60% center;
    }

    .o3n-hero-content {
        width: 52%;
    }

    .o3n-hero h1 {
        font-size: 50px;
        line-height: 1.07;
    }

    .o3n-hero-description {
        font-size: 15px;
    }

    .o3n-hero-benefits {
        font-size: 12px;
    }
}


@media (max-width: 767px) {
    .o3n-hero {
        min-height: 660px;
        align-items: flex-start;
        padding: 32px 24px 240px;
        border-radius: 17px;
        background-image:
            linear-gradient(180deg,
                #EAF3F8 0%,
                rgba(234,243,248,.97) 32%,
                rgba(234,243,248,.65) 53%,
                rgba(234,243,248,0) 78%),
            url('https://www.omega3norway.rs/wp-content/uploads/2026/11/omega3-hero-norway.webp');
         background-position: center, 70% bottom;
        background-size: cover, auto 70%;
        background-repeat: no-repeat;
    }

    .o3n-hero-content {
        width: 100%;
    }

    .o3n-hero-eyebrow {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .o3n-hero h1 {
        font-size: 44px;
        line-height: 1.08;
        letter-spacing: -.8px;
    }

    .o3n-hero-description {
        max-width: 340px;
        font-size: 14px;
        line-height: 1.6;
    }

    .o3n-hero-benefits {
        gap: 10px;
        margin-top: 30px;
        font-size: 14px;
    }

    .o3n-hero-benefits svg {
        width: 17px;
        height: 17px;
    }
}


/* Naglasena rec u glavnom naslovu */
.o3n-hero h1 .o3n-hero-red {
    color: #BD101B !important;
}

/* Manji telefoni */
@media (max-width: 380px) {
    .o3n-hero h1 {
        font-size: 40px;
    }
}

/* =========================================================
   ČETIRI KATEGORIJE NA NASLOVNOJ
   ========================================================= */
.o3n-categories,
.o3n-categories * {
    box-sizing: border-box;
}

.o3n-categories {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 20px 0 32px;
}

.o3n-category {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 94px;
    overflow: hidden;
    border: 1px solid #D8E8F3;
    border-radius: 18px;
    background: #EAF3F8;
    color: #153D5C !important;
    text-decoration: none !important;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.o3n-category:hover {
    border-color: #A8CDE5;
    background: #DDEEF8;
    transform: translateY(-2px);
    color: #153D5C !important;
}

.o3n-category-image {
    display: block;
    width: 39%;
    height: 94px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 17px;
    background: #DCEAF4;
}

.o3n-category-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.o3n-category-content {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 8px;
    padding: 12px 13px;
}

.o3n-category-text {
    min-width: 0;
}

.o3n-category-title {
    display: block;
    margin-bottom: 4px;
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

.o3n-category-description {
    display: block;
    color: #60758A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.3;
}

.o3n-category-arrow {
    flex-shrink: 0;
    color: #0D5B8C;
    font-size: 21px;
    line-height: 1;
}

@media (max-width: 991px) {
    .o3n-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
}

@media (max-width: 560px) {
    .o3n-categories {
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 16px 0 26px;
    }

    .o3n-category {
        min-height: 86px;
        border-radius: 15px;
    }

    .o3n-category-image {
        width: 110px;
        height: 86px;
        border-radius: 14px;
    }

    .o3n-category-content {
        padding: 10px 16px;
    }

    .o3n-category-title {
        font-size: 20px;
    }

    .o3n-category-description {
        font-size: 12px;
    }
}

/* =========================================================
   WOODMART TILED — JEDINSTVENE KARTICE PROIZVODA
   SHOP / KATEGORIJE / GRID / KARUSEL
   ========================================================= */

.wd-product.wd-hover-tiled {
    box-sizing: border-box;
    border: 1px solid #D8E8F3;
    border-radius: 20px;
    overflow: hidden;
    background: #FFFFFF;
}

.wd-product.wd-hover-tiled .wd-entities-title {
    color: #153D5C;
}

.wd-product.wd-hover-tiled .price {
    color: #0D5B8C;
    font-family: "Inter", Arial, sans-serif;
    font-size: 17px;
    font-weight: 700;
}

/* KLIKABILNI TAGOVI */

.wd-product.wd-hover-tiled .o3n-shop-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 8px 0 10px;
}

.wd-product.wd-hover-tiled .o3n-shop-tags a.o3n-shop-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 10px;
    border-radius: 30px;
    background-color: #EEF0F2;
    color: #626C76 !important;
    font-family: "Inter", Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease;
}

.wd-product.wd-hover-tiled
.o3n-shop-tags a.o3n-shop-tag:is(:hover, :focus-visible) {
    background-color: #0D5B8C;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* ORIGINALNE WOODMART KATEGORIJE */

.wd-product.wd-hover-tiled .wd-product-cats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 2px 0 3px !important;
    padding: 0;
}

.wd-product.wd-hover-tiled .wd-product-cats a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 10px;
    border-radius: 30px;
    background-color: #E4F1FA;
    color: #285C85 !important;
    font-family: "Inter", Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease;
}

/* BIOPHARMA */

.wd-product.wd-hover-tiled
.wd-product-cats a[href*="biopharma"]:not(:hover):not(:focus-visible) {
    background-color: #E4F1FA;
    color: #285C85 !important;
}

/* FJORDA */

.wd-product.wd-hover-tiled
.wd-product-cats a[href*="fjorda"]:not(:hover):not(:focus-visible) {
    background-color: #FFF3CE;
    color: #8A681F !important;
}

/* MÖLLER'S */

.wd-product.wd-hover-tiled
.wd-product-cats a[href*="moller"]:not(:hover):not(:focus-visible) {
    background-color: #E4F2E6;
    color: #36724B !important;
}

/* NORWEGIAN PHARMA — ljubičasta (sve WoodMart kartice proizvoda) */
.wd-product .wd-product-cats a[href*="norwegian"]:not(:hover):not(:focus-visible),
.wd-product .wd-product-cats a[href*="Norwegian"]:not(:hover):not(:focus-visible) {
    background-color: #EAE8F5 !important;
    color: #4B326B !important;
}

.wd-product.wd-hover-tiled
.wd-product-cats a:is(:hover, :focus-visible) {
    background-color: #0D5B8C;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* MOBILNE KARTICE */

@media (max-width: 767px) {
    .wd-product.wd-hover-tiled {
        border-radius: 16px;
    }

    .wd-product.wd-hover-tiled .o3n-shop-tags {
        gap: 4px;
        margin: 7px 0 9px;
    }

    .wd-product.wd-hover-tiled .wd-product-cats {
        gap: 4px;
        margin: 2px 0 3px !important;
    }

    .wd-product.wd-hover-tiled .o3n-shop-tags a.o3n-shop-tag,
    .wd-product.wd-hover-tiled .wd-product-cats a {
        min-height: 22px;
        padding: 4px 8px;
        font-size: 10px;
    }
}

/* =========================================================
   POJEDINAČNI PROIZVOD — GALERIJA
   ========================================================= */
.single-product .woocommerce-product-gallery
.woocommerce-product-gallery__wrapper,
.single-product .wd-gallery-images {
    border: 1px solid #D8E8F3;
    border-radius: 20px;
    overflow: hidden;
    background: #FFFFFF;
}

.single-product .woocommerce-product-gallery__wrapper .wd-gallery-images,
.single-product .wd-gallery-images .woocommerce-product-gallery__wrapper {
    border: 0;
}

.single-product .woocommerce-product-gallery img,
.single-product .wd-gallery-images img {
    max-width: 100%;
    height: auto;
}

/* =========================================================
   NAZIV I CENA
   ========================================================= */
.single-product .summary .product_title {
    color: #153D5C;
}

.single-product .summary .price {
    color: #0D5B8C;
    font-family: "Inter", Arial, sans-serif;
    font-size: 23px;
    font-weight: 700;
}

/* =========================================================
   KRATAK OPIS
   ========================================================= */
.single-product .o3n-product-highlights {
    margin: 14px 0 18px;
    padding: 0;
    list-style: none;
}

.single-product .o3n-product-highlights li {
    position: relative;
    margin: 0 0 13px;
    padding-left: 23px;
    color: #60758A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.single-product .o3n-product-highlights li:last-child {
    margin-bottom: 0;
}

.single-product .o3n-product-highlights li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0D5B8C;
}

.single-product .o3n-product-highlights strong {
    color: #153D5C;
    font-size: inherit;
    font-weight: 700;
    display: block;
}

/* =========================================================
   DETALJAN OPIS
   ========================================================= */
.single-product .woocommerce-Tabs-panel--description,
.single-product .woocommerce-Tabs-panel--description p,
.single-product .woocommerce-Tabs-panel--description li,
.single-product .o3n-product-description,
.single-product .o3n-product-description p,
.single-product .o3n-product-description li {
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

.single-product .woocommerce-Tabs-panel--description,
.single-product .o3n-product-description {
    color: #60758A;
}

.single-product .woocommerce-Tabs-panel--description p,
.single-product .o3n-product-description p {
    margin: 0 0 16px;
}

.single-product .o3n-product-description h2,
.single-product .o3n-product-description h3,
.single-product .woocommerce-Tabs-panel--description h4 {
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-weight: 700;
}

.single-product .o3n-product-description h2 {
    margin: 27px 0 13px;
    font-size: 28px;
    line-height: 1.25;
}

.single-product .o3n-product-description h3 {
    margin: 23px 0 11px;
    font-size: 22px;
    line-height: 1.3;
}

.single-product .woocommerce-Tabs-panel--description h4 {
    font-size: 24px;
    line-height: 1.3;
}

.single-product .o3n-product-description strong {
    color: #153D5C;
    font-weight: 700;
}

.single-product .o3n-product-description ul {
    margin: 0 0 20px;
    padding-left: 22px;
}

.single-product .o3n-product-description li {
    margin-bottom: 9px;
}

/* =========================================================
   TABOVI PROIZVODA
   ========================================================= */
.single-product .woocommerce-tabs .wc-tabs {
    border-bottom: 0;
}

.single-product .woocommerce-tabs .wc-tabs li a {
    font-family: "Inter", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.single-product .woocommerce-tabs .wc-tabs li.active a {
    color: #0D5B8C;
}

.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    color: #60758A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

/* =========================================================
   TABELE — DESKTOP
   ========================================================= */
.single-product .o3n-product-description .table-responsive {
    width: 100%;
    max-width: 100%;
    margin: 16px 0 22px;
    overflow: hidden;
    border: 1px solid #D8E8F3;
    border-radius: 12px;
    background: #FFFFFF;
}

.single-product .o3n-product-description .table-responsive table.o3n-table {
    width: 100%;
    min-width: 0;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: #FFFFFF;
    color: #60758A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.single-product .o3n-product-description .table-responsive
table.o3n-table th,
.single-product .o3n-product-description .table-responsive
table.o3n-table td {
    padding: 13px 15px;
    border: 0;
    border-right: 1px solid #D8E8F3;
    border-bottom: 1px solid #D8E8F3;
    color: #60758A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.single-product .o3n-product-description .table-responsive
table.o3n-table thead th {
    background: #DCECF7;
    color: #153D5C;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
}

.single-product .o3n-product-description .table-responsive
table.o3n-table tbody tr:nth-child(odd) td {
    background: #FFFFFF;
}

.single-product .o3n-product-description .table-responsive
table.o3n-table tbody tr:nth-child(even) td {
    background: #F0F7FC;
}

.single-product .o3n-product-description .table-responsive
table.o3n-table td strong {
    color: #153D5C;
    font-weight: 700;
}

.single-product .o3n-product-description .table-responsive
table.o3n-table tr > :last-child {
    border-right: 0;
}

.single-product .o3n-product-description .table-responsive
table.o3n-table tbody tr:last-child td {
    border-bottom: 0;
}

.single-product .o3n-product-description .table-responsive
table.o3n-table td:empty::before {
    content: "\00a0";
}

.single-product .o3n-product-description .o3n-table-notes {
    margin: -8px 0 24px;
    color: #60758A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 1.6;
}

.single-product .o3n-product-description .o3n-table-notes p {
    margin: 0;
}

/* =========================================================
   POJEDINAČNI PROIZVOD — MOBILNA GALERIJA, NASLOVI I CENA
   ========================================================= */
@media (max-width: 767px) {
    .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
    .single-product .wd-gallery-images { border-radius: 16px; }
    .single-product .summary .price { font-size: 21px; }
    .single-product .o3n-product-description h2 { font-size: 25px; }
    .single-product .o3n-product-description h3 { font-size: 20px; }
}


/* WOODMART TILED — UKLANJANJE IKONICE KORPE */

.wd-product.wd-hover-tiled .wd-add-btn {
    display: none !important;
}



/* =========================================================
   NASLOVNA - JEDINSTVENA PRAVILA ZA BANNER, BENEFITE I O NAMA
   .o3n-bundle je banner na naslovnoj. Konfigurator je .o3n-builder
   i stilizuje se samo u pluginu.
   ========================================================= */

.o3n-bundle,
.o3n-bundle * {
    box-sizing: border-box;
}

.o3n-bundle {
    display: grid;
    grid-template-columns: 53% 47%;
    align-items: stretch;
    gap: 0;
    min-height: 780px;
    margin: 40px 0;
    padding: 0;
    overflow: hidden;
    border-radius: 22px;
    background: #DAD8D6;
    position: relative;
    border: 0;
    font-family: "Inter", Arial, sans-serif;
}

.o3n-bundle-content {
    max-width: none;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 48px 9% 48px 3%;
    background: linear-gradient(
        90deg,
        #DAD8D6 0%,
        #E5E2DE 35%,
        #F0ECE7 100%
    );
}

.o3n-bundle h2 {
    margin: 0 0 22px;
    color: #173A51;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: clamp(36px, 3.5vw, 48px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1px;
}

.o3n-bundle .o3n-hero-description {
    max-width: 470px;
    margin-bottom: 24px;
    margin: 0 0 30px;
    color: #514E4A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
}

.o3n-bundle-image {
    display: block;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #DAD8D6;
}

.o3n-bundle-image img {
    display: block;
    width: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    object-position: left center;
    border: 0;
    border-radius: 0;
}

.o3n-benefits,
.o3n-benefits * {
    box-sizing: border-box;
}

.o3n-benefits {
    margin: 45px 0 55px;
}

.o3n-benefits h2 {
    margin: 0 0 25px;
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
}

.o3n-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.o3n-benefit {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-width: 0;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 245px;
    padding: 24px 20px;
    border: 1px solid #D8E8F3;
    border-radius: 20px;
    background: #FFFFFF;
    transition: border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.o3n-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 68px;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #EAF3F8;
    color: #0D5B8C;
}

.o3n-benefit-icon svg {
    width: 38px;
    height: 38px;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: block;
    fill: none;
}

.o3n-benefit-content {
    min-width: 0;
    width: 100%;
}

.o3n-benefit-title {
    display: block;
    margin-bottom: 4px;
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 10px;
}

.o3n-benefit-description {
    display: block;
    color: #60758A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
}

.o3n-about,
.o3n-about * {
    box-sizing: border-box;
}

.o3n-about {
    display: grid;
    grid-template-columns: minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1.15fr);
    align-items: stretch;
    gap: 22px;
    width: 100%;
    min-height: 560px;
    margin: 40px 0;
    padding: 38px 4%;
    border-radius: 22px;
    background: #EAF3F8;
}

.o3n-about-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    align-items: flex-start;
}

.o3n-about .o3n-hero-eyebrow {
    margin: 0 0 14px;
}

.o3n-about h2 {
    margin: 0 0 22px;
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.5px;
}

.o3n-about-text {
    margin: 0 0 24px;
    color: #60758A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.75;
}

.o3n-about .o3n-hero-button {
    align-self: flex-start;
    margin-top: 8px;
}

.o3n-about-image {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 480px;
    overflow: hidden;
    border-radius: 18px;
    background: #D5E8F3;
}

.o3n-about-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.o3n-about-image-caption {
    position: absolute;
    top: 24px;
    left: 18px;
    z-index: 1;
    max-width: 85%;
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
    text-shadow: 0 1px 8px rgba(255,255,255,.9);
}

.o3n-about-features {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    min-width: 0;
    padding: 5px 0;
}

.o3n-about-feature {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.o3n-about-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #DCECF7;
    color: #0D5B8C;
}

.o3n-about-feature-icon svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.o3n-about-feature-content {
    min-width: 0;
}

.o3n-about-feature-title {
    display: block;
    margin-bottom: 6px;
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.o3n-about-feature-description {
    display: block;
    color: #60758A;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}

.o3n-bundle-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(218,216,214,0) 0%,
        rgba(218,216,214,0) 64%,
        rgba(218,216,214,.10) 73%,
        rgba(218,216,214,.40) 83%,
        rgba(218,216,214,.82) 94%,
        #DAD8D6 100%
    );
}

.o3n-bundle .o3n-hero-eyebrow {
    margin: 0 0 14px;
    color: #92724D;
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.o3n-bundle-points {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
    margin: 0 0 34px;
    padding: 0;
}

.o3n-bundle-point {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    width: 100%;
    min-width: 0;
}

.o3n-bundle-point-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin-top: 1px;
    border-radius: 50%;
    background: #E1D1B9;
    color: #745332;
    font-family: "Inter", Arial, sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1;
}

.o3n-bundle-point strong {
    display: block;
    margin: 0 0 5px;
    color: #173A51;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.15;
}

.o3n-bundle-point p {
    margin: 0;
    color: #55514C;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
}

.o3n-bundle .o3n-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 50px;
    margin: 0;
    padding: 13px 25px;
    border-radius: 13px;
    background: #173A51;
    color: #FFFFFF !important;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none !important;
    transition: background .2s ease;
}

.o3n-bundle .o3n-hero-button:hover {
    background: #0D5B8C;
    color: #FFFFFF !important;
}

.o3n-benefit:hover {
    border-color: #B9D7EA;
    box-shadow: 0 10px 25px rgba(21,61,92,.07);
    transform: translateY(-3px);
}


@media (max-width: 1199px) {

    .o3n-bundle {
        grid-template-columns: 50% 50%;
        min-height: 720px;
    }

    .o3n-bundle-content {
        padding: 35px 7% 35px 3%;
    }

    .o3n-bundle h2 {
        font-size: 38px;
    }

    .o3n-bundle .o3n-hero-description {
        font-size: 15px;
        line-height: 1.6;
    }

    .o3n-bundle-points {
        gap: 19px;
        margin-bottom: 28px;
    }

    .o3n-bundle-point-icon {
        width: 32px;
        height: 32px;
        font-size: 19px;
        flex-basis: 32px;
    }

    .o3n-bundle-point strong {
        font-size: 22px;
    }

    .o3n-bundle-point p {
        font-size: 14px;
    }

}


@media (max-width: 991px) {

    .o3n-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .o3n-benefit {
        min-height: 220px;
        padding: 24px;
    }

    .o3n-about {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        min-height: 0;
        padding: 34px 5%;
    }

    .o3n-about-image {
        min-height: 420px;
    }

    .o3n-about-features {
        display: grid;
        gap: 25px 20px;
        padding: 10px 0;
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 767px) {

    .o3n-bundle {
        grid-template-columns: 1fr;
        min-height: 0;
        margin: 30px 0;
        border-radius: 17px;
        background: #F0ECE7;
    }

    .o3n-bundle-content {
        padding: 34px 24px 30px;
        background: linear-gradient(
            180deg,
            #F0ECE7 0%,
            #E5E2DE 75%,
            #DAD8D6 100%
        );
        grid-row: 1;
    }

    .o3n-bundle h2 {
        font-size: 36px;
        margin-bottom: 18px;
    }

    .o3n-bundle .o3n-hero-description {
        max-width: none;
        margin-bottom: 26px;
        line-height: 1.65;
    }

    .o3n-bundle-image {
        height: auto;
        grid-row: 2;
        aspect-ratio: 1310 / 1670;
    }

    .o3n-bundle-image img {
        width: 100%;
        position: static;
        object-position: center center;
    }

    .o3n-bundle-image::after {
        background: linear-gradient(
            180deg,
            #DAD8D6 0%,
            rgba(218,216,214,0) 12%
        );
    }

    .o3n-bundle .o3n-hero-eyebrow {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .o3n-bundle-points {
        gap: 22px;
        margin-bottom: 30px;
    }

    .o3n-bundle-point {
        gap: 12px;
    }

    .o3n-bundle-point-icon {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        font-size: 20px;
    }

    .o3n-bundle-point strong {
        font-size: 23px;
    }

    .o3n-bundle-point p {
        line-height: 1.5;
    }

    .o3n-bundle .o3n-hero-button {
        min-height: 48px;
        font-size: 14px;
    }

}


@media (max-width: 560px) {

    .o3n-benefits {
        margin: 35px 0 45px;
    }

    .o3n-benefits h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .o3n-benefits-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .o3n-benefit {
        align-items: center;
        flex-direction: row;
        min-height: 125px;
        padding: 20px;
        border-radius: 17px;
    }

    .o3n-benefit-icon {
        flex: 0 0 60px;
        width: 60px;
        height: 60px;
        flex-basis: 56px;
    }

    .o3n-benefit-icon svg {
        width: 34px;
        height: 34px;
    }

    .o3n-benefit-title {
        margin-bottom: 7px;
        font-size: 23px;
    }

    .o3n-benefit-description {
        font-size: 14px;
        line-height: 1.5;
    }

    .o3n-about {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 30px 24px;
        border-radius: 17px;
    }

    .o3n-about h2 {
        font-size: 32px;
    }

    .o3n-about-text {
        font-size: 15px;
        line-height: 1.7;
    }

    .o3n-about-image {
        height: 380px;
        min-height: 380px;
        border-radius: 16px;
    }

    .o3n-about-image-caption {
        font-size: 24px;
    }

    .o3n-about-features {
        display: flex;
        gap: 25px;
        grid-column: auto;
        grid-template-columns: 1fr;
        padding: 0;
    }

    .o3n-about-feature {
        gap: 15px;
    }

    .o3n-about-feature-icon {
        flex: 0 0 54px;
        width: 54px;
        height: 54px;
    }

    .o3n-about-feature-icon svg {
        width: 27px;
        height: 27px;
    }

    .o3n-about-feature-description {
        font-size: 14px;
    }

}


/* OMEGA 3 NORWAY — DOKUMENTACIJA */

:is(
    .page-id-34910,
    .page-id-34911,
    .page-id-34912,
    .page-id-34913
) .wpb_single_image {
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #D8E8F3;
    border-radius: 15px;
    transition: border-color .2s ease;
}

:is(
    .page-id-34910,
    .page-id-34911,
    .page-id-34912,
    .page-id-34913
) .wpb_single_image:hover {
    border-color: #0D5B8C;
}

:is(
    .page-id-34910,
    .page-id-34911,
    .page-id-34912,
    .page-id-34913
) .wpb_single_image img {
    max-width: 100%;
    height: auto;
}

:is(
    .page-id-34910,
    .page-id-34911,
    .page-id-34912,
    .page-id-34913
) .vc_figure-caption {
    margin-top: 12px;
    color: #153D5C;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}

:is(
    .page-id-34910,
    .page-id-34911,
    .page-id-34912,
    .page-id-34913
) .wpb_text_column {
    color: #153D5C;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}




/* TOP BAR MENI — INTER */

.whb-top-bar .wd-nav > li > a {
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}


/* =========================================================
   OMEGA3 NORWAY — KONTAKT FORMA
   ========================================================= */

.o3n-contact-form,
.o3n-contact-form * {
    box-sizing: border-box;
}

.o3n-contact-form {
    width: 100%;
    font-family: "Inter", Arial, sans-serif;
}

.o3n-contact-intro {
    margin-bottom: 28px;
}

.o3n-contact-intro h3 {
    margin: 0 0 10px;
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.o3n-contact-intro p {
    margin: 0;
    color: #60758A;
    font-size: 15px;
    line-height: 1.7;
}

.o3n-contact-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.o3n-contact-field {
    margin-bottom: 20px;
}

.o3n-contact-field label {
    display: block;
    margin-bottom: 9px;
    color: #153D5C;
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.o3n-contact-field label span {
    color: #D34A55;
}

.o3n-contact-form input:not([type="submit"]),
.o3n-contact-form textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 52px;
    padding: 13px 16px;
    border: 1px solid #D8E8F3;
    border-radius: 12px;
    outline: none;
    background: #FFFFFF;
    color: #153D5C;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    box-shadow: none;
    transition: border-color .2s ease;
}

.o3n-contact-form textarea {
    height: 160px;
    min-height: 160px;
    resize: vertical;
}

.o3n-contact-form input::placeholder,
.o3n-contact-form textarea::placeholder {
    color: #98A9B7;
    opacity: 1;
}

.o3n-contact-form input:not([type="submit"]):focus,
.o3n-contact-form textarea:focus {
    border-color: #0D5B8C;
    outline: none;
    box-shadow: none;
}

.o3n-contact-submit {
    margin-top: 5px;
}

.o3n-contact-form input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 28px;
    border: 0;
    border-radius: 12px;
    background: #0D5B8C;
    color: #FFFFFF;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    cursor: pointer;
    transition: background .2s ease;
}

.o3n-contact-form input[type="submit"]:hover {
    background: #153D5C;
    color: #FFFFFF;
}

.o3n-contact-note {
    margin: 15px 0 0;
    color: #8295A6;
    font-size: 12px;
    line-height: 1.6;
}

.o3n-contact-form .wpcf7-not-valid-tip {
    margin-top: 6px;
    color: #C83C4B;
    font-size: 12px;
}

.o3n-contact-form ~ .wpcf7-response-output,
.wpcf7:has(.o3n-contact-form) .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 13px 16px;
    border-radius: 10px;
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
}

@media (max-width: 767px) {

    .o3n-contact-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .o3n-contact-intro h3 {
        font-size: 27px;
    }

    .o3n-contact-field {
        margin-bottom: 17px;
    }

    .o3n-contact-form input[type="submit"] {
        width: 100%;
    }
}


/* =========================================================
   OMEGA3 — KONTAKT FORMA: KOMPAKTNIJI RAZMACI
   ========================================================= */

.o3n-contact-form .o3n-contact-field {
    margin-bottom: 14px !important;
}

.o3n-contact-form .o3n-contact-field label {
    display: block;
    margin: 0 0 6px !important;
    padding: 0 !important;
    line-height: 1.4;
}

.o3n-contact-form .o3n-contact-field .wpcf7-form-control-wrap {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.o3n-contact-form .o3n-contact-field input,
.o3n-contact-form .o3n-contact-field textarea {
    margin: 0 !important;
}

.o3n-contact-form .o3n-contact-row {
    gap: 14px;
}

.o3n-contact-form .o3n-contact-intro {
    margin-bottom: 22px;
}

.o3n-contact-form .o3n-contact-submit {
    margin-top: 3px;
}


/* Ukloni ceo red iznad proizvoda, ukljucujuci sortiranje */
.shop-loop-head {
    display: none !important;
}



/* =========================================================
   OMEGA3NORWAY - KORPA I BLAGAJNA
   Samo dogovorene izmene
   ========================================================= */

/* Koraci kupovine - desktop 32px */
body.woocommerce-cart .wd-checkout-steps,
body.woocommerce-checkout .wd-checkout-steps,
.wd-checkout-steps > li,
.wd-checkout-steps > li > a,
.wd-checkout-steps > li > a > span,
.wd-checkout-steps > li > span {
    font-size: 32px !important;
    line-height: 1.25 !important;
}

/* Zaglavlja tabela u korpi i na blagajni - 20px */
.woocommerce-cart-form table.shop_table thead th,
.woocommerce-cart-form table.shop-table thead th,
.woocommerce-cart table.shop_table thead th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
    font-size: 20px !important;
    line-height: 1.35 !important;
}

/* Citljivost pregleda porudzbine - bez promena dizajna */
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .checkout-order-review #order_review_heading {
    font-size: 20px !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table td,
.woocommerce-checkout .woocommerce-checkout-review-order-table td a,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Polja za unos ostaju bela */
.woocommerce-checkout .woocommerce-billing-fields input.input-text,
.woocommerce-checkout .woocommerce-billing-fields select,
.woocommerce-checkout .woocommerce-billing-fields textarea,
.woocommerce-checkout .woocommerce-shipping-fields input.input-text,
.woocommerce-checkout .woocommerce-shipping-fields select,
.woocommerce-checkout .woocommerce-shipping-fields textarea,
.woocommerce-checkout .woocommerce-additional-fields textarea {
    background-color: #FFFFFF !important;
}

/* Originalne WoodMart reckave ivice ostaju aktivne.
   Menja se samo pozadina na nasu #EAF3F8. */
.woocommerce-checkout .checkout-order-review {
    --bg-color-gray-200: #EAF3F8;
    background-color: #EAF3F8 !important;
}

/* Samo boja WoodMart reckavih ivica, bez menjanja oblika. */
.woocommerce-checkout .checkout-order-review::before,
.woocommerce-checkout .checkout-order-review::after {
    background-image: radial-gradient(farthest-side, transparent 6px, #EAF3F8 0) !important;
}

/* Proporcionalna velicina na tabletu */
@media (min-width: 768px) and (max-width: 991px) {
    .wd-checkout-steps,
    .wd-checkout-steps > li,
    .wd-checkout-steps > li > a,
    .wd-checkout-steps > li > a > span,
    .wd-checkout-steps > li > span {
        font-size: 24px !important;
    }
}

/* Mobilni prikaz - proporcionalno, bez prelivanja */
@media (max-width: 767px) {
    .wd-checkout-steps,
    .wd-checkout-steps > li,
    .wd-checkout-steps > li > a,
    .wd-checkout-steps > li > a > span,
    .wd-checkout-steps > li > span {
        font-size: clamp(14px, 3.8vw, 18px) !important;
        line-height: 1.3 !important;
    }
    .woocommerce-cart-form table.shop_table thead th,
    .woocommerce-cart-form table.shop-table thead th,
    .woocommerce-cart table.shop_table thead th,
    .woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
        font-size: 16px !important;
    }
    .woocommerce-checkout .woocommerce-checkout-review-order-table td,
    .woocommerce-checkout .woocommerce-checkout-review-order-table td a,
    .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
    .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
        font-size: 14px !important;
    }
}

/* =========================================================
   NOVO — SHOP: MAJA KAO PRVA KARTICA (SAMO GLAVNI SHOP)
   Poziciju kartice obezbedjuje functions.php samo na Shop arhivi.
   ========================================================= */
.o3n-shop-maja.wd-product {
    position: relative;
    display: block;
    align-self: stretch;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #D8E8F3;
    border-radius: 20px;
    background: #E9E3DF;
}
.o3n-shop-maja > .o3n-shop-maja-link {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    min-height: 370px;
    overflow: hidden;
    color: #FFF !important;
    text-decoration: none !important;
}
.o3n-shop-maja-photo {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center 34%;
    background-size: cover;
    transition: none;
}
.o3n-shop-maja > .o3n-shop-maja-link::after {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 36% 0 0;
    pointer-events: none;
    background: linear-gradient(transparent,rgba(10,26,43,.8));
}
.o3n-shop-maja-caption {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px;
    color: #FFF;
}
.o3n-shop-maja-caption strong {
    color: #FFF;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
}
.o3n-shop-maja-caption span {
    color: #FFF;
    font-size: 12px;
    line-height: 1.35;
}
@media (max-width: 767px) {
    .o3n-shop-maja.wd-product {border-radius: 16px;}
    .o3n-shop-maja > .o3n-shop-maja-link {min-height: 275px;}
    .o3n-shop-maja-caption {padding: 11px;}
    .o3n-shop-maja-caption strong {font-size: 15px;}
    .o3n-shop-maja-caption span {font-size: 10px;}
}

/* =========================================================
   NOVO — PILLS ZA KATEGORIJE I OZNAKE NA STRANICI PROIZVODA
   Boje i oblici uskladjeni sa postojecim Shop gridom.
   ========================================================= */
.single-product .product_meta .posted_in,
.single-product .product_meta .tagged_as {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 4px 0;
    color: #60758A;
    font-size: 13px;
}
.single-product .product_meta .posted_in a,
.single-product .product_meta .tagged_as a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 10px;
    border-radius: 30px;
    background: #EEF0F2;
    color: #626C76 !important;
    font-family: "Inter", Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color .2s ease,color .2s ease;
}
.single-product .product_meta .posted_in a {background: #E4F1FA;color: #285C85 !important;}
.single-product .product_meta .posted_in a[href*="fjorda"] {background: #FFF3CE;color: #8A681F !important;}
.single-product .product_meta .posted_in a[href*="moller"] {background: #E4F2E6;color: #36724B !important;}
.single-product .product_meta .posted_in a:hover,
.single-product .product_meta .posted_in a:focus-visible,
.single-product .product_meta .tagged_as a:hover,
.single-product .product_meta .tagged_as a:focus-visible {
    background: #0D5B8C;
    color: #FFF !important;
}
@media(max-width:767px) {
    .single-product .product_meta .posted_in a,
    .single-product .product_meta .tagged_as a {min-height:22px;padding:4px 8px;font-size:10px;}
}

/* =========================================================
   NOVO — INFORMATIVNA CENA UZ PLACANJE KARTICOM
   NE menja postojecu karticnu naknadu, obracun i PDV.
   ========================================================= */
.o3n-card-price-hint {
    display: block;
    margin-top: 3px;
    color: #36724B;
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    text-transform: none;
}
.o3n-card-price-hint .woocommerce-Price-amount {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 700 !important;
}
.o3n-card-price-hint-label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #60758A;
}
.single-product .summary .o3n-card-price-hint {font-size: 16px;}
.single-product .summary .o3n-card-price-hint-label {font-size: 12px;}
@media (max-width:767px) {
    .o3n-card-price-hint {font-size: 14px;}
    .single-product .summary .o3n-card-price-hint {font-size: 15px;}
}

/* Maja u Shopu: potpuno statična prva kartica, bez zumiranja. */
.o3n-shop-maja.wd-product,
.o3n-shop-maja .o3n-shop-maja-photo {
    transform: none !important;
    transition: none !important;
}

/* Kartična cena u jednom redu – pojedinačni proizvod */
.single-product .o3n-card-price-hint-label {
    display: inline !important;
}




/* OMEGA3NORWAY – samo male slike u galeriji */

.single-product .woocommerce-product-gallery
.wd-carousel:not(.wd-gallery-images) .wd-carousel-item img {
    border: 0 !important;
    border-radius: 12px;
}


/* =========================================================
   OMEGA3NORWAY — BOJE KATEGORIJA U MOBILNOM MENIJU
   ========================================================= */

@media (max-width: 1024px) {

    /* OMEGA-3 SHOP — teget pozadina, bela slova */
    .wd-nav-mobile > li#menu-item-35898 {
        background-color: #153D5C !important;
    }

    .wd-nav-mobile > li#menu-item-35898 > a {
        color: #FFFFFF !important;
    }

    /* BIOPHARMA — plava */
    .wd-nav-mobile > li#menu-item-35899 {
        background-color: #E4F1FA !important;
    }

    /* FJORDA — žuta */
    .wd-nav-mobile > li#menu-item-35901 {
        background-color: #FFF3CE !important;
    }

    /* MÖLLER'S — zelena */
    .wd-nav-mobile > li#menu-item-35900 {
        background-color: #E4F2E6 !important;
    }

    /* NORWEGIAN PHARMA — ljubičasta */
    .wd-nav-mobile > li#menu-item-35996 {
        background-color: #EAE8F5 !important;
    }

}


/* =========================================================
   OMEGA3NORWAY – NEWSLETTER NA NASLOVNOJ
   ========================================================= */

.o3n-newsletter,
.o3n-newsletter * {
    box-sizing: border-box;
}

.o3n-newsletter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 35px;
    margin: 40px 0;
    padding: 38px 5%;
    border: 1px solid #D8E8F3;
    border-radius: 22px;
    background: #EAF3F8;
    font-family: "Inter", Arial, sans-serif;
}

.o3n-newsletter-eyebrow {
    display: block;
    margin-bottom: 12px;
    color: #78A9D1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.o3n-newsletter h2 {
    margin: 0 0 14px;
    color: #153D5C;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
}

.o3n-newsletter-content p {
    margin: 0;
    color: #60758A;
    font-size: 15px;
    line-height: 1.7;
}

.o3n-newsletter-form {
    min-width: 0;
}

/* Postojeca MC4WP forma */

.o3n-newsletter .mail-style1,
.o3n-newsletter .mc4wp-form {
    width: 100%;
}

.o3n-newsletter .input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
    gap: 8px;
}

.o3n-newsletter input[type="email"] {
    flex: 1;
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 12px 15px;
    border: 1px solid #D8E8F3;
    border-radius: 12px !important;
    background: #FFFFFF;
    color: #153D5C;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    box-shadow: none;
}

.o3n-newsletter .input-group-btn {
    display: flex;
    flex: 0 0 auto;
    width: auto;
}

.o3n-newsletter input[type="submit"] {
    width: auto;
    min-height: 48px;
    padding: 12px 20px;
    border: 0;
    border-radius: 12px !important;
    background: #0D5B8C;
    color: #FFFFFF;
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.o3n-newsletter input[type="submit"]:hover {
    background: #153D5C;
    color: #FFFFFF;
}

.o3n-newsletter-note {
    margin: 12px 0 0;
    color: #8295A6;
    font-size: 12px;
    line-height: 1.5;
}

/* Mobilni prikaz */

@media (max-width: 767px) {
    .o3n-newsletter {
        grid-template-columns: 1fr;
        gap: 22px;
        margin: 30px 0;
        padding: 30px 24px;
        border-radius: 17px;
    }

    .o3n-newsletter h2 {
        font-size: 30px;
    }
}

@media (max-width: 380px) {
    .o3n-newsletter .input-group {
        flex-direction: column;
    }

    .o3n-newsletter .input-group-btn,
    .o3n-newsletter input[type="submit"] {
        width: 100%;
    }
}




/* SAKRIJ NAZIVE ISPOD WOODMART BREND KARTICA */

.wd-cats-element .wd-cat-content.hover-mask,
.wd-cats-element .wd-cat .wd-entities-title {
    display: none !important;
}


/* NORWEGIAN PHARMA — pill na stranici proizvoda */

.single-product .product_meta .posted_in
a[href*="norwegian-pharma"] {
    background-color: #EAE8F5 !important;
    color: #4B326B !important;
}

/* =========================================================
   OMEGA3NORWAY — JEDINSTVENI SISTEM TABELA (MOBILE)
   Postojece HTML tabele bez data-o3n-mobile ostaju standardne,
   horizontalno skrolabilne dok se ne prebace na novi HTML.

   2 kolone: <table class="o3n-table" data-o3n-mobile="compact">
   3 kolone: <table class="o3n-table" data-o3n-mobile="cards" data-o3n-values="2">
   4 kolone: <table class="o3n-table" data-o3n-mobile="cards" data-o3n-values="3">
   Svaki td za vrednost: <td data-label="Naziv iz zaglavlja">...</td>
   ========================================================= */
@media (max-width: 767px) {
  /* Zajednicka osnova; fontovi 13px, nazivi kolona 12px */
  .single-product .o3n-product-description .table-responsive {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    margin: 14px 0 18px;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table {
    font-size: 13px;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table th,
  .single-product .o3n-product-description .table-responsive table.o3n-table td {
    padding: 9px 10px;
    font-size: 13px;
    line-height: 1.4;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table thead th {
    font-size: 12px;
    font-weight: 700;
  }
  .single-product .o3n-product-description .o3n-table-notes,
  .single-product .o3n-product-description .o3n-table-notes p {
    font-size: 12px;
    line-height: 1.55;
  }

  /* 2 HTML kolone: klasicna kompaktna tabela, 65% / 35% */
  .single-product .o3n-product-description .table-responsive:has(table.o3n-table[data-o3n-mobile="compact"]) {
    overflow: hidden;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="compact"] {
    display: table;
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="compact"] th:first-child,
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="compact"] td:first-child { width: 65%; }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="compact"] th:nth-child(2),
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="compact"] td:nth-child(2) {
    width: 35%;
    text-align: right;
  }

  /* 3/4 HTML kolone: kartice, jedna po sastojku */
  .single-product .o3n-product-description .table-responsive:has(table.o3n-table[data-o3n-mobile="cards"]) {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"],
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"] tbody {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    background: transparent;
    border: 0;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"] thead {
    /* Desktop zaglavlje ostaje u DOM-u za pristupacnost. */
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"] tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin: 0 0 10px;
    overflow: hidden;
    border: 1px solid #D8E8F3;
    border-radius: 12px;
    background: #FFFFFF;
    box-sizing: border-box;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"][data-o3n-values="3"] tbody tr {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"] tbody td {
    display: block;
    min-width: 0;
    width: auto;
    padding: 9px 10px;
    border: 0;
    border-right: 1px solid #D8E8F3;
    border-bottom: 0;
    background: #FFFFFF;
    color: #153D5C;
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
    box-sizing: border-box;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"] tbody td:first-child {
    grid-column: 1 / -1;
    padding: 10px 12px;
    border-right: 0;
    border-bottom: 1px solid #D8E8F3;
    background: #EAF3F8;
    color: #153D5C;
    font-weight: 700;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"] tbody td:last-child {
    border-right: 0;
  }
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"] tbody td[data-label]:not(:first-child)::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
    color: #0D5B8C;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
  }
  /* Cuvamo sadrzaj praznih vrednosti bez umetanja pogresnih oznaka. */
  .single-product .o3n-product-description .table-responsive table.o3n-table[data-o3n-mobile="cards"] tbody td:empty::after {
    content: "\00a0";
  }
}
@media (min-width: 1025px) {
	.product-tabs-wrapper {border-bottom: 0px !important;}
}

@media (min-width: 577px) and (max-width: 767px) {
	/* =========================================================
   SINGLE PRODUCT - BREADCRUMBS MOBILE
   ========================================================= */

@media(max-width:767px){

	.single-breadcrumbs-wrapper{
		align-items:center;
		gap:6px;
	}

	.single-breadcrumbs-wrapper .wd-breadcrumbs{
		font-size:11px;
		line-height:1.25;
	}

	.single-breadcrumbs-wrapper .wd-breadcrumbs .wd-delimiter{
		margin-left:3px;
		margin-right:3px;
	}

	.single-breadcrumbs-wrapper .wd-products-nav{
		flex:0 0 auto;
	}
}
}

@media (max-width: 576px) {
	/* =========================================================
   SINGLE PRODUCT - BREADCRUMBS MOBILE
   ========================================================= */

@media(max-width:767px){

	.single-breadcrumbs-wrapper{
		align-items:center;
		gap:6px;
	}

	.single-breadcrumbs-wrapper .wd-breadcrumbs{
		font-size:11px;
		line-height:1.25;
	}

	.single-breadcrumbs-wrapper .wd-breadcrumbs .wd-delimiter{
		margin-left:3px;
		margin-right:3px;
	}

	.single-breadcrumbs-wrapper .wd-products-nav{
		flex:0 0 auto;
	}
}


/* MOJ PAKET – veca ikonica u mobilnom toolbaru */
@media (max-width: 767px) {
    .wd-toolbar a[href*="napravi-svoj-paket"] .wd-custom-icon img {
        width: 30px !important;
        height: 30px !important;
        max-width: none !important;
        object-fit: contain;
    }
}

}