/* ========================================================================== Tabor — custom sloj nad Glozinom 1. Pisave in žetoni 2. Glozin preglasitve 3. Osnovni elementi 4. Sekcije strani 5. Footer 6. PDP dodatki 7. Responsive ========================================================================== */ /* 1. Pisave (lokalno gostovane: Poppins za naslove, Inter za besedilo) --------- */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/inter-latin-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/inter-latin-ext-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } body.tabor { /* Barve */ --tb-primary: #F2692D; /* glavna: gumbi, poudarki, povezave */ --tb-primary-dark: #D9531A; --tb-primary-soft: #FFF3EC; --tb-buy: #00AD20; /* samo Dodaj v košarico in Checkout */ --tb-buy-dark: #009119; --tb-second: #3C503C; /* sekundarna: temne sekcije, kljukice, oznake */ --tb-second-dark: #2F3F2F; --tb-hot: #FF0000; /* popusti in nujnost */ --tb-ink: #161A16; --tb-muted: #5F665F; --tb-line: #E6E8E5; --tb-paper: #FFFFFF; --tb-cream: #FFFFFF; --tb-sand: #F5F6F4; /* svetlo siva podlaga sekcij */ /* Stari žetoni, preslikani na novo paleto */ --tb-forest: var(--tb-second); --tb-forest-deep: var(--tb-second-dark); --tb-moss: #6E836E; --tb-ochre: var(--tb-primary); --tb-ochre-deep: var(--tb-primary-dark); --tb-clay: var(--tb-hot); /* Oblike in pisave */ --tb-radius: 10px; --tb-radius-sm: 8px; --tb-radius-btn: 8px; --tb-serif: "Gilroy", "Urbanist", "Segoe UI", Arial, sans-serif; --tb-sans: "Inter", "Segoe UI", Arial, sans-serif; --tb-gutter: clamp(16px, 4vw, 48px); --tb-section: clamp(56px, 7vw, 96px); /* Glozin žetoni */ --gz-body-font: var(--tb-sans); --gz-heading-font: var(--tb-serif); --gz-heading-font-weight: 700; --gz-color-dark: var(--tb-ink); --gz-color-base: #3A403A; --gz-color-primary: var(--tb-primary); --gz-color-price-sale: var(--tb-hot); --gz-link-color: var(--tb-ink); --gz-link-color-hover: var(--tb-primary); --gz-header-color: var(--tb-ink); --gz-heading-color: var(--tb-ink); --gz-border-color: var(--tb-line); --gz-color-light-grey: var(--tb-sand); --gz-button-bg-color: var(--tb-primary); --gz-button-border-color: var(--tb-primary); --gz-button-color: #fff; --gz-button-bg-color-hover: var(--tb-primary-dark); --gz-button-border-color-hover: var(--tb-primary-dark); --gz-button-eff-bg-color-hover: var(--tb-primary-dark); --gz-button-rounded: var(--tb-radius-btn); --gz-image-rounded: var(--tb-radius); --gz-image-rounded-product-card: var(--tb-radius); background: #fff; color: var(--gz-color-base); font-family: var(--tb-sans); } /* 2. Glozin preglasitve ---------------------------------------------------- */ body.tabor .site-header, body.tabor .site-header .header-main { background: var(--tb-cream); } body.tabor .site-header { border-bottom: 1px solid var(--tb-line); } body.tabor .header-logo img { height: 34px; width: auto; } body.tabor .primary-navigation .nav-menu > li > a, body.tabor .main-navigation .nav-menu > li > a { font-weight: 500; font-size: 15px; } body.tabor .tb-site { width: 100%; max-width: none; padding: 0; } body.tabor .site-footer { border-top: 0; padding: 0; margin: 0; background: var(--tb-forest-deep); } body.tabor.tb-custom #site-content { padding-top: 0; padding-bottom: 0; margin: 0; } body.tabor .woocommerce-breadcrumb, body.tabor .site-breadcrumb { font-size: 13px; } /* Produktne kartice */ body.tabor ul.products li.product .product-thumbnail, body.tabor ul.products li.product .woocommerce-loop-product__link img, body.tabor ul.products li.product img { border-radius: var(--tb-radius-sm); } body.tabor ul.products li.product .woocommerce-loop-product__title, body.tabor ul.products li.product .woocommerce-loop-product__title a { font-family: var(--gz-body-font); font-weight: 600; font-size: 15px; } body.tabor .price ins, body.tabor .price > .amount { color: var(--tb-ink); } body.tabor .price del { opacity: .55; } body.tabor .onsale, body.tabor .woocommerce-badge.onsale { background: var(--tb-clay); } body.tabor .woocommerce-badge.new { background: var(--tb-forest); } body.tabor .woocommerce-badge.featured { background: var(--tb-ochre-deep); } /* 3. Osnovni elementi ------------------------------------------------------ */ .tb-wrap { width: 100%; max-width: 1360px; margin: 0 auto; padding: 0 var(--tb-gutter); } .tb-main { display: block; } .tb-section { padding: var(--tb-section) 0; } .tb-section--tight { padding: clamp(32px, 4vw, 56px) 0; } .tb-section--flush-top { padding-top: 0; } .tb-section--sand { background: var(--tb-sand); } .tb-icon { flex: none; display: inline-block; vertical-align: middle; } .tb-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--tb-ochre-deep); margin: 0 0 14px; } .tb-eyebrow--light { color: var(--tb-primary); } .tb-display { font-family: var(--tb-serif); font-weight: 500; font-size: clamp(40px, 6.2vw, 84px); line-height: 1.02; letter-spacing: -.02em; color: #fff; margin: 0 0 22px; text-wrap: balance; } .tb-display em, .tb-h2 em { font-style: normal; color: var(--tb-ochre); } .tb-display--dark { color: var(--tb-ink); } .tb-display--dark em { color: var(--tb-ochre-deep); } .tb-display--sm { font-size: clamp(34px, 4.6vw, 60px); } .tb-h2 { font-family: var(--tb-serif); font-weight: 500; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.08; letter-spacing: -.015em; color: var(--tb-ink); margin: 0; text-wrap: balance; } .tb-h3 { font-family: var(--tb-serif); font-weight: 500; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.15; color: var(--tb-ink); margin: 0 0 20px; } .tb-lead { font-size: clamp(17px, 1.5vw, 20px); line-height: 1.55; color: rgba(255,255,255,.88); max-width: 34em; margin: 0 0 32px; } .tb-lead--dark { color: var(--tb-muted); } .tb-muted { color: var(--tb-muted); } .tb-muted a, .tb-prose a { color: var(--tb-ink); text-decoration: underline; text-underline-offset: 3px; } .tb-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: clamp(28px, 3.5vw, 48px); } .tb-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--tb-ink); white-space: nowrap; border-bottom: 1.5px solid currentColor; padding-bottom: 3px; } .tb-link:hover { color: var(--tb-ochre-deep); } .tb-link .tb-icon { transition: transform .2s; } .tb-link:hover .tb-icon { transform: translateX(4px); } .tb-link--light { color: #fff; align-self: flex-start; } .tb-actions { display: flex; flex-wrap: wrap; gap: 12px; } .tb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 28px; border-radius: var(--tb-radius-btn); border: 1.5px solid var(--tb-forest); background: var(--tb-forest); color: #fff; font-weight: 600; font-size: 15px; line-height: 1; cursor: pointer; transition: background .2s, color .2s, border-color .2s, transform .2s; } .tb-btn:hover { background: var(--tb-ink); border-color: var(--tb-ink); color: #fff; } .tb-btn--light { background: var(--tb-cream); border-color: var(--tb-cream); color: var(--tb-ink); } .tb-btn--light:hover { background: #fff; border-color: #fff; color: var(--tb-ink); } .tb-btn--ghost-light { background: transparent; border-color: rgba(255,255,255,.55); color: #fff; } .tb-btn--ghost-light:hover { background: rgba(255,255,255,.12); border-color: #fff; } .tb-btn--outline { background: transparent; color: var(--tb-ink); border-color: var(--tb-ink); } .tb-btn--outline:hover { background: var(--tb-ink); color: #fff; } .tb-btn--sm { min-height: 42px; padding: 0 20px; font-size: 14px; } .tb-btn:focus-visible, .tb-link:focus-visible, .tb-faq summary:focus-visible { outline: 2px solid var(--tb-ochre); outline-offset: 3px; } .tb-rounded { border-radius: var(--tb-radius); } .tb-crumbs ol { list-style: none; margin: 0 0 28px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--tb-muted); } .tb-crumbs li + li::before { content: "/"; margin-right: 8px; opacity: .5; } .tb-crumbs a { color: var(--tb-muted); } .tb-crumbs a:hover { color: var(--tb-ink); } /* Obvestilna vrstica */ .tb-bar { background: var(--tb-forest-deep); color: #EADFC9; font-size: 13px; font-weight: 500; letter-spacing: .02em; overflow: hidden; } .tb-bar__track { display: flex; justify-content: center; gap: 48px; padding: 9px var(--tb-gutter); } .tb-bar__track span { white-space: nowrap; display: inline-flex; align-items: center; gap: 48px; } .tb-bar__track span + span::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--tb-ochre); margin-left: -26px; margin-right: 22px; } /* 4. Sekcije --------------------------------------------------------------- */ /* Hero */ .tb-hero { position: relative; min-height: clamp(560px, 86vh, 860px); display: flex; align-items: flex-end; color: #fff; overflow: hidden; isolation: isolate; } .tb-hero__media { position: absolute; inset: 0; z-index: -2; } .tb-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 62%; } .tb-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(20,30,22,.82) 0%, rgba(20,30,22,.55) 42%, rgba(20,30,22,0) 72%), linear-gradient(0deg, rgba(20,30,22,.55), rgba(20,30,22,0) 45%); } .tb-hero__inner { padding-top: 120px; padding-bottom: clamp(48px, 7vw, 96px); } .tb-hero__copy { max-width: 640px; } .tb-hero__proof { list-style: none; margin: 36px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 28px; font-size: 14px; color: rgba(255,255,255,.85); } .tb-hero__proof li { display: flex; align-items: center; gap: 8px; } .tb-hero__proof .tb-icon { color: var(--tb-primary); } /* Prednosti */ .tb-perks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .tb-perks li { display: flex; gap: 14px; align-items: flex-start; } .tb-perks .tb-icon { color: var(--tb-forest); margin-top: 2px; } .tb-perks strong { display: block; color: var(--tb-ink); font-size: 15px; margin-bottom: 2px; } .tb-perks span { font-size: 14px; color: var(--tb-muted); } .tb-perks-wrap { border-bottom: 1px solid var(--tb-line); } /* Izdelki */ .tb-products ul.products { margin-bottom: 0 !important; } .tb-products .woocommerce { width: 100%; } /* Zgodba */ .tb-story { display: grid; grid-template-columns: 1.1fr 1fr; background: var(--tb-forest-deep); color: rgba(255,255,255,.82); } .tb-story__media { min-height: 560px; position: relative; overflow: hidden; } .tb-story__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .tb-story__copy { padding: clamp(48px, 7vw, 112px) clamp(24px, 6vw, 96px); display: flex; flex-direction: column; justify-content: center; } .tb-story__copy .tb-h2 { color: #fff; margin-bottom: 20px; } .tb-story__copy .tb-h2 em { color: var(--tb-primary); } .tb-story__copy p { font-size: 17px; line-height: 1.65; max-width: 32em; } .tb-story--reverse { grid-template-columns: 1fr 1.1fr; } .tb-story--reverse .tb-story__media { order: 2; } .tb-stats { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 36px; margin: 32px 0 36px; } .tb-stats div { margin: 0; } .tb-stats dt { font-family: var(--tb-serif); font-size: clamp(36px, 4vw, 52px); line-height: 1; color: #fff; margin-bottom: 6px; } .tb-stats dd { margin: 0; font-size: 14px; color: rgba(255,255,255,.7); max-width: 10em; } /* Mnenja */ .tb-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .tb-review { margin: 0; background: var(--tb-paper); border-radius: var(--tb-radius); padding: 28px; display: flex; flex-direction: column; gap: 16px; } .tb-stars { display: flex; gap: 2px; color: var(--tb-ochre); } .tb-stars .tb-icon { fill: currentColor; } .tb-review blockquote { margin: 0; padding: 0; border: 0; background: none; border-radius: 0; quotes: none; font-family: var(--tb-serif); font-size: 21px; line-height: 1.4; color: var(--tb-ink); flex: 1; } .tb-review blockquote::before { display: none; } .tb-review figcaption { font-size: 14px; color: var(--tb-muted); } .tb-review figcaption strong { color: var(--tb-ink); } .tb-review figcaption a { color: var(--tb-muted); text-decoration: underline; text-underline-offset: 3px; } /* Split postavitev */ .tb-split { display: grid; grid-template-columns: 1fr 1.35fr; gap: clamp(32px, 6vw, 96px); align-items: start; } .tb-split > div:first-child .tb-h2 { margin-bottom: 18px; } .tb-split .tb-btn { margin-top: 12px; } .tb-split--text .tb-h2 { position: sticky; top: 120px; } /* FAQ */ .tb-faq { border-top: 1px solid var(--tb-line); } .tb-faq details { border-bottom: 1px solid var(--tb-line); } .tb-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 0; font-weight: 600; font-size: 17px; color: var(--tb-ink); } .tb-faq summary::-webkit-details-marker { display: none; } .tb-faq summary .tb-icon { transition: transform .25s; color: var(--tb-forest); } .tb-faq details[open] summary .tb-icon { transform: rotate(45deg); } .tb-faq details > div { padding: 0 48px 22px 0; color: var(--tb-muted); line-height: 1.65; } .tb-faq details > div p:last-child { margin-bottom: 0; } .tb-faq details > div a { color: var(--tb-ink); text-decoration: underline; } /* CTA / novice */ .tb-cta { background: var(--tb-forest); color: rgba(255,255,255,.82); border-radius: calc(var(--tb-radius) + 6px); padding: clamp(32px, 5vw, 64px); display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: center; position: relative; overflow: hidden; } .tb-cta::before { content: ""; position: absolute; right: -60px; top: -80px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(231,184,119,.28), rgba(231,184,119,0) 70%); } .tb-cta > * { min-width: 0; position: relative; } .tb-cta .tb-h2 { color: #fff; margin-bottom: 10px; } .tb-cta p { margin: 0; font-size: 16px; } .tb-cta--center { grid-template-columns: 1fr auto; } .tb-cta .tb-btn--outline { color: #fff; border-color: rgba(255,255,255,.6); } .tb-cta .tb-btn--outline:hover { background: #fff; color: var(--tb-ink); } .tb-cta .tb-btn:not(.tb-btn--outline) { background: var(--tb-cream); color: var(--tb-ink); border-color: var(--tb-cream); } .tb-news { display: flex; gap: 8px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); border-radius: var(--tb-radius-btn); padding: 6px; } .tb-news input[type=email] { flex: 1; min-width: 0; background: transparent; border: 0; color: #fff; padding: 0 16px; height: 46px; font-size: 15px; box-shadow: none; } .tb-news input[type=email]::placeholder { color: rgba(255,255,255,.6); } .tb-news input[type=email]:focus { outline: none; } .tb-news:focus-within { border-color: var(--tb-primary); } .tb-news button { border: 0; border-radius: var(--tb-radius-btn); background: var(--tb-ochre); color: var(--tb-ink); font-weight: 600; padding: 0 24px; height: 46px; cursor: pointer; transition: background .2s; } .tb-news button:hover { background: var(--tb-primary); } .tb-fine, .tb-cta .tb-fine { font-size: 12px; color: rgba(255,255,255,.6); margin: 10px 0 0 !important; } .tb-fine a { color: inherit; text-decoration: underline; } .tb-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; } .tb-notice { padding: 12px 16px; border-radius: var(--tb-radius-sm); font-size: 14px; margin: 0 0 16px; } .tb-notice--ok { background: #E3EDDD; color: #24412C; } .tb-notice--err { background: #F6E1DA; color: #7A2E18; } /* Podstrani: glava */ .tb-pagehero { padding: clamp(40px, 6vw, 88px) 0 clamp(40px, 5vw, 72px); } .tb-pagehero .tb-lead { margin-bottom: 0; } .tb-pagehero--compact { padding-bottom: 32px; } .tb-wide-media img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; display: block; } /* O nas */ .tb-prose { font-size: 17px; line-height: 1.75; color: #3E463D; } .tb-prose p { margin: 0 0 1.2em; } .tb-prose strong { color: var(--tb-ink); } .tb-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .tb-values article { background: var(--tb-paper); border-radius: var(--tb-radius); padding: 32px; } .tb-values__icon { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: var(--tb-sand); color: var(--tb-forest); margin-bottom: 24px; } .tb-values h3 { font-family: var(--tb-serif); font-weight: 500; font-size: 24px; margin: 0 0 10px; color: var(--tb-ink); } .tb-values p { margin: 0; color: var(--tb-muted); line-height: 1.6; } /* Kontakt */ .tb-contact { display: grid; grid-template-columns: 1fr 1.45fr; gap: clamp(24px, 4vw, 56px); align-items: start; } .tb-contact__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .tb-ccard { display: flex; flex-direction: column; gap: 4px; padding: 22px; border-radius: var(--tb-radius); background: var(--tb-paper); border: 1px solid var(--tb-line); color: var(--tb-ink); transition: border-color .2s; min-width: 0; } a.tb-ccard:hover { border-color: var(--tb-forest); color: var(--tb-ink); } .tb-ccard .tb-icon { color: var(--tb-ochre-deep); margin-bottom: 14px; } .tb-ccard span { font-size: 13px; color: var(--tb-muted); } .tb-ccard strong { font-size: 16px; overflow-wrap: anywhere; } .tb-ccard small { color: var(--tb-muted); font-size: 13px; } .tb-contact__faq { grid-column: 1 / -1; margin: 8px 0 0; color: var(--tb-muted); font-size: 15px; } .tb-contact__faq a { color: var(--tb-ink); text-decoration: underline; } .tb-contact__form { background: var(--tb-paper); border: 1px solid var(--tb-line); border-radius: calc(var(--tb-radius) + 6px); padding: clamp(24px, 4vw, 48px); scroll-margin-top: 120px; } .tb-form { display: flex; flex-direction: column; gap: 18px; } .tb-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .tb-form label { display: flex; flex-direction: column; gap: 8px; font-size: 14px; font-weight: 600; color: var(--tb-ink); } .tb-form input[type=text], .tb-form input[type=tel], .tb-form input[type=email], .tb-form select, .tb-form textarea { width: 100%; border: 1px solid rgba(31,42,31,.2); border-radius: var(--tb-radius-sm); background: var(--tb-cream); padding: 12px 14px; font-size: 15px; font-weight: 400; color: var(--tb-ink); min-height: 48px; } .tb-form textarea { resize: vertical; min-height: 140px; } .tb-form input:focus, .tb-form select:focus, .tb-form textarea:focus { outline: none; border-color: #1A1A1A; box-shadow: 0 0 0 3px rgba(26,26,26,.1); background: #fff; } .tb-form .tb-check { flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 400; color: var(--tb-muted); line-height: 1.5; } .tb-form .tb-check input { margin-top: 3px; accent-color: var(--tb-forest); width: 18px; height: 18px; flex: none; } .tb-form .tb-check a { color: var(--tb-ink); text-decoration: underline; } .tb-form .tb-btn { align-self: flex-start; } /* FAQ stran */ .tb-faqpage { display: grid; grid-template-columns: 280px 1fr; gap: clamp(32px, 6vw, 96px); align-items: start; } .tb-faqpage__nav { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 2px; } .tb-faqpage__nav > a { padding: 10px 14px; border-radius: var(--tb-radius-sm); color: var(--tb-muted); font-weight: 500; } .tb-faqpage__nav > a:hover, .tb-faqpage__nav > a.is-active { background: var(--tb-sand); color: var(--tb-ink); } .tb-faqpage__help { margin-top: 24px; padding: 22px; border-radius: var(--tb-radius); background: var(--tb-forest); color: rgba(255,255,255,.8); } .tb-faqpage__help strong { color: #fff; display: block; margin-bottom: 4px; } .tb-faqpage__help p { font-size: 14px; margin: 0 0 14px; } .tb-faqpage__help .tb-btn { background: var(--tb-cream); color: var(--tb-ink); border-color: var(--tb-cream); } .tb-faqgroup { scroll-margin-top: 110px; } .tb-faqgroup + .tb-faqgroup { margin-top: 56px; } /* Pravni teksti */ .tb-legal { display: grid; grid-template-columns: 260px minmax(0, 760px); gap: clamp(32px, 6vw, 96px); align-items: start; } .tb-legal__toc { position: sticky; top: 110px; font-size: 14px; } .tb-legal__toc strong { display: block; color: var(--tb-ink); margin-bottom: 10px; } .tb-legal__toc ol { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; color: var(--tb-muted); } .tb-legal__toc a { color: var(--tb-muted); } .tb-legal__toc a:hover { color: var(--tb-ink); } .tb-legal__body h2 { font-family: var(--tb-serif); font-weight: 500; font-size: 26px; color: var(--tb-ink); margin: 48px 0 14px; scroll-margin-top: 110px; } .tb-legal__body h2:first-of-type { margin-top: 8px; } .tb-legal__body ul { padding-left: 20px; margin: 0 0 1.2em; } .tb-legal__body li { margin-bottom: 6px; } .tb-legal__note { background: #FBF0DC; border-left: 3px solid var(--tb-ochre); padding: 14px 18px; border-radius: 6px; font-size: 15px; } /* Trgovina */ .tb-shop__headline { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; } .tb-shop__count { font-size: 14px; color: var(--tb-muted); white-space: nowrap; margin: 0 0 6px; } .tb-shop__bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 0; margin-bottom: 32px; border-top: 1px solid var(--tb-line); border-bottom: 1px solid var(--tb-line); } .tb-shop__sort .woocommerce-ordering { margin: 0; } .tb-shop__sort select { border: 1px solid var(--tb-line); border-radius: var(--tb-radius-btn); padding: 9px 36px 9px 16px; background-color: var(--tb-paper); font-size: 14px; min-height: 0; } .tb-empty { text-align: center; padding: 64px 0; } /* 5. Footer ---------------------------------------------------------------- */ .tb-footer { background: var(--tb-forest-deep); color: rgba(255,255,255,.7); padding: clamp(56px, 7vw, 96px) 0 0; font-size: 15px; } .tb-footer a { color: rgba(255,255,255,.75); } .tb-footer a:hover { color: #fff; } .tb-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.6fr; gap: 40px; } .tb-footer__logo img { height: 34px; width: auto; margin-bottom: 18px; } .tb-footer__brand p { max-width: 22em; line-height: 1.6; margin: 0 0 22px; } .tb-footer h3 { font-family: var(--gz-body-font); font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--tb-primary); margin: 0 0 18px; } .tb-footer ul { list-style: none; margin: 0; padding: 0; } .tb-footer__col li { margin-bottom: 10px; } .tb-social { display: flex; gap: 8px; } .tb-social a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); transition: all .2s; } .tb-social a:hover { background: var(--tb-ochre); border-color: var(--tb-ochre); color: var(--tb-ink); } .tb-footer__news p { line-height: 1.6; margin: 0 0 16px; } .tb-footer__bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: clamp(48px, 6vw, 80px); padding-top: 24px; padding-bottom: 24px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; } .tb-footer__bottom p { margin: 0; } .tb-pay { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; } .tb-pay li { font-size: 11px; font-weight: 700; letter-spacing: .03em; padding: 5px 9px; border-radius: 5px; border: 1px solid currentColor; opacity: .75; line-height: 1; } /* 6. PDP dodatki ----------------------------------------------------------- */ body.tabor.single-product { background: var(--tb-paper); } body.tabor.single-product .product_title { font-family: var(--tb-serif); font-weight: 500; letter-spacing: -.01em; } .tb-safe-title { font-weight: 600; color: var(--tb-ink); margin: 0 0 10px; font-size: 14px; } .single-product div.product .tb-pay { color: var(--tb-ink); justify-content: center; } .tb-tab-ship { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .tb-tab-ship h3 { font-size: 20px; margin: 0 0 12px; } .tb-tab-ship ul { padding-left: 18px; margin: 0; } .tb-tab-ship li { margin-bottom: 8px; } .tb-tab-ship a { text-decoration: underline; } /* 7. Responsive ------------------------------------------------------------ */ @media (max-width: 1199px) { .tb-footer__grid { grid-template-columns: 1fr 1fr 1fr; } .tb-footer__brand, .tb-footer__news { grid-column: span 3; } .tb-footer__news { max-width: 520px; } } @media (max-width: 1023px) { .tb-perks { grid-template-columns: repeat(2, 1fr); } .tb-story, .tb-story--reverse { grid-template-columns: 1fr; } .tb-story--reverse .tb-story__media { order: 0; } .tb-story__media { min-height: 0; aspect-ratio: 16 / 10; } .tb-reviews { grid-template-columns: 1fr; } .tb-split, .tb-contact, .tb-faqpage, .tb-legal { grid-template-columns: 1fr; } .tb-split--text .tb-h2 { position: static; } .tb-faqpage__nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 8px; } .tb-faqpage__nav > a { background: var(--tb-paper); border: 1px solid var(--tb-line); border-radius: var(--tb-radius-btn); padding: 8px 14px; font-size: 14px; } .tb-faqpage__help { display: none; } .tb-legal__toc { position: static; background: var(--tb-paper); border: 1px solid var(--tb-line); border-radius: var(--tb-radius); padding: 20px; } .tb-values { grid-template-columns: 1fr; } .tb-cta, .tb-cta--center { grid-template-columns: 1fr; } } @media (max-width: 767px) { .tb-bar__track { justify-content: flex-start; animation: tb-marquee 18s linear infinite; width: max-content; } .tb-head { flex-direction: column; align-items: flex-start; } .tb-hero { min-height: 640px; } .tb-hero::after { background: linear-gradient(0deg, rgba(20,30,22,.9) 0%, rgba(20,30,22,.6) 50%, rgba(20,30,22,.1) 100%); } .tb-hero__media img { object-position: 45% 80%; } .tb-actions .tb-btn { flex: 1 1 auto; } .tb-perks { grid-template-columns: 1fr; gap: 18px; } .tb-stats { grid-template-columns: repeat(3, 1fr); gap: 16px; } .tb-contact__cards, .tb-form__row { grid-template-columns: 1fr; } .tb-shop__headline { flex-direction: column; align-items: flex-start; } .tb-shop__bar { flex-direction: column; align-items: stretch; } .tb-shop__sort select { width: 100%; } .tb-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; } .tb-footer__brand, .tb-footer__news { grid-column: span 2; } .tb-footer__col:last-of-type { grid-column: span 2; } .tb-footer__bottom { flex-direction: column; align-items: flex-start; } .tb-tab-ship { grid-template-columns: 1fr; gap: 24px; } .tb-faq details > div { padding-right: 0; } .tb-wide-media img { aspect-ratio: 4 / 3; } } @keyframes tb-marquee { from { transform: translateX(0); } to { transform: translateX(-40%); } } @media (prefers-reduced-motion: reduce) { .tb-bar__track { animation: none; } } /* 8. Buy box (PDP) --------------------------------------------------------- */ .tb-bb { display: flex; flex-direction: column; gap: 16px; color: var(--tb-ink); } .tb-bb > * { margin: 0; } .tb-bb__badges { display: flex; flex-wrap: wrap; gap: 8px; } .tb-pill { display: inline-flex; align-items: center; padding: 5px 12px; border-radius: var(--tb-radius-btn); font-size: 12px; font-weight: 600; letter-spacing: .03em; background: var(--tb-forest); color: #fff; border: 1.5px solid var(--tb-forest); line-height: 1.2; } .tb-pill--line { background: transparent; color: var(--tb-ink); border-color: var(--tb-line); } .tb-pill--sale { background: var(--tb-clay); border-color: var(--tb-clay); } .tb-bb__rating { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 14px; color: var(--tb-ink); margin-bottom: -6px; } .tb-bb__rating:hover { color: var(--tb-ink); } .tb-bb__rating:hover span:not(.tb-stars):not(.tb-bb__avatars) { text-decoration: underline; } .tb-bb__rating .tb-stars { color: #F5B301; } .tb-bb__sep { opacity: .35; } .tb-bb__avatars { display: inline-flex; margin-left: 6px; } .tb-bb__avatars i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 11px; font-weight: 700; color: #fff; background: var(--tb-moss); border: 2px solid #fff; margin-left: -8px; } .tb-bb__avatars i:first-child { margin-left: 0; background: var(--tb-ochre-deep); } .tb-bb__avatars i:nth-child(2) { background: var(--tb-forest); } body.tabor .tb-bb__title { font-family: var(--tb-serif); font-weight: 500; font-size: clamp(28px, 2.6vw, 38px); line-height: 1.1; letter-spacing: -.01em; margin: 0; } .tb-bb__price { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .tb-bb__now { font-size: 28px; font-weight: 700; color: var(--tb-ink); } .tb-bb__now .amount, .tb-bb__was .amount { color: inherit; } .tb-bb__was { font-size: 17px; color: var(--tb-muted); opacity: .8; } .tb-bb__sub { font-weight: 700; font-size: 17px; line-height: 1.4; } .tb-bb__benefits { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px; } .tb-bb__benefits li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.45; } .tb-bb__benefits .tb-icon { color: #fff; background: var(--tb-forest); border-radius: 50%; padding: 3px; width: 20px; height: 20px; margin-top: 1px; stroke-width: 2.4; } .tb-bb__short p { margin: 0; color: var(--tb-muted); } .tb-bb__ship { display: flex; align-items: center; gap: 10px; font-size: 14px; padding: 12px 14px; border-radius: var(--tb-radius-sm); background: var(--tb-sand); } .tb-bb__ship .tb-icon { color: var(--tb-forest); } .tb-stock { font-size: 14px; margin: 0; } .tb-stock p { margin: 0 0 8px; } .tb-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--tb-buy); margin-right: 6px; box-shadow: 0 0 0 4px rgba(63,157,91,.18); vertical-align: middle; } .tb-stock--low .tb-dot { background: var(--tb-clay); box-shadow: 0 0 0 4px rgba(180,89,58,.18); animation: tb-pulse 1.8s ease-in-out infinite; } .tb-stock--low strong { color: var(--tb-clay); text-transform: uppercase; letter-spacing: .04em; font-size: 13px; } .tb-stock__bar { height: 6px; border-radius: 99px; background: var(--tb-sand); overflow: hidden; } .tb-stock__bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--tb-clay), var(--tb-ochre)); border-radius: inherit; } @keyframes tb-pulse { 50% { box-shadow: 0 0 0 7px rgba(180,89,58,0); } } .tb-bb__form { display: flex; flex-direction: column; gap: 14px; margin: 0; } .tb-bundles { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; min-width: 0; } .tb-bundle { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 16px; border: 1.5px solid var(--tb-line); border-radius: 14px; background: #fff; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; } .tb-bundle.has-tag { margin-top: 8px; } .tb-bundle:hover { border-color: rgba(31,42,31,.35); } .tb-bundle.is-selected { border-color: var(--tb-forest); background: #F3F6F0; box-shadow: 0 0 0 1px var(--tb-forest); } .tb-bundle input { position: absolute; opacity: 0; pointer-events: none; } .tb-bundle:focus-within { outline: 2px solid var(--tb-ochre); outline-offset: 2px; } .tb-bundle__radio { width: 20px; height: 20px; border-radius: 50%; border: 2px solid rgba(31,42,31,.35); display: grid; place-items: center; } .tb-bundle.is-selected .tb-bundle__radio { border-color: var(--tb-forest); } .tb-bundle.is-selected .tb-bundle__radio::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--tb-forest); } .tb-bundle__main { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .tb-bundle__main strong { font-size: 16px; } .tb-bundle__main strong em { font-style: normal; font-size: 12px; font-weight: 700; color: #fff; background: var(--tb-clay); padding: 2px 7px; border-radius: 6px; margin-left: 4px; vertical-align: 2px; } .tb-bundle__main > span { font-size: 13px; color: var(--tb-muted); } .tb-bundle__main > span .amount { color: var(--tb-muted); } .tb-bundle__price { text-align: right; display: flex; flex-direction: column; } .tb-bundle__price strong { font-size: 17px; } .tb-bundle__price del { font-size: 13px; color: var(--tb-muted); } .tb-bundle__tag { position: absolute; top: -11px; right: 14px; background: var(--tb-ochre); color: var(--tb-ink); font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: 3px 10px; border-radius: var(--tb-radius-btn); } .tb-bundle.is-selected .tb-bundle__tag { background: var(--tb-forest); color: #fff; } body.tabor .tb-bb__atc { width: 100%; min-height: 58px; border-radius: var(--tb-radius-btn); font-size: 16px; font-weight: 700; letter-spacing: .02em; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--tb-forest); border-color: var(--tb-forest); color: #fff; text-transform: uppercase; } body.tabor .tb-bb__atc:hover { background: var(--tb-ink); border-color: var(--tb-ink); } .tb-bb__guarantee { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 600; margin-top: -4px !important; } .tb-bb__guarantee .tb-icon { color: var(--tb-forest); } .tb-bb__trust { list-style: none; padding: 14px 0; margin: 0; border-top: 1px solid var(--tb-line); border-bottom: 1px solid var(--tb-line); display: flex; flex-direction: column; gap: 10px; font-size: 14px; } .tb-bb__trust li { display: flex; gap: 10px; align-items: center; } .tb-bb__trust .tb-icon { color: var(--tb-ochre-deep); } .tb-bb__cutoff { display: flex; gap: 10px; align-items: center; font-size: 14px; padding: 12px 14px; border-radius: var(--tb-radius-sm); border: 1px dashed rgba(180,89,58,.45); background: #FBF0E8; } .tb-bb__cutoff .tb-icon { color: var(--tb-clay); } .tb-bb__cutoff strong { font-variant-numeric: tabular-nums; color: var(--tb-clay); } .tb-bb .tb-pay { justify-content: flex-start; color: var(--tb-ink); } .tb-cart-bundle { color: var(--tb-clay); font-weight: 600; } /* Harmonike pod buy boxom */ .single-product div.product .gz-product-tabs { margin-top: 8px; } /* 9. Stranska košarica ----------------------------------------------------- */ #cart-panel.tb-drawer .panel__container { width: min(560px, 100vw); max-width: 100vw; padding: 0; background: #fff; display: flex; flex-direction: column; } .tb-cart { display: flex; flex-direction: column; height: 100%; min-height: 0; color: var(--tb-ink); transition: opacity .2s; } .tb-cart.is-busy { opacity: .55; pointer-events: none; } .tb-cart__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 32px; background: #F2F2F0; flex: none; } .tb-cart__head h2 { margin: 0; font-family: var(--gz-body-font); font-weight: 800; font-size: 34px; line-height: 1; letter-spacing: -.03em; text-transform: uppercase; color: var(--tb-ink); } .tb-cart__head h2 span { margin-left: 4px; } .tb-cart__close { background: none; border: 0; padding: 6px; margin: -6px; color: var(--tb-ink); cursor: pointer; line-height: 0; } .tb-cart__body { flex: 1; min-height: 0; overflow-y: auto; padding: 0 32px; } .tb-cart__ship { padding: 26px 0 8px; text-align: center; } .tb-cart__ship p { margin: 0 0 14px; font-size: 17px; font-weight: 500; } .tb-cart__ship strong { font-weight: 800; } .tb-cart__ship .amount { color: inherit; } .tb-cart__bar { height: 12px; border-radius: 99px; background: #E6E6E3; overflow: hidden; } .tb-cart__bar i { display: block; height: 100%; background: var(--tb-primary); border-radius: inherit; transition: width .4s ease; } .tb-cart__items { list-style: none; margin: 0; padding: 30px 0 20px; display: flex; flex-direction: column; gap: 24px; } .tb-cart__item { display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: start; } .tb-cart__img { display: block; aspect-ratio: 1; background: var(--tb-sand); overflow: hidden; } .tb-cart__img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0 !important; } .tb-cart__info { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .tb-cart__top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; } .tb-cart__name { font-weight: 700; font-size: 18px; line-height: 1.3; color: var(--tb-ink); padding-top: 2px; } .tb-cart__remove { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 6px; background: #F2F2F0; color: var(--tb-ink); cursor: pointer; } .tb-cart__remove:hover { background: #E6E6E3; } .tb-cart__meta { margin: 0; font-size: 14px; color: #8A8F88; } .tb-cart__meta--deal { color: var(--tb-clay); font-weight: 600; } .tb-cart__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 8px; } .tb-qty { display: inline-flex; align-items: stretch; height: 40px; border: 1px solid #D8D8D4; border-radius: 4px; overflow: hidden; } .tb-qty button { width: 40px; border: 0; background: #fff; font-size: 18px; line-height: 1; color: var(--tb-ink); cursor: pointer; } .tb-qty button:hover { background: #F2F2F0; } .tb-qty input { width: 44px; border: 0; border-left: 1px solid #D8D8D4; border-right: 1px solid #D8D8D4; border-radius: 0; text-align: center; font-weight: 700; font-size: 16px; padding: 0; min-height: 0; height: 100%; background: #fff; -moz-appearance: textfield; } .tb-qty input::-webkit-outer-spin-button, .tb-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .tb-cart__price { font-weight: 700; font-size: 17px; white-space: nowrap; } .tb-cart__price .amount { color: inherit; } .tb-cart__foot { flex: none; padding: 16px 32px calc(20px + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; gap: 16px; } .tb-ins { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 18px 20px; border-radius: 12px; background: #F2F2F0; cursor: pointer; margin: 0; font-weight: 400; } .tb-ins__icon { width: 64px; height: 64px; display: grid; place-items: center; background: #fff; border-radius: 6px; } .tb-ins__text { display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 1.4; color: #6E736C; min-width: 0; } .tb-ins__title { display: flex; justify-content: space-between; gap: 12px; color: var(--tb-ink); font-size: 16px; } .tb-ins__title .amount { color: inherit; } .tb-switch { position: relative; display: inline-block; width: 60px; height: 34px; flex: none; } .tb-switch input { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; opacity: 0 !important; margin: 0 !important; cursor: pointer; z-index: 1; } .tb-switch__ui { position: absolute; inset: 0; border-radius: 99px; background: #D4D4D0; box-shadow: 0 1px 4px rgba(0,0,0,.15) inset; transition: background .2s; } .tb-switch__ui::before { content: ""; position: absolute; top: 4px; left: 4px; width: 26px; height: 26px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); transition: transform .2s, background .2s; } .tb-switch__ui::after { content: ""; position: absolute; left: 13px; top: 12px; width: 10px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); opacity: 0; transition: opacity .2s; } .tb-switch input:checked + .tb-switch__ui { background: var(--tb-buy); } .tb-switch input:checked + .tb-switch__ui::before { transform: translateX(26px); background: var(--tb-ink); } .tb-switch input:checked + .tb-switch__ui::after { opacity: 1; } .tb-switch input:focus-visible + .tb-switch__ui { outline: 2px solid var(--tb-ochre); outline-offset: 2px; } .tb-cart__checkout { display: flex; align-items: center; justify-content: center; gap: 28px; min-height: 68px; border-radius: 8px; background: var(--tb-forest); color: #fff; font-weight: 800; font-size: 22px; letter-spacing: .01em; text-transform: uppercase; transition: background .2s; } .tb-cart__checkout:hover { background: var(--tb-ink); color: #fff; } .tb-cart__checkout .amount { color: inherit; } .tb-cart__checkout svg { transition: transform .2s; } .tb-cart__checkout:hover svg { transform: translateX(4px); } .tb-cart__continue { align-self: center; background: none; border: 0; padding: 4px; font-size: 17px; color: var(--tb-ink); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; } .tb-cart__empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 40px 32px; text-align: center; color: var(--tb-muted); } .tb-cart__empty .tb-icon { color: var(--tb-forest); } .tb-cart__empty p { margin: 0; font-size: 17px; } @media (max-width: 767px) { .tb-cart__head { padding: 18px 20px; } .tb-cart__head h2 { font-size: 28px; } .tb-cart__body { padding: 0 20px; } .tb-cart__foot { padding-left: 20px; padding-right: 20px; } .tb-cart__item { grid-template-columns: 92px 1fr; gap: 14px; } .tb-cart__checkout { font-size: 19px; gap: 18px; min-height: 60px; } } /* 9b. Košarica — dopolnitve */ .tb-cart__timer { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 20px; background: var(--tb-forest); color: #fff; font-size: 14px; flex: none; } .tb-cart__timer strong { font-variant-numeric: tabular-nums; color: var(--tb-primary); font-size: 15px; } .tb-cart__timer .tb-icon { color: var(--tb-primary); } #cart-panel .tb-cart__remove { padding: 0 !important; min-width: 0; min-height: 0; line-height: 0; display: inline-flex; align-items: center; justify-content: center; } #cart-panel .tb-cart__remove svg { display: block; margin: 0; } .tb-ins { grid-template-columns: auto 1fr auto; gap: 14px; padding: 12px 14px; } .tb-ins__icon { width: 48px; height: 48px; } .tb-ins__icon svg { width: 30px; height: auto; } .tb-ins__text { font-size: 12px; line-height: 1.3; gap: 2px; } .tb-ins__title { font-size: 15px; line-height: 1.25; flex-direction: row; flex-wrap: wrap; column-gap: 8px; justify-content: flex-start; } .tb-ins__title strong + strong { font-weight: 600; color: var(--tb-muted); } .tb-cart__foot { gap: 12px; } .tb-cart__totals { display: flex; flex-direction: column; gap: 2px; } .tb-cart__total { display: flex; justify-content: space-between; align-items: baseline; font-size: 20px; font-weight: 700; } .tb-cart__total .amount { color: inherit; } .tb-cart__save { display: flex; justify-content: space-between; font-size: 15px; font-weight: 600; color: var(--tb-buy); } .tb-cart__save .amount { color: inherit; } .tb-cart__checkout { gap: 16px; letter-spacing: .04em; } .tb-cart__secure { margin: 0; display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 14px; font-weight: 500; } .tb-cart__reviews { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; margin-top: -4px; } .tb-tp { display: inline-flex; gap: 2px; } .tb-tp i { width: 20px; height: 20px; display: grid; place-items: center; background: #00B67A; } .tb-tp svg { display: block; } .tb-cart__continue { font-size: 15px; padding: 0; } @media (max-width: 767px) { .tb-ins { grid-template-columns: auto 1fr auto; gap: 10px; padding: 10px 12px; } .tb-ins__icon { width: 42px; height: 42px; } .tb-ins__icon svg { width: 26px; } .tb-ins__title { flex-direction: row; } .tb-cart__total { font-size: 18px; } .tb-cart__timer { font-size: 13px; } } /* 10. Buy box v2 (po referenci) ------------------------------------------- */ .tb-bb { gap: 14px; } .tb-pill { font-size: 14px; font-weight: 700; letter-spacing: .06em; padding: 7px 16px; border-width: 2px; } .tb-pill--line { border-color: #D4D4D0; color: #1A1A1A; } .tb-bb__rating { font-size: 14px; gap: 8px; } .tb-bb__rating .tb-stars { color: #F4B400; gap: 1px; } .tb-bb__rating .tb-stars .tb-icon { fill: currentColor; } .tb-bb__price { gap: 12px; } .tb-bb__now { font-size: 32px; font-weight: 800; letter-spacing: -.01em; } .tb-bb__was { font-size: 22px; color: #8A8A8A; opacity: 1; text-decoration-thickness: 2px; } .tb-bb__tag { display: inline-flex; align-items: center; padding: 7px 14px; border-radius: 6px; background: var(--tb-forest); color: #fff; font-size: 15px; font-weight: 600; line-height: 1.2; } .tb-ship { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 22px; border-radius: var(--tb-radius-btn); background: #F4F4F4; font-size: 15px; color: #1A1A1A; } .tb-ship strong { font-weight: 700; } .tb-ship__left, .tb-ship__right { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; } .tb-ship__dot { width: 16px; height: 16px; border-radius: 50%; background: var(--tb-buy); flex: none; } .tb-flag { display: block; flex: none; box-shadow: 0 0 0 1px rgba(0,0,0,.08); } .tb-bundles__head { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--tb-clay); text-align: center; } body.tabor .tb-bb__atc { flex-direction: column; gap: 4px; min-height: 0; padding: 14px 20px; border-radius: 10px; text-transform: none; letter-spacing: 0; } .tb-bb__atc-main { font-size: 20px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; line-height: 1.2; } .tb-bb__atc-sub { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 500; opacity: .85; line-height: 1.2; } .tb-usp { list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; text-align: center; } .tb-usp li { display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; line-height: 1.35; color: #1A1A1A; } .tb-usp svg { color: var(--tb-forest); } .tb-sell { margin-top: 8px; } .tb-sell__title { display: block; font-size: 20px; font-weight: 700; color: #1A1A1A; } .tb-sell p { margin: 2px 0 14px; font-size: 16px; color: #1A1A1A; } .tb-sell__bar { height: 12px; border-radius: 99px; background: #F0F0F0; overflow: hidden; } .tb-sell__bar i { display: block; height: 100%; border-radius: inherit; background: var(--tb-forest); } .tb-sell__meta { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; font-size: 18px; color: #1A1A1A; } .tb-sell__ends { color: var(--tb-forest); font-weight: 700; font-variant-numeric: tabular-nums; } .tb-trusted { display: flex; align-items: center; gap: 18px; padding: 12px 22px 12px 14px; border-radius: var(--tb-radius-btn); background: #F4F4F4; margin-top: 10px; } .tb-trusted__faces { position: relative; display: inline-flex; flex: none; } .tb-trusted__faces i { width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-weight: 700; font-size: 20px; color: #fff; border: 3px solid #fff; margin-left: -14px; } .tb-trusted__faces i:first-child { margin-left: 0; } .tb-trusted__faces .f0 { background: var(--tb-ochre-deep); } .tb-trusted__faces .f1 { background: var(--tb-forest); } .tb-trusted__faces .f2 { background: var(--tb-moss); } .tb-trusted__faces b { position: absolute; top: -2px; right: -6px; width: 24px; height: 24px; border-radius: 50%; background: var(--tb-buy); color: #fff; display: grid; place-items: center; border: 2px solid #fff; } .tb-trusted__faces b .tb-icon { stroke-width: 3; } .tb-trusted__text { font-size: 16px; line-height: 1.3; color: #1A1A1A; } .tb-trusted__text strong { display: block; font-size: 17px; } /* Harmonike kot referenca: večji naslovi, puščica navzdol */ .single-product div.product .gz-product-tabs { margin-top: 18px; border-top: 1px solid #E2E2E2; } .single-product div.product .gz-product-tabs .woocommerce-tabs--dropdown, .single-product div.product .gz-product-tabs > div { border-color: #E2E2E2; } .single-product div.product .gz-product-tabs .woocommerce-tabs-title, .single-product div.product .gz-product-tabs [class*="title"] { font-family: var(--gz-body-font); font-size: 19px; font-weight: 500; letter-spacing: 0; } .tb-faq--tab summary { font-size: 15px; padding: 14px 0; } @media (max-width: 767px) { .tb-ship { padding: 12px 16px; font-size: 13px; } .tb-usp { gap: 8px; } .tb-usp li { font-size: 12.5px; } .tb-sell__meta { font-size: 16px; } .tb-trusted { padding: 10px 16px 10px 10px; gap: 12px; border-radius: 40px; } .tb-trusted__faces i { width: 46px; height: 46px; font-size: 16px; margin-left: -12px; } .tb-trusted__text { font-size: 14px; } .tb-trusted__text strong { font-size: 15px; } .tb-bb__atc-main { font-size: 18px; } .tb-bb__atc-sub { font-size: 13px; } } .single-product div.product .gz-product-tabs .woocommerce-tabs-title { padding-top: 22px; padding-bottom: 22px; } .single-product div.product .gz-product-tabs .woocommerce-tabs-title__icon::before { display: none !important; } .single-product div.product .gz-product-tabs .woocommerce-tabs-title__icon::after { content: "" !important; width: 9px !important; height: 9px !important; background: none !important; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: translateY(-3px) rotate(45deg) !important; transition: transform .2s; opacity: 1 !important; } .single-product div.product .gz-product-tabs .woocommerce-tabs-title.active .woocommerce-tabs-title__icon::after { transform: translateY(2px) rotate(-135deg) !important; } /* 11. Prodajni sloj: barve, tipografija, oblike -------------------------- */ /* Tipografija */ body.tabor h1, body.tabor h2, body.tabor h3, body.tabor h4, .tb-display, .tb-h2, .tb-h3, .tb-values h3, .tb-review blockquote, .tb-stats dt { font-family: var(--tb-serif); } .tb-display { font-weight: 800; letter-spacing: -.025em; line-height: 1.05; } .tb-h2 { font-weight: 700; letter-spacing: -.02em; line-height: 1.15; } .tb-h3, .tb-values h3 { font-weight: 600; } .tb-display em, .tb-h2 em { font-style: normal; color: var(--tb-primary); } .tb-review blockquote { font-weight: 500; font-size: 18px; line-height: 1.5; } .tb-stats dt { font-weight: 700; } .tb-eyebrow { color: var(--tb-primary); font-family: var(--tb-serif); font-weight: 600; } body.tabor .tb-bb__title { font-family: var(--tb-serif); font-weight: 700; letter-spacing: -.015em; } body.tabor.single-product .product_title { font-family: var(--tb-serif); font-weight: 700; } .tb-cart__head h2 { font-family: var(--tb-serif); font-weight: 800; } .tb-footer h3 { font-family: var(--tb-serif); color: var(--tb-primary); } /* Gumbi: glavna barva; nakupni gumbi zeleni */ .tb-btn { background: var(--tb-primary); border-color: var(--tb-primary); border-radius: var(--tb-radius-btn); font-weight: 600; } .tb-btn:hover { background: var(--tb-primary-dark); border-color: var(--tb-primary-dark); } .tb-btn--light { background: var(--tb-primary); border-color: var(--tb-primary); color: #fff; } .tb-btn--light:hover { background: var(--tb-primary-dark); border-color: var(--tb-primary-dark); color: #fff; } .tb-btn--outline { background: transparent; color: var(--tb-ink); border-color: var(--tb-ink); } .tb-btn--outline:hover { background: var(--tb-ink); border-color: var(--tb-ink); color: #fff; } .tb-cta .tb-btn:not(.tb-btn--outline) { background: var(--tb-primary); border-color: var(--tb-primary); color: #fff; } .tb-faqpage__help .tb-btn { background: var(--tb-primary); border-color: var(--tb-primary); color: #fff; } .tb-news button { background: var(--tb-primary); color: #fff; } .tb-news button:hover { background: var(--tb-primary-dark); } .tb-link:hover { color: var(--tb-primary); } body.tabor .button:not(.single_add_to_cart_button):not(.tb-bb__atc), body.tabor .gz-button-primary { border-radius: var(--tb-radius-btn); } body.tabor .tb-bb__atc, body.tabor .single_add_to_cart_button { background: var(--tb-buy) !important; border-color: var(--tb-buy) !important; color: #fff !important; border-radius: var(--tb-radius-btn) !important; box-shadow: 0 6px 18px -8px rgba(0,173,32,.6); } body.tabor .tb-bb__atc:hover, body.tabor .single_add_to_cart_button:hover { background: var(--tb-buy-dark) !important; border-color: var(--tb-buy-dark) !important; } .tb-cart__checkout { background: var(--tb-buy); border-radius: var(--tb-radius-btn); box-shadow: 0 6px 18px -8px rgba(0,173,32,.6); } .tb-cart__checkout:hover { background: var(--tb-buy-dark); } /* Oblike */ .tb-story { border-radius: 0; } .tb-rounded, .tb-wide-media img { border-radius: var(--tb-radius); } /* Sekcije: čisto, svetlo, sekundarna barva za temne pasove */ .tb-section--sand { background: var(--tb-sand); } .tb-story, .tb-footer, .tb-cart__timer { background: var(--tb-second); } .tb-footer { background: var(--tb-second-dark); } .tb-cta { background: var(--tb-second); } .tb-cta::before { background: radial-gradient(circle, rgba(242,105,45,.35), rgba(242,105,45,0) 70%); } .tb-hero::after { background: linear-gradient(90deg, rgba(47,63,47,.92) 0%, rgba(47,63,47,.7) 42%, rgba(47,63,47,0) 75%), linear-gradient(0deg, rgba(47,63,47,.5), rgba(47,63,47,0) 45%); } .tb-perks .tb-icon, .tb-values__icon, .tb-ccard .tb-icon { color: var(--tb-primary); } .tb-values__icon { background: var(--tb-primary-soft); } /* Obvestilna vrstica: sezonska akcija */ .tb-bar { background: var(--tb-hot); color: #fff; font-weight: 600; letter-spacing: .03em; } .tb-bar__track span + span::before { background: #fff; } .tb-bar strong { font-weight: 800; } /* Akcijski elementi v rdeči */ body.tabor .onsale, body.tabor .woocommerce-badge.onsale { background: var(--tb-hot); border-radius: 6px; } body.tabor .woocommerce-badge.featured { background: var(--tb-second); border-radius: 6px; } body.tabor ul.products li.product .price ins, body.tabor ul.products li.product .price ins .amount { color: var(--tb-hot); } .tb-bb__tag { background: var(--tb-hot); border-radius: 6px; } .tb-bundle__main strong em { background: var(--tb-hot); } .tb-bundles__head { color: var(--tb-hot); } .tb-sell__bar i { background: var(--tb-hot); } .tb-sell__ends { color: var(--tb-hot); } .tb-stock--low strong, .tb-cart__meta--deal { color: var(--tb-hot); } .tb-cart__timer strong, .tb-cart__timer .tb-icon { color: #fff; } .tb-cart__timer { background: var(--tb-hot); } .tb-pill { border-radius: 6px; } .tb-pill:not(.tb-pill--line) { background: var(--tb-primary); border-color: var(--tb-primary); } /* Paketi: izbrani v glavni barvi */ .tb-bundle.is-selected { border-color: var(--tb-primary); background: var(--tb-primary-soft); box-shadow: 0 0 0 1px var(--tb-primary); } .tb-bundle.is-selected .tb-bundle__radio { border-color: var(--tb-primary); } .tb-bundle.is-selected .tb-bundle__radio::after { background: var(--tb-primary); } .tb-bundle__tag { background: var(--tb-second); color: #fff; border-radius: 6px; } .tb-bundle.is-selected .tb-bundle__tag { background: var(--tb-primary); } .tb-bb__benefits .tb-icon { background: var(--tb-buy); } .tb-usp svg { color: var(--tb-primary); } .tb-bb__ship .tb-icon { color: var(--tb-primary); } .tb-trusted__faces .f0 { background: var(--tb-primary); } .tb-trusted__faces .f1 { background: var(--tb-second); } .tb-cart__bar i { background: var(--tb-primary); } .tb-cart__save { color: var(--tb-buy); } .tb-sale-banner { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; } .tb-sale-banner b { background: var(--tb-hot); color: #fff; padding: 4px 10px; border-radius: 6px; font-weight: 800; } .tb-hero__sale { margin: 0 0 18px; color: #fff; font-family: var(--tb-serif); font-weight: 700; letter-spacing: .06em; font-size: 14px; text-transform: uppercase; } .tb-hero__sale b { font-size: 16px; } .tb-shop__headline .tb-sale-banner { margin: 0 0 12px; } .tb-display--dark em { color: var(--tb-primary); } .tb-avatar { width: var(--s); height: var(--s); min-width: var(--s); border-radius: 50%; display: inline-grid; place-items: center; color: #fff; font-family: var(--tb-serif); font-weight: 600; font-size: calc(var(--s) * .38); letter-spacing: .02em; line-height: 1; overflow: hidden; } .tb-bb__avatars .tb-avatar { border: 2px solid #fff; margin-left: -8px; } .tb-bb__avatars .tb-avatar:first-child { margin-left: 0; } .tb-trusted__faces .tb-avatar { border: 3px solid #fff; margin-left: -14px; } .tb-trusted__faces .tb-avatar:first-child { margin-left: 0; } .tb-review figcaption { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .tb-btn--ghost-light { background: transparent !important; border-color: rgba(255,255,255,.6) !important; color: #fff !important; } .tb-btn--ghost-light:hover { background: rgba(255,255,255,.12) !important; border-color: #fff !important; } .tb-story__media img { border-radius: 0 !important; } @media (max-width: 767px) { .tb-trusted__faces .tb-avatar { --s: 46px !important; margin-left: -12px; } .tb-trusted__faces .tb-avatar:first-child { margin-left: 0; } } /* Vrstica odpreme — 1:1 po referenci */ .tb-bb .tb-ship { padding: 9px 22px 9px 18px; border-radius: 999px; background: #F4F4F4; font-size: 16px; line-height: 1.4; color: #111; font-weight: 400; min-height: 0; } .tb-bb .tb-ship strong { font-weight: 700; } .tb-bb .tb-ship__left, .tb-bb .tb-ship__right { gap: 10px; } .tb-bb .tb-ship__dot { position: relative; width: 16px; height: 16px; background: #7BA27B; } .tb-bb .tb-ship__dot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #7BA27B; animation: tb-ping 1.6s cubic-bezier(0,0,.2,1) infinite; } .tb-bb .tb-flag { width: 24px; height: 16px; box-shadow: none; } @keyframes tb-ping { 0% { transform: scale(1); opacity: .7; } 75%, 100% { transform: scale(2.1); opacity: 0; } } @media (prefers-reduced-motion: reduce) { .tb-bb .tb-ship__dot::after { animation: none; } } @media (max-width: 767px) { .tb-bb .tb-ship { padding: 8px 14px; font-size: 13.5px; } .tb-bb .tb-ship__dot { width: 12px; height: 12px; } .tb-bb .tb-flag { width: 20px; height: 13px; } } .tb-avatar { font-size: calc(var(--s) * .34); } /* 12. Kartice izdelkov z gumbom "Preveri izdelek" ---------------------- */ body.tabor ul.products li.product .product-inner { background: #fff; border: 1px solid var(--tb-line); border-radius: var(--tb-radius); padding: 10px 10px 14px; height: 100%; display: flex; flex-direction: column; transition: box-shadow .2s, border-color .2s; } body.tabor ul.products li.product .product-inner:hover { border-color: #D5D9D4; box-shadow: 0 10px 28px -18px rgba(22,26,22,.35); } body.tabor ul.products li.product .product-thumbnail, body.tabor ul.products li.product .product-thumbnail img { border-radius: 8px; } body.tabor ul.products li.product .product-summary { display: flex; flex-direction: column; flex: 1; padding-top: 12px; } body.tabor ul.products li.product .product-featured-icons, body.tabor ul.products li.product .product-loop__buttons, body.tabor ul.products li.product .glozin-quickview-button, body.tabor ul.products li.product .product-quick-view { display: none !important; } .tb-card-cta { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; padding: 10px 12px; border-radius: var(--tb-radius-btn); background: var(--tb-primary); color: #fff !important; font-family: var(--tb-serif); font-weight: 600; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; transition: background .2s; } body.tabor ul.products li.product .price { margin-bottom: 12px; } .tb-card-cta:hover { background: var(--tb-primary-dark); color: #fff; } .tb-card-cta .tb-icon { transition: transform .2s; } .tb-card-cta:hover .tb-icon { transform: translateX(3px); } @media (max-width: 767px) { .tb-card-cta { font-size: 12px; min-height: 40px; padding: 8px; letter-spacing: .02em; } body.tabor ul.products li.product .product-inner { padding: 8px 8px 10px; } } /* Galerija: brez zooma/lightboxa, dovoli pinch-zoom na telefonu */ .single-product .woocommerce-product-gallery__slider, .single-product .woocommerce-product-gallery__slider .woocommerce-product-gallery__image, .single-product .woocommerce-product-gallery__slider img { touch-action: pan-y pinch-zoom; } .single-product .woocommerce-product-gallery__trigger, .single-product .glozin-button-lightbox, .single-product .product-image-zoom-icon { display: none !important; } /* 13. Manj rdeče: rdeča samo za oznake popusta (-50 %) in odštevalnike */ .tb-bar { background: var(--tb-second); color: #fff; } .tb-bar strong { color: #fff; } .tb-bar__track span + span::before { background: var(--tb-primary); } body.tabor ul.products li.product .price ins, body.tabor ul.products li.product .price ins .amount { color: var(--tb-ink); } .tb-cart__timer { background: var(--tb-second); } .tb-cart__timer strong { color: var(--tb-primary); } .tb-bundles__head { color: var(--tb-primary-dark); } .tb-sell__bar i { background: var(--tb-primary); } .tb-stock--low strong { color: var(--tb-primary-dark); } .tb-cart__meta--deal { color: var(--tb-buy); } .tb-bundle__main strong em { background: var(--tb-primary); } /* Paket "4 ali več kosov" */ .tb-bundle--custom { align-items: start; } .tb-bundle--custom .tb-bundle__radio { margin-top: 2px; } .tb-stepper { display: inline-flex; align-items: center; gap: 14px; margin-top: 8px; padding: 5px; border-radius: 999px; background: #EFF1F5; color: var(--tb-ink) !important; font-size: 15px !important; font-weight: 600; width: max-content; } .tb-stepper button { width: 34px; height: 34px; border-radius: 50%; border: 0; background: #fff; color: var(--tb-ink); font-size: 20px; line-height: 1; padding: 0; display: grid; place-items: center; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,.08); } .tb-stepper button:hover { background: var(--tb-primary); color: #fff; } .tb-stepper b { font-weight: 700; } .tb-bundle--custom.is-selected .tb-stepper { background: #fff; } .tb-shop__bar { justify-content: flex-end; } /* Vrstica odpreme — natančno po referenci (v2) */ .tb-bb .tb-ship { padding: 10px 18px 10px 16px; border-radius: 999px; background: #F1F2F4; font-family: var(--tb-sans); font-size: 15px; font-weight: 400; line-height: 1.3; color: #1F2430; } .tb-bb .tb-ship strong { font-weight: 700; color: #1F2430; } .tb-bb .tb-ship__left, .tb-bb .tb-ship__right { gap: 9px; } .tb-bb .tb-ship__right { gap: 12px; } .tb-bb .tb-ship__dot { width: 11px; height: 11px; background: #4CAF50; } .tb-bb .tb-ship__dot::after { background: #4CAF50; } .tb-bb .tb-flag { width: 24px; height: 18px; } @media (max-width: 767px) { .tb-bb .tb-ship { padding: 9px 14px; font-size: 13px; } .tb-bb .tb-ship__dot { width: 9px; height: 9px; } .tb-bb .tb-flag { width: 20px; height: 15px; } } .tb-bb .tb-ship__right { gap: 10px; } /* 14. Primerjalna tabela na PDP ------------------------------------------- */ .tb-compare { background: var(--tb-sand); border-radius: var(--tb-radius); padding: clamp(24px, 4vw, 56px) clamp(12px, 4vw, 64px); margin: clamp(40px, 6vw, 72px) 0; } .tb-compare__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; } .tb-compare__table { width: 100%; min-width: 720px; border-collapse: separate; border-spacing: 0; table-layout: fixed; margin: 0; color: var(--tb-ink); font-family: var(--tb-sans); } .tb-compare__table th, .tb-compare__table td { border: 0; border-bottom: 1px solid #DFE2DD; padding: 18px 20px; text-align: left; vertical-align: middle; font-size: 15px; line-height: 1.5; background: transparent; } .tb-compare__table tbody tr:last-child th, .tb-compare__table tbody tr:last-child td { border-bottom: 0; } .tb-compare__table thead th { border-bottom: 0; font-family: var(--tb-serif); font-weight: 700; font-size: 20px; letter-spacing: -.01em; padding-top: 30px; padding-bottom: 18px; } .tb-compare__table thead th:first-child { font-family: var(--tb-sans); font-weight: 500; font-size: 17px; color: var(--tb-muted); } .tb-compare__table tbody th { font-family: var(--tb-serif); font-weight: 600; font-size: 15px; width: 26%; } .tb-compare__table .is-hl { background: var(--tb-primary-soft); border-bottom-color: #F5D7C6; } .tb-compare__table thead .is-hl { font-size: 30px; font-weight: 800; color: var(--tb-primary-dark); border-radius: 18px 18px 0 0; } .tb-compare__table tbody tr:last-child .is-hl { border-radius: 0 0 18px 18px; padding-bottom: 26px; } .tb-compare__table tbody td.is-hl { font-weight: 500; } @media (max-width: 767px) { .tb-compare { margin-left: -16px; margin-right: -16px; border-radius: 0; padding-left: 0; padding-right: 0; } .tb-compare__table { min-width: 640px; } .tb-compare__table th, .tb-compare__table td { padding: 14px 12px; font-size: 13px; } .tb-compare__table tbody th { position: sticky; left: 0; z-index: 1; background: var(--tb-sand); padding-left: 16px; } .tb-compare__table thead th:first-child { position: sticky; left: 0; z-index: 1; background: var(--tb-sand); padding-left: 16px; } .tb-compare__table thead .is-hl { font-size: 22px; } .tb-compare__table thead th { font-size: 16px; } } /* PDP: večji naslov, brez navigacije med izdelki (puščice + mreža) */ body.tabor .tb-bb__title { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.08; } .single-product .product-navigation { display: none !important; } #reviews { scroll-margin-top: 120px; } body.tabor.single-product div.product h1.product_title.tb-bb__title { font-size: clamp(30px, 3.2vw, 46px) !important; line-height: 1.08; } .tb-stepper button:focus { outline: none; } .tb-stepper button:focus-visible { outline: 2px solid var(--tb-primary); outline-offset: 2px; } .single-product .glozin-breadcrumb-navigation-wrapper { display: none !important; } .single-product div.product { padding-top: clamp(16px, 3vw, 40px); } /* 15. Paketi — kompaktno in pregledno ------------------------------------ */ .tb-bundles { gap: 8px; } .tb-bundle { grid-template-columns: 20px 1fr auto; gap: 12px; padding: 11px 14px; border-width: 1.5px; border-radius: 10px; align-items: center; } .tb-bundle.has-tag { margin-top: 10px; } .tb-bundle.is-selected { box-shadow: none; border-color: var(--tb-primary); border-width: 2px; padding: 10.5px 13.5px; background: var(--tb-primary-soft); } .tb-bundle__radio { width: 18px; height: 18px; border-width: 2px; } .tb-bundle.is-selected .tb-bundle__radio::after { width: 8px; height: 8px; } .tb-bundle__main { gap: 1px; } .tb-bundle__main strong { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; font-family: var(--tb-serif); font-size: 15px; font-weight: 600; line-height: 1.3; } .tb-bundle__main strong em { margin: 0; font-style: normal; font-family: var(--tb-sans); font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #fff; background: var(--tb-primary); padding: 3px 7px; border-radius: 5px; vertical-align: 0; line-height: 1.3; } .tb-bundle__main > span { font-size: 12.5px; line-height: 1.35; color: var(--tb-muted); } .tb-bundle__price { gap: 0; line-height: 1.2; } .tb-bundle__price strong { font-family: var(--tb-serif); font-size: 16px; font-weight: 700; white-space: nowrap; } .tb-bundle__price strong small { font-family: var(--tb-sans); font-size: 11px; font-weight: 500; color: var(--tb-muted); } .tb-bundle__price del { font-size: 12px; color: #9AA09A; } .tb-bundle__tag { top: -10px; right: 12px; font-size: 10px; padding: 3px 9px; letter-spacing: .06em; } .tb-bundle--custom { align-items: center; } .tb-bundle--custom .tb-bundle__radio { margin-top: 0; } .tb-stepper { margin-top: 6px; padding: 3px; gap: 10px; font-size: 13px !important; } .tb-stepper button { width: 28px; height: 28px; font-size: 17px; } .tb-bundles__head { font-size: 12px; margin-bottom: -2px; } @media (max-width: 767px) { .tb-bundle { grid-template-columns: 18px 1fr auto; gap: 10px; padding: 10px 12px; } .tb-bundle.is-selected { padding: 9.5px 11.5px; } .tb-bundle__main strong { font-size: 14px; } .tb-bundle__main strong em { font-size: 9.5px; padding: 2px 6px; } .tb-bundle__price strong { font-size: 15px; } } .tb-bundle:focus-within { outline: none; } .tb-bundle:has(input:focus-visible) { outline: 2px solid var(--tb-primary); outline-offset: 2px; } .tb-bundle { border-color: #E3E5E2; } /* Ostrani ocen */ #reviews .woocommerce-pagination { margin-top: 28px; display: flex; justify-content: center; } #reviews .woocommerce-pagination ul { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; border: 0; } #reviews .woocommerce-pagination li { border: 0; margin: 0; } #reviews .woocommerce-pagination li > .page-numbers { min-width: 40px; height: 40px; display: grid; place-items: center; border-radius: 8px; border: 1px solid var(--tb-line); color: var(--tb-ink); font-weight: 600; padding: 0 10px; } #reviews .woocommerce-pagination li > .page-numbers.current, #reviews .woocommerce-pagination li > a.page-numbers:hover { background: var(--tb-primary); border-color: var(--tb-primary); color: #fff; } /* 16. Enotna širina vsebine: 1400 px na namizju (header, footer, vse strani) */ body.tabor { --tb-content: 1400px; --gz-container-width: var(--tb-content); --gz-container-xxl-width: var(--tb-content); } .tb-wrap { max-width: calc(var(--tb-content) + var(--tb-gutter) * 2); } body.tabor .container, body.tabor .container-xxl, body.tabor .container-fluid, body.tabor .site-header__container { max-width: calc(var(--tb-content) + var(--tb-gutter) * 2); margin-left: auto; margin-right: auto; padding-left: var(--tb-gutter); padding-right: var(--tb-gutter); } body.tabor .container-xxl { --gz-gutter-x: var(--tb-gutter); } .tb-bar__track { max-width: calc(var(--tb-content) + var(--tb-gutter) * 2); margin: 0 auto; } @media (min-width: 1024px) { .tb-story { max-width: var(--tb-content); margin: 0 auto; border-radius: var(--tb-radius); overflow: hidden; width: calc(100% - var(--tb-gutter) * 2); } .tb-story + .tb-section, .tb-section + .tb-story { margin-top: 0; } .tb-hero { max-width: none; } .tb-hero__inner { max-width: calc(var(--tb-content) + var(--tb-gutter) * 2); } } /* 17. Paketi — večja, berljiva pisava (konverzija, starejši kupci) */ .tb-bundle { padding: 14px 18px; gap: 14px; grid-template-columns: 24px 1fr auto; } .tb-bundle.is-selected { padding: 13.5px 17.5px; } .tb-bundle:has(input:focus-visible) { outline: none; } .tb-bundle__radio { width: 22px; height: 22px; } .tb-bundle.is-selected .tb-bundle__radio::after { width: 11px; height: 11px; } .tb-bundle__main { gap: 3px; } .tb-bundle__main strong { font-size: 19px; gap: 6px 10px; } .tb-bundle__main strong em { font-size: 12.5px; padding: 4px 9px; letter-spacing: .04em; } .tb-bundle__main > span { font-size: 15px; } .tb-bundle__price strong { font-size: 22px; } .tb-bundle__price strong small { font-size: 14px; } .tb-bundle__price del { font-size: 15px; } .tb-bundle__tag { font-size: 12px; padding: 4px 10px; top: -12px; } .tb-bundle.has-tag { margin-top: 12px; } .tb-bundles__head { font-size: 14px; } .tb-stepper { font-size: 16px !important; padding: 4px; gap: 12px; } .tb-stepper button { width: 34px; height: 34px; font-size: 20px; } @media (max-width: 767px) { .tb-bundle { padding: 12px 14px; gap: 10px; grid-template-columns: 22px 1fr auto; } .tb-bundle.is-selected { padding: 11.5px 13.5px; } .tb-bundle__main strong { font-size: 17px; } .tb-bundle__main strong em { font-size: 11px; padding: 3px 7px; } .tb-bundle__main > span { font-size: 14px; } .tb-bundle__price strong { font-size: 19px; } .tb-bundle__price strong small { font-size: 12px; } .tb-bundle__price del { font-size: 14px; } .tb-bundle__tag { font-size: 11px; } } /* 18. Širina vsebine 1200 px */ body.tabor { --tb-content: 1200px; } /* 19. Obvestilna vrstica kot forchics: 2 vrstici besedila + odštevalnik, lepljiva */ #page, .site { overflow: visible !important; overflow-x: clip !important; } .tb-bar { position: sticky; top: 0; z-index: 60; background: linear-gradient(90deg, var(--tb-second-dark) 0%, var(--tb-second) 45%, #56705A 75%, var(--tb-second) 100%); color: #fff; letter-spacing: 0; font-weight: 400; overflow: visible; } .tb-bar__inner { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 52px; padding: 6px 16px; } .tb-bar__msg { margin: 0; display: flex; flex-direction: column; align-items: center; line-height: 1.15; text-align: center; } .tb-bar__msg strong { font-family: var(--tb-serif); font-weight: 700; font-size: 15px; letter-spacing: .02em; } .tb-bar__msg span { font-size: 11px; font-weight: 600; letter-spacing: .01em; } .tb-bar__timer { display: flex; align-items: flex-start; gap: 4px; font-family: var(--tb-serif); } .tb-bar__timer span { display: flex; flex-direction: column; align-items: center; line-height: 1.1; min-width: 26px; } .tb-bar__timer b { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; } .tb-bar__timer small { font-size: 9.5px; font-weight: 700; letter-spacing: .03em; } .tb-bar__timer i { font-style: normal; font-weight: 700; font-size: 12px; line-height: 1.2; } /* 20. Header: lepljiv pod vrstico, skrije se ob pomiku dol */ body.tabor #site-header { position: sticky; top: 52px; z-index: 55; transition: transform .3s ease, box-shadow .3s ease; will-change: transform; } .tb-header-scrolled body.tabor #site-header { box-shadow: 0 6px 20px -14px rgba(0,0,0,.35); } .tb-header-hidden body.tabor #site-header { transform: translateY(calc(-100% - 52px)); box-shadow: none; } @media (prefers-reduced-motion: reduce) { body.tabor #site-header { transition: none; } } /* 21. PDP: naslov in cena manjša (po referenci) */ body.tabor.single-product div.product h1.product_title.tb-bb__title { font-size: clamp(24px, 2.3vw, 32px) !important; line-height: 1.15; } .tb-bb__price { gap: 10px; flex-wrap: nowrap; } .tb-bb__now { font-size: 24px; font-weight: 700; } .tb-bb__was { font-size: 17px; } .tb-bb__tag { font-size: 13px; font-weight: 600; padding: 5px 10px; border-radius: 6px; white-space: nowrap; } /* 22. Kratek opis iz WooCommerca: odstavek + alineje s kljukicami */ .tb-bb__short { font-size: 16px; line-height: 1.5; color: var(--tb-ink); } .tb-bb__short p { margin: 0 0 6px; } .tb-bb__short p:first-child strong, .tb-bb__short > p:first-child { font-weight: 700; } .tb-bb__short ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; } .tb-bb__short li { position: relative; padding-left: 26px; font-weight: 400; } .tb-bb__short li::before { content: ""; position: absolute; left: 0; top: .2em; width: 17px; height: 17px; border-radius: 50%; background: var(--tb-ink) 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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 11px no-repeat; } /* 23. Vrstica odpreme — kot Bioroot */ .tb-bb .tb-ship { padding: 11px 20px 11px 16px; background: #F4F4F4; font-size: 15px; color: #111; border-radius: 999px; } .tb-bb .tb-ship strong { font-weight: 700; } .tb-bb .tb-ship__dot { width: 16px; height: 16px; background: #9DB89D; } .tb-bb .tb-ship__dot::after { background: #9DB89D; } .tb-bb .tb-flag { width: 24px; height: 16px; box-shadow: none; } /* 24. Poudarki: diskretno pakiranje, brez recepta */ .tb-hl { list-style: none; margin: 0; padding: 12px 16px; border-radius: var(--tb-radius); background: #EEF8F0; border: 1px solid #CDEBD4; display: flex; flex-direction: column; gap: 6px; } .tb-hl li { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: #14361E; } .tb-hl .tb-icon { flex: none; width: 20px; height: 20px; padding: 3px; border-radius: 50%; background: var(--tb-buy); color: #fff; stroke-width: 3; } /* 25. Paketi: enak razmik med vsemi boxi, napis "Začasna ponudba" */ .tb-bundles { gap: 16px; } .tb-bundle.has-tag { margin-top: 0; } .tb-bundle__tag { top: -11px; } .tb-bundle__sub { display: block; font-size: 14px; color: var(--tb-muted); margin-top: 1px; } .tb-bundle--custom .tb-bundle__sub { display: none; } /* 26. Izbira strokovnjakov */ .tb-expert { margin: 4px 0 0; } .tb-expert__title { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; font-family: Georgia, "Times New Roman", serif; font-size: 22px; color: #1A1A1A; } .tb-expert__title span { margin: 0 2px; } .tb-expert .tb-laurel, .tb-expert .tb-caduceus { color: #1A1A1A; flex: none; } .tb-expert__text { margin: 0; font-size: 16px; line-height: 1.5; color: #1A1A1A; } .tb-expert__text strong { font-weight: 700; } @media (max-width: 767px) { .tb-bar__inner { min-height: 48px; gap: 10px; } .tb-bar__msg strong { font-size: 13px; } .tb-bar__msg span { font-size: 10px; } body.tabor #site-header { top: 48px; } .tb-header-hidden body.tabor #site-header { transform: translateY(calc(-100% - 48px)); } .tb-bb__badges { flex-wrap: nowrap; gap: 6px; } .tb-bb__badges .tb-pill { font-size: 11px; padding: 5px 8px; letter-spacing: .02em; white-space: nowrap; border-width: 1.5px; } .tb-bb__now { font-size: 22px; } .tb-bb__was { font-size: 15px; } .tb-bb__tag { font-size: 12px; padding: 4px 8px; } .tb-bb__short { font-size: 15px; } .tb-bb .tb-ship { padding: 9px 14px; font-size: 13px; } .tb-bb .tb-ship__dot { width: 12px; height: 12px; } .tb-bb .tb-flag { width: 20px; height: 13px; } .tb-hl li { font-size: 14px; } .tb-expert__title { font-size: 19px; } .tb-expert__text { font-size: 15px; } } @media (max-width: 374px) { .tb-bb__badges .tb-pill { font-size: 10px; padding: 4px 6px; } .tb-bb .tb-ship { font-size: 12px; padding: 8px 10px; } .tb-bb__now { font-size: 20px; } } /* 27. Tipografija "clean pharma": lažji naslovi, mirnejši poudarki. Poppins samo 500/600 za naslove, Inter 400/500/600 za besedilo. 700+ ostane le na drobnih oznakah. */ body.tabor { --gz-heading-font-weight: 600; --tb-text: #3A4140; } body.tabor h1, body.tabor h2, body.tabor h3, body.tabor h4, body.tabor h5, body.tabor h6 { font-weight: 600; } .tb-display { font-weight: 600; letter-spacing: -.03em; line-height: 1.06; } .tb-h2 { font-weight: 600; letter-spacing: -.025em; line-height: 1.15; } .tb-h3 { font-weight: 600; letter-spacing: -.015em; } .tb-stats dt { font-weight: 600; } body.tabor .tb-bb__title, body.tabor.single-product div.product h1.product_title.tb-bb__title { font-weight: 600 !important; letter-spacing: -.02em; } .tb-cart__head h2 { font-weight: 600; letter-spacing: -.02em; } .tb-cart__name { font-weight: 600; } .tb-cart__price, .tb-cart__total { font-weight: 600; } .tb-bb__now { font-weight: 600; letter-spacing: -.01em; } .tb-bb__sub, .tb-sell__title { font-weight: 600; } .tb-compare__table thead th { font-weight: 600; } .tb-compare__table thead .is-hl { font-weight: 600; font-size: 26px; } .tb-bundle__price strong { font-weight: 600; } .tb-bundle__main strong { font-weight: 600; } .tb-bb__atc-main { font-weight: 600; letter-spacing: .04em; } .tb-bar strong, .tb-bar__msg strong { font-weight: 600; } .tb-sale-banner b { font-weight: 600; } .tb-hero__sale { font-weight: 600; } .tb-ship strong, .tb-bb .tb-ship strong { font-weight: 600; } .tb-expert__text strong { font-weight: 600; } .tb-bb__short > p:first-child { font-weight: 500; } .tb-pill { font-weight: 600; } /* telo besedila: mehkejša barva, malo več zraka */ body.tabor { color: var(--tb-text); } body.tabor p { line-height: 1.6; } body.tabor ul.products li.product .woocommerce-loop-product__title, body.tabor ul.products li.product .woocommerce-loop-product__title a { font-weight: 500; } /* veliki naslovi: Poppins 500 (600 pri velikih velikostih deluje pretežko) */ .tb-display { font-weight: 500; font-size: clamp(36px, 5vw, 68px); letter-spacing: -.035em; line-height: 1.08; } .tb-h2 { font-weight: 500; letter-spacing: -.03em; } body.tabor .tb-bb__title, body.tabor.single-product div.product h1.product_title.tb-bb__title { font-weight: 500 !important; letter-spacing: -.025em; } .tb-cart__head h2 { font-weight: 500; } .tb-compare__table thead .is-hl { font-weight: 500; } .tb-pill { font-weight: 600; letter-spacing: .04em; } /* ========================================================================= 28. BRAND REFRESH "clean pharma" (po vzoru Lirae, ForChics, Root Labs, UltimaPeak) - naslovi: Poppins 500/600, manjši, tesnejši (-0.02em), temno zelena "ink" namesto črne - besedilo: Inter 16px, višina vrstice 1.7, mehka siva - podlage: bela + topla krem (#FAF8F4) namesto sive - zlati preliv (#DDAF3A → #F5E35E) samo kot detajl: popust značke, priljubljeni paket, odštevalnik ========================================================================= */ body.tabor { --tb-ink: #18261D; --tb-head: #1C2E22; --tb-text: #4A524C; --tb-muted: #6B726D; --tb-line: #ECEAE4; --tb-sand: #FAF8F4; --tb-cream: #FFFFFF; --tb-gold: linear-gradient(180deg, #DDAF3A 0%, #F5E35E 100%); --tb-gold-x: linear-gradient(90deg, #DDAF3A 0%, #F5E35E 100%); --tb-gold-solid: #E7B944; --gz-heading-color: var(--tb-head); --gz-color-dark: var(--tb-ink); --gz-color-base: var(--tb-text); color: var(--tb-text); font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.tabor p, body.tabor li { line-height: 1.7; } /* Naslovi */ body.tabor h1, body.tabor h2, body.tabor h3, body.tabor h4 { color: var(--tb-head); } .tb-display { font-weight: 600; font-size: clamp(34px, 4.4vw, 56px); line-height: 1.12; letter-spacing: -.025em; } .tb-display--sm { font-size: clamp(30px, 3.6vw, 46px); } .tb-h2 { font-weight: 600; font-size: clamp(26px, 2.8vw, 38px); line-height: 1.18; letter-spacing: -.022em; color: var(--tb-head); } .tb-h3 { font-weight: 600; font-size: clamp(20px, 1.8vw, 24px); line-height: 1.25; letter-spacing: -.015em; } .tb-display--dark { color: var(--tb-head); } .tb-lead { font-size: clamp(16px, 1.3vw, 18px); line-height: 1.65; } .tb-lead--dark { color: var(--tb-text); } .tb-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .16em; color: var(--tb-primary); margin-bottom: 12px; } .tb-stats dt { font-weight: 600; letter-spacing: -.02em; } /* PDP naslov in cena */ body.tabor .tb-bb__title, body.tabor.single-product div.product h1.product_title.tb-bb__title { font-weight: 600 !important; font-size: clamp(24px, 2.2vw, 30px) !important; line-height: 1.2; letter-spacing: -.02em; color: var(--tb-head); } .tb-bb__now { font-weight: 600; color: var(--tb-head); } .tb-bb__short { color: var(--tb-text); } .tb-bb__short li::before { background-color: var(--tb-head); } /* Podlage sekcij: topla krem namesto sive */ .tb-section--sand, body.tabor .tb-section--sand { background: var(--tb-sand); } /* Gumbi: mirnejši */ body.tabor .tb-btn, body.tabor .button, body.tabor button.button { font-weight: 600; letter-spacing: .01em; border-radius: var(--tb-radius-btn); } body.tabor .tb-card-cta { font-size: 13px; font-weight: 600; letter-spacing: .07em; } /* Kartice izdelkov */ body.tabor ul.products li.product .woocommerce-loop-product__title, body.tabor ul.products li.product .woocommerce-loop-product__title a { font-family: var(--tb-serif); font-weight: 500; font-size: 15px; letter-spacing: -.005em; color: var(--tb-head); } /* Zlati detajli (UltimaPeak) */ body.tabor .onsale, body.tabor .woocommerce-badge.onsale { background: var(--tb-gold); color: #1A1A1A; font-weight: 700; letter-spacing: .02em; border-radius: 6px; } .tb-sale-banner b { background: var(--tb-gold); color: #1A1A1A; font-weight: 700; } .tb-bundle__tag, .tb-bundle.is-selected .tb-bundle__tag { background: var(--tb-gold-x); color: #1A1A1A; font-weight: 700; box-shadow: 0 2px 6px -2px rgba(160,120,20,.45); } .tb-bar__timer b { background: var(--tb-gold); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; font-size: 14px; } .tb-stars, .tb-bb__rating .tb-stars { color: #E5B23B; } .tb-stats dt { background: var(--tb-gold); -webkit-background-clip: text; background-clip: text; color: transparent; } .tb-compare__table thead .is-hl { color: var(--tb-head); } .tb-compare__table thead .is-hl::after { content: ""; display: block; width: 44px; height: 4px; border-radius: 4px; background: var(--tb-gold-x); margin: 8px auto 0; } /* Obrobe in sence: tanjše, toplejše */ body.tabor .tb-bundle { border-color: var(--tb-line); } body.tabor .tb-hl { background: #F1F8F2; border-color: #DCEEDF; } /* popravki brand refresh */ body.tabor .tb-display:not(.tb-display--dark) { color: #fff; } body.tabor .tb-cta .tb-h2, body.tabor .tb-story .tb-h2, body.tabor [class*="--dark-bg"] .tb-h2 { color: #fff; } body.tabor #site-header, body.tabor .site-header__desktop, body.tabor .site-header__mobile { background-color: #fff; } .tb-compare__table thead th, .tb-compare__table thead .is-hl { font-weight: 600; } .tb-compare__table tbody th { font-weight: 600; color: var(--tb-head); } .tb-bundle__main strong, .tb-bundle__name { font-weight: 600; } .tb-sell__title { font-weight: 600; color: var(--tb-head); } .tb-trusted strong { font-weight: 600; } /* veliki naslovi Poppins 500 — 600 pri 30px+ deluje pretežko (Root Labs ima sekcijske H2 celo 400) */ body.tabor .tb-display, body.tabor .tb-display--sm { font-weight: 500; letter-spacing: -.03em; } body.tabor .tb-h2 { font-weight: 500; letter-spacing: -.025em; } body.tabor .tb-bb__title, body.tabor.single-product div.product h1.product_title.tb-bb__title { font-weight: 500 !important; } body.tabor .site-footer h3, body.tabor .tb-footer h3 { color: rgba(255,255,255,.55); } body.tabor #site-header .header-sticky, body.tabor #site-header .site-header__section, body.tabor #site-header > div { background-color: #fff; } /* header pod lepljivo vrstico — višina vrstice iz JS (--tb-bar-h) */ body.tabor #site-header { top: var(--tb-bar-h, 52px); } .tb-header-hidden body.tabor #site-header { transform: translateY(calc(-100% - var(--tb-bar-h, 52px))); } /* 29. Obvestilna vrstica: "shiny" odsev kot ForChics (vsakih 6 s) */ .tb-bar { overflow: hidden; } .tb-bar::after { content: ""; position: absolute; top: 0; left: -100%; z-index: 1; width: 50%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.45), rgba(255,255,255,0)); transform: skew(-20deg); animation: tb-shine 6s ease-in-out infinite; pointer-events: none; } .tb-bar__inner { position: relative; z-index: 2; } @keyframes tb-shine { 0% { left: -100%; } 30%, 100% { left: 150%; } } @media (prefers-reduced-motion: reduce) { .tb-bar::after { animation: none; opacity: 0; } } /* 30. Mobilna galerija: gladko drsenje (swiper upravlja vodoravno, brskalnik navpično + pinch) */ .single-product .woocommerce-product-gallery__slider .swiper-wrapper { will-change: transform; } .single-product .woocommerce-product-gallery__slider img { -webkit-user-drag: none; user-select: none; -webkit-touch-callout: none; } .single-product .woocommerce-product-gallery__slider .woocommerce-product-gallery__image > a { pointer-events: none; cursor: default; } /* 31. Pasica čez kot kartice (ForChics), rdeč preliv + bel napis, neskončno drsi */ body.tabor ul.products li.product .product-inner { position: relative; overflow: hidden; } .tb-ribbon { position: absolute; top: -18px; left: 58%; z-index: 3; width: 70%; padding: 5px 0; overflow: hidden; background: linear-gradient(98.94deg, #B5000E 0%, #FF3434 50%, #B5000E 100%); transform-origin: 0 0; transform: rotate(30deg); pointer-events: none; box-shadow: 0 2px 6px -2px rgba(120,0,0,.35); } .tb-ribbon__track { display: flex; align-items: center; width: max-content; animation: tb-ribbon-slide 30s linear infinite; will-change: transform; } .tb-ribbon__text, .tb-ribbon__dot { display: block; color: #fff; font-family: var(--tb-sans); font-size: 11.5px; font-weight: 700; line-height: 1.2; letter-spacing: .03em; white-space: nowrap; text-transform: uppercase; } .tb-ribbon__dot { margin: 0 6px; } @keyframes tb-ribbon-slide { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (max-width: 767px) { .tb-ribbon { top: -14px; left: 52%; width: 80%; padding: 4px 0; } .tb-ribbon__text, .tb-ribbon__dot { font-size: 9.5px; } .tb-ribbon__dot { margin: 0 4px; } } @media (prefers-reduced-motion: reduce) { .tb-ribbon__track { animation: none; } } /* 32. Shiny odsev na vseh gumbih (vsakih 6 s, kot obvestilna vrstica) */ body.tabor .tb-btn:not(.tb-btn--outline):not(.tb-btn--ghost-light), body.tabor .tb-card-cta, body.tabor .tb-bb__atc, body.tabor .tb-cart__checkout, body.tabor .tb-newsletter button[type=submit], body.tabor form button[type=submit], body.tabor #place_order, body.tabor .woocommerce .button.alt, body.tabor .checkout-button { position: relative; overflow: hidden; isolation: isolate; } body.tabor .tb-btn:not(.tb-btn--outline):not(.tb-btn--ghost-light)::after, body.tabor .tb-card-cta::after, body.tabor .tb-bb__atc::after, body.tabor .tb-cart__checkout::after, body.tabor form button[type=submit]::after, body.tabor #place_order::after, body.tabor .woocommerce .button.alt::after, body.tabor .checkout-button::after { content: ""; display: block; position: absolute; top: 0; left: -100%; z-index: 1; width: 50%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; opacity: 1; mask: none; -webkit-mask: none; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.45), rgba(255,255,255,0)); transform: skew(-20deg); animation: tb-shine 6s ease-in-out infinite; pointer-events: none; } body.tabor .tb-card-cta::after { animation-delay: 1.5s; } body.tabor .loading::after { display: none !important; } @media (prefers-reduced-motion: reduce) { body.tabor .tb-card-cta::after, body.tabor .tb-bb__atc::after, body.tabor .tb-btn::after, body.tabor .tb-cart__checkout::after, body.tabor form button[type=submit]::after { animation: none; opacity: 0; } } body.tabor .tb-card-cta { white-space: nowrap; } @media (max-width: 767px) { body.tabor .tb-card-cta { font-size: 11px; letter-spacing: .03em; gap: 4px; padding: 8px 6px; } body.tabor .tb-card-cta .tb-icon { width: 13px; height: 13px; } } @media (max-width: 359px) { body.tabor .tb-card-cta .tb-icon { display: none; } } .tb-ribbon { top: -22px; left: 50%; width: 82%; padding: 6px 0; } .tb-ribbon__text, .tb-ribbon__dot { font-size: 12.5px; } @media (max-width: 767px) { .tb-ribbon { top: -16px; left: 46%; width: 90%; padding: 4px 0; } .tb-ribbon__text, .tb-ribbon__dot { font-size: 10px; } } /* 33. Blok "Priporočajo doktorji": en blok z ozadjem, fotografija + besedilo */ .tb-expert { display: flex; align-items: center; gap: 16px; margin: 4px 0 0; padding: 16px 18px; background: #F2F6F2; border: 1px solid #DDE8DE; border-radius: var(--tb-radius); } .tb-expert__photo { position: relative; flex: none; width: 72px; height: 72px; } .tb-expert__photo img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; display: block; border: 3px solid #fff; box-shadow: 0 4px 12px -6px rgba(0,0,0,.35); } .tb-expert__photo i { position: absolute; right: -2px; bottom: 2px; width: 22px; height: 22px; border-radius: 50%; background: var(--tb-buy); color: #fff; display: grid; place-items: center; border: 2px solid #fff; } .tb-expert__photo i .tb-icon { stroke-width: 3; } .tb-expert__body { min-width: 0; } .tb-expert__eyebrow { display: flex; align-items: center; gap: 4px; margin: 0 0 4px; font-family: Georgia, "Times New Roman", serif; font-size: 14px; line-height: 1.2; color: var(--tb-second); } .tb-expert__eyebrow svg { width: 13px; height: 13px; flex: none; } .tb-expert__eyebrow span { margin: 0 2px; } .tb-expert .tb-expert__title { display: block; margin: 0 0 4px; font-family: var(--tb-serif); font-weight: 600; font-size: 17px; line-height: 1.3; letter-spacing: -.01em; color: var(--tb-head); } .tb-expert .tb-expert__text { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--tb-text); } @media (max-width: 767px) { .tb-expert { gap: 12px; padding: 14px; align-items: flex-start; } .tb-expert__photo, .tb-expert__photo img { width: 60px; height: 60px; } .tb-expert .tb-expert__title { font-size: 15.5px; } .tb-expert .tb-expert__text { font-size: 13.5px; } } /* 34. Obvestilna vrstica se skrije skupaj s headerjem (dol = skrij, gor = pokaži) */ .tb-bar { transition: transform .3s ease; will-change: transform; z-index: 61; } .tb-header-hidden .tb-bar { transform: translateY(-100%); } @media (prefers-reduced-motion: reduce) { .tb-bar { transition: none; } } /* PDP: razmik naslov → cena prepolovljen (25 → 12 px) */ body.tabor.single-product div.product h1.product_title.tb-bb__title { margin-bottom: -2px !important; } /* 35. PDP pod harmonikami: statistika + drsnik mnenj (dizajn ForChics) */ .tb-sp { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; } .tb-sp-stats { padding: 16px; border: 2px solid #EAD5CD; border-radius: 14px; background: linear-gradient(180deg, #FFFFFF 0%, #FCF4F4 100%); box-shadow: 0 4px 4px 0 rgba(0,0,0,.25); } .tb-sp-stats__heading { margin: 0 0 4px; text-align: center; font-family: var(--tb-serif); font-size: 24px; font-weight: 600; line-height: 1.2; color: #1A1A1A; letter-spacing: -.01em; } .tb-sp-stats__heading em { display: block; font-style: italic; color: #942329; } .tb-sp-stat { display: flex; align-items: center; gap: 7px; padding: 16px 0; border-bottom: 1px solid #F1F1F1; } .tb-sp-stat:last-child { border-bottom: 0; padding-bottom: 6px; } .tb-sp-stat__icon { flex: none; width: 44px; height: 44px; margin: -2px 6px -2px -2px; border-radius: 10px; display: grid; place-items: center; box-shadow: 0 2px 4px rgba(0,0,0,.08); } .tb-sp-stat__icon svg { width: 26px; height: 26px; } .tb-sp-stat__icon--gold { background: linear-gradient(160deg, #FFF6D6, #FDE7A6); color: #E08A1E; } .tb-sp-stat__icon--green { background: linear-gradient(160deg, #EAF6EA, #CFE9D0); color: #2E5B32; } .tb-sp-stat__icon--violet { background: linear-gradient(160deg, #F0ECFB, #DCD3F5); color: #24215E; } .tb-sp-stat__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; } .tb-sp-stat__title { font-size: 16px; font-weight: 700; line-height: 1.2; color: #1A1A1A; } .tb-sp-stat__sub { font-size: 14px; line-height: 1.2; color: #5D5D5D; } .tb-sp-stat__value { flex: none; margin-left: 8px; font-size: 20px; font-weight: 700; line-height: 1.2; color: #942329; } .tb-sp-social { position: relative; } .tb-sp-social__track { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 calc((100% - 83%) / 2); padding: 0 calc((100% - 83%) / 2); scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } .tb-sp-social__track::-webkit-scrollbar { display: none; } .tb-sp-social__card { flex: 0 0 83%; scroll-snap-align: center; display: flex; gap: 16px; padding: 16px; background: #F7F7F7; border-radius: 16px; } .tb-sp-social__avatar { --s: 66px; flex: none; font-size: 22px !important; } .tb-sp-social__body { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; } .tb-sp-social__quote { margin: 0 0 8px; font-size: 16px; line-height: 1.2; color: #1A1A1A; } .tb-sp-social__attr { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 15px; line-height: 1.2; color: #1A1A1A; } .tb-sp-social__attr svg { flex: none; color: #1A1A1A; } .tb-sp-social__verified { font-weight: 700; } .tb-sp-social__dots { display: flex; justify-content: center; gap: 8px; margin-top: 14px; } .tb-sp-social__dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: #D9D9D9; cursor: pointer; transition: background .2s; min-height: 0; } .tb-sp-social__dots button.is-active { background: #942329; } @media (max-width: 767px) { .tb-sp-stats__heading { font-size: 21px; } .tb-sp-stat__sub { font-size: 13px; } .tb-sp-stat__value { font-size: 18px; } .tb-sp-social__card { flex-basis: 86%; gap: 12px; padding: 14px; } .tb-sp-social__avatar { --s: 54px; } .tb-sp-social__quote { font-size: 15px; } } body.tabor .tb-sp-social__quote { line-height: 1.2; } body.tabor .tb-sp-stats__heading { line-height: 1.2; } /* PDP naslov: ena stopnja bolj krepko (500 → 600) */ body.tabor .tb-bb__title, body.tabor.single-product div.product h1.product_title.tb-bb__title { font-weight: 600 !important; } .tb-sp-social__photo { width: 66px; height: 66px; border-radius: 50%; object-fit: cover; display: block; } @media (max-width: 767px) { .tb-sp-social__photo { width: 54px; height: 54px; } } /* fotografije kupcev v prekrivajočih se krogcih */ img.tb-avatar--photo { width: var(--s); height: var(--s); border-radius: 50%; object-fit: cover; display: block; flex: none; background: #ddd; } .tb-bb__avatars img.tb-avatar--photo { border: 2px solid #fff; margin-left: -8px; } .tb-bb__avatars img.tb-avatar--photo:first-child { margin-left: 0; } .tb-trusted__faces img.tb-avatar--photo { border: 3px solid #fff; margin-left: -16px; } .tb-trusted__faces img.tb-avatar--photo:first-child { margin-left: 0; } @media (max-width: 767px) { .tb-trusted__faces img.tb-avatar--photo { width: 46px; height: 46px; margin-left: -12px; } .tb-trusted__faces img.tb-avatar--photo:first-child { margin-left: 0; } } /* 36. Statistika + mnenja: 1:1 po izvozu ForChics kode (product-form-28__stats / __social) */ .tb-sp { --sp-accent: #942329; --sp-display: var(--tb-serif); gap: 16px; } .tb-sp-stats { padding: 16px; border: 2px solid #EAD5CD; border-radius: 14px; background: linear-gradient(180deg, #FFFFFF 0%, #FCF4F4 100%); box-shadow: 0 4px 4px 0 rgba(0,0,0,.25); } body.tabor .tb-sp-stats__heading { margin: 0; font-family: var(--sp-display); font-weight: 600; font-size: 24px; line-height: 1.2; letter-spacing: 0; text-align: center; text-wrap: balance; color: #1A1A1A; } body.tabor .tb-sp-stats__heading em { font-style: italic; color: var(--sp-accent); display: block; } .tb-sp-stat { display: flex; flex-direction: row; align-items: center; gap: 7px; border-bottom: 1px solid #F1F1F1; padding: 16px 0; } .tb-sp-stat:last-child { border-bottom: 0; padding-bottom: 16px; } .tb-sp-stat__icon { flex: 0 0 40px; width: 40px; height: 40px; margin: 0 4px 0 0; border-radius: 9px; box-shadow: 0 1px 3px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.7); transform: scale(1.1); } .tb-sp-stat__icon svg { width: 24px; height: 24px; } .tb-sp-stat__body { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-width: 0; } .tb-sp-stat__title { display: block; margin: 0; font-weight: 700; font-size: 16px; line-height: 1.2; color: #1A1A1A; } .tb-sp-stat__sub { display: block; margin: 0; font-weight: 400; font-size: 14px; line-height: 1.2; color: #5D5D5D; } .tb-sp-stat__value { flex: 0 0 auto; margin: 0; font-weight: 700; font-size: 20px; line-height: 1.2; letter-spacing: .37px; color: var(--sp-accent); white-space: nowrap; font-variant-numeric: tabular-nums; } .tb-sp-social__track { gap: 16px; padding: 0 calc((100% - 83%) / 2); scroll-padding: 0 calc((100% - 83%) / 2); } .tb-sp-social__card { flex: 0 0 83%; flex-direction: row; align-items: flex-start; gap: 16px; padding: 16px; border-radius: 16px; background: #F7F7F7; } .tb-sp-social__avatar, .tb-sp-social__photo { --s: 66px; flex: 0 0 66px; width: 66px; height: 66px; border-radius: 50%; object-fit: cover; } .tb-sp-social__body { min-width: 0; display: flex; flex-direction: column; align-self: stretch; } body.tabor .tb-sp-social__quote { margin: 0 0 8px; font-weight: 400; font-size: 16px; line-height: 1.2; letter-spacing: 0; color: #1A1A1A; min-height: 120px; } body.tabor .tb-sp-social__attr { display: flex; flex-direction: row; align-items: center; gap: 6px; margin: auto 0 0; font-weight: 400; font-size: 15px; line-height: 1.2; color: #1A1A1A; flex-wrap: nowrap; } .tb-sp-social__attr svg { flex: 0 0 15px; width: 15px; height: 15px; } .tb-sp-social__verified { font-weight: 700; white-space: nowrap; } .tb-sp-social__dots { gap: 6px; margin-top: 16px; } .tb-sp-social__dots button { width: 12px; height: 12px; background: #D9D9D9; } .tb-sp-social__dots button.is-active { background: var(--sp-accent); } @media (max-width: 989px) { body.tabor .tb-sp-stats__heading { font-size: 18px; } .tb-sp-stat { gap: 8px; padding: 18px 0; } .tb-sp-stat__icon { flex: 0 0 32px; width: 32px; height: 32px; align-self: flex-start; border-radius: 8px; } .tb-sp-stat__icon svg { width: 20px; height: 20px; } .tb-sp-stat__title { font-size: 16px; } .tb-sp-stat__sub { font-size: 14px; } .tb-sp-stat__value { font-size: 16px; } .tb-sp-social__track { gap: 8px; padding: 0 6.25%; scroll-padding: 0 6.25%; } .tb-sp-social__card { flex-basis: 87.5%; padding: 16px; gap: 16px; } .tb-sp-social__avatar, .tb-sp-social__photo { --s: 66px; flex-basis: 66px; width: 66px; height: 66px; } body.tabor .tb-sp-social__quote { min-height: 0; font-size: 16px; } body.tabor .tb-sp-social__attr { font-size: 14px; margin-top: 4px; } .tb-sp-social__attr svg { flex-basis: 16px; width: 16px; height: 16px; } .tb-sp-social__dots button { width: 10px; height: 10px; } } .tb-sp-social__attr span { white-space: nowrap; } /* 37. Prednosti pod gumbom: 4 ploščice 2×2, ikona v krogcu + besedilo (clean) */ .tb-usp.tb-usp--v2 { list-style: none; margin: 2px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; text-align: left; } .tb-usp--v2 li { display: flex; flex-direction: row; align-items: center; gap: 10px; min-height: 56px; padding: 10px 12px; border-radius: var(--tb-radius); background: #F6F8F5; border: 1px solid #E7ECE6; font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--tb-head); } .tb-usp--v2 .tb-usp__icon { flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--tb-second); box-shadow: 0 1px 2px rgba(22,38,29,.08), inset 0 0 0 1px #E2E9E1; } .tb-usp--v2 .tb-usp__icon svg { width: 20px; height: 20px; color: var(--tb-second); stroke-width: 1.7; } .tb-usp--v2 .tb-usp__text { min-width: 0; } @media (max-width: 767px) { .tb-usp.tb-usp--v2 { gap: 6px; } .tb-usp--v2 li { gap: 8px; min-height: 52px; padding: 8px 10px; font-size: 12.5px; } .tb-usp--v2 .tb-usp__icon { width: 30px; height: 30px; } .tb-usp--v2 .tb-usp__icon svg { width: 17px; height: 17px; } } /* shine: Glozinov ::after ima oranžno ozadje — počisti */ body.tabor .tb-btn::after, body.tabor .tb-card-cta::after, body.tabor .tb-bb__atc::after, body.tabor .tb-cart__checkout::after, body.tabor form button[type=submit]::after, body.tabor #place_order::after, body.tabor .woocommerce .button.alt::after, body.tabor .checkout-button::after { background-color: transparent !important; } body.tabor.single-product div.product h1.product_title.tb-bb__title { margin-bottom: -7px !important; } /* razmik naslov → cena 7 px */ /* 38. Zavihki (harmonike) na PDP — vsebina iz urejevalnika */ .tb-tab-content { font-size: 15px; line-height: 1.65; color: var(--tb-text); } .tb-tab-content > *:first-child { margin-top: 0; } .tb-tab-content > *:last-child { margin-bottom: 0; } .tb-tab-content p { margin: 0 0 10px; } .tb-tab-content ul, .tb-tab-content ol { margin: 0 0 12px; padding-left: 20px; } .tb-tab-content li { margin-bottom: 4px; } .tb-tab-content strong { color: var(--tb-head); font-weight: 600; } .tb-tab-content img { max-width: 100%; height: auto; border-radius: var(--tb-radius-sm); } .tb-tab-content table { width: 100%; border-collapse: collapse; font-size: 14px; } .tb-tab-content td, .tb-tab-content th { padding: 8px 10px; border-bottom: 1px solid var(--tb-line); text-align: left; } body.tabor .gz-product-tabs .woocommerce-tabs-title { font-family: var(--tb-serif); font-weight: 500; font-size: 16px; color: var(--tb-head); } /* 39. Kategorija: sredinska glava + akcijska značka z odštevalnikom */ .tb-shop-hero { padding: clamp(36px, 5vw, 64px) 0 clamp(24px, 3vw, 36px); } .tb-shop-hero__inner { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 720px; margin: 0 auto; } .tb-shop-hero .tb-display { margin: 18px 0 12px; } .tb-shop-hero .tb-lead { margin: 0 auto; max-width: 36em; } .tb-salepill { position: relative; overflow: hidden; isolation: isolate; display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 4px 14px; padding: 7px 8px 7px 16px; border-radius: 999px; background: linear-gradient(98deg, #B5000E 0%, #E2141F 45%, #FF3434 100%); color: #fff; box-shadow: 0 8px 22px -10px rgba(181,0,14,.6); } .tb-salepill::after { content: ""; position: absolute; top: 0; left: -100%; z-index: -1; width: 50%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.35), rgba(255,255,255,0)); transform: skew(-20deg); animation: tb-shine 6s ease-in-out infinite; pointer-events: none; } .tb-salepill__main { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; line-height: 1; } .tb-salepill__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #fff; flex: none; } .tb-salepill__dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid rgba(255,255,255,.7); animation: tb-ping 1.6s ease-out infinite; } @keyframes tb-ping { 0% { transform: scale(.6); opacity: 1; } 100% { transform: scale(1.8); opacity: 0; } } .tb-salepill__pct { display: inline-block; padding: 5px 9px; border-radius: 999px; background: linear-gradient(180deg, #F5E35E, #DDAF3A); color: #1A1A1A; font-size: 14px; font-weight: 800; letter-spacing: .01em; text-transform: none; } .tb-salepill__txt { font-weight: 600; } .tb-salepill__time { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: rgba(0,0,0,.18); font-size: 13px; font-weight: 600; letter-spacing: .01em; line-height: 1; white-space: nowrap; } .tb-salepill__time [data-tb-clock] { font-variant-numeric: tabular-nums; font-weight: 700; min-width: 62px; text-align: left; } @media (max-width: 600px) { .tb-salepill { flex-direction: column; gap: 8px; padding: 10px 14px 8px; border-radius: 18px; } .tb-salepill__main { font-size: 12px; gap: 7px; } .tb-salepill__pct { font-size: 13px; } } @media (prefers-reduced-motion: reduce) { .tb-salepill::after, .tb-salepill__dot::after { animation: none; } } /* trgovina: brez vrstice s številom/razvrščanjem */ .tb-shop .tb-shop__bar, .tb-shop .tb-shop__count { display: none; } .tb-salepill__dot { margin-left: 4px; } /* 40. Mobilna mreža izdelkov: večje slike (ožji robovi in razmiki) */ @media (max-width: 767px) { body.tabor .tb-products, body.tabor .tb-section .tb-wrap:has(> .tb-products), body.tabor .tb-wrap:has(ul.products) { padding-left: 10px; padding-right: 10px; } body.tabor ul.products { margin-left: -4px !important; margin-right: -4px !important; } body.tabor ul.products li.product { padding-left: 4px !important; padding-right: 4px !important; margin-bottom: 10px !important; } body.tabor ul.products li.product .product-inner { padding: 4px 4px 8px; } body.tabor ul.products li.product .product-summary { margin-top: 10px; padding: 0 2px; } body.tabor ul.products li.product .tb-card-cta { margin-top: 8px; } } @media (max-width: 767px) { body.tabor .tb-products { padding-left: 0; padding-right: 0; } } /* gumbi na karticah poravnani na dno (tudi ko je naslov v 2 vrsticah) */ body.tabor ul.products li.product .product-summary { flex: 1 1 auto; display: flex; flex-direction: column; } body.tabor ul.products li.product .tb-card-cta { margin-top: auto !important; } body.tabor ul.products li.product .product-summary > .price, body.tabor ul.products li.product .product-summary .price { margin-bottom: 12px; } /* PDP: harmonike takoj pod 4 ikonami, nato strokovnjaki / razprodaja / zaupanje */ body.tabor.single-product .gz-product-tabs { margin-top: 20px; margin-bottom: 0 !important; } .tb-bb.tb-bb--after { margin-top: 24px; } /* 41. Primerjalna tabela v2: čista bela kartica, poudarjen stolpec, hover vrstice in stolpca */ .tb-compare--v2 { background: var(--tb-sand); padding: clamp(20px, 3.5vw, 48px) clamp(12px, 3.5vw, 48px); } .tb-compare--v2 .tb-compare__scroll { background: #fff; border: 1px solid #E8E9E4; border-radius: 16px; box-shadow: 0 1px 2px rgba(22,38,29,.04), 0 12px 32px -18px rgba(22,38,29,.18); padding: 26px 8px 8px; } .tb-compare--v2 .tb-compare__table { min-width: 680px; color: var(--tb-text); } .tb-compare--v2 .tb-compare__table th, .tb-compare--v2 .tb-compare__table td { padding: 15px 18px; border-bottom: 1px solid #EEF0EC; font-size: 14.5px; line-height: 1.45; vertical-align: middle; background: transparent; transition: background-color .15s ease, color .15s ease; } .tb-compare--v2 .tb-compare__table tbody tr:last-child th, .tb-compare--v2 .tb-compare__table tbody tr:last-child td { border-bottom: 0; } /* glava */ .tb-compare--v2 .tb-compare__table thead th { padding-top: 6px; padding-bottom: 16px; border-bottom: 1px solid #E3E6E0; font-family: var(--tb-serif); font-size: 15px; font-weight: 600; letter-spacing: -.005em; color: var(--tb-muted); vertical-align: bottom; } .tb-compare--v2 .tb-compare__table thead th:first-child { font-family: var(--tb-sans); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #9AA19B; } .tb-compare--v2 .tb-compare__table thead .is-hl::after { display: none; } .tb-compare--v2 .tb-compare__name { display: block; } .tb-compare--v2 .tb-compare__table thead th.is-hl { color: var(--tb-head); font-size: 20px; font-weight: 600; text-align: center; } .tb-compare--v2 .tb-compare__badge { display: inline-block; margin-bottom: 8px; padding: 4px 10px; border-radius: 999px; background: linear-gradient(180deg, #F5E35E, #DDAF3A); color: #1A1A1A; font-family: var(--tb-sans); font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } /* vrstice */ .tb-compare--v2 .tb-compare__table tbody th { font-family: var(--tb-sans); font-size: 14px; font-weight: 600; color: var(--tb-head); width: 24%; } .tb-compare--v2 .tb-compare__cell { display: flex; align-items: flex-start; gap: 10px; } .tb-compare--v2 .tb-compare__ico { flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; display: grid; place-items: center; background: #F0F1EE; color: #A3A9A4; } .tb-compare--v2 td:not(.is-hl) { color: #6B726D; } /* poudarjen stolpec */ .tb-compare--v2 .tb-compare__table .is-hl { position: relative; background: #F3F8F2; border-bottom-color: #E1EDDF; color: var(--tb-head); font-weight: 500; box-shadow: inset 2px 0 0 #3C503C, inset -2px 0 0 #3C503C; } .tb-compare--v2 .tb-compare__table thead th.is-hl { border-radius: 14px 14px 0 0; box-shadow: inset 2px 0 0 #3C503C, inset -2px 0 0 #3C503C, inset 0 2px 0 #3C503C; padding-top: 16px; } .tb-compare--v2 .tb-compare__table tbody tr:last-child td.is-hl { border-radius: 0 0 14px 14px; box-shadow: inset 2px 0 0 #3C503C, inset -2px 0 0 #3C503C, inset 0 -2px 0 #3C503C; padding-bottom: 18px; } .tb-compare--v2 td.is-hl .tb-compare__ico { background: var(--tb-buy); color: #fff; } .tb-compare--v2 td.is-hl .tb-compare__ico .tb-icon { stroke-width: 3.2; } /* hover: vrstica + stolpec */ @media (hover: hover) { .tb-compare--v2 .tb-compare__table tbody tr:hover th, .tb-compare--v2 .tb-compare__table tbody tr:hover td:not(.is-hl) { background: #F8F9F7; color: var(--tb-head); } .tb-compare--v2 .tb-compare__table tbody tr:hover td.is-hl { background: #E8F2E6; } .tb-compare--v2 .tb-compare__table .is-col-hover:not(.is-hl) { background: #F8F9F7; color: var(--tb-head); } .tb-compare--v2 .tb-compare__table .is-col-hover.is-hl { background: #E8F2E6; } .tb-compare--v2 .tb-compare__table thead .is-col-hover:not(.is-hl) { color: var(--tb-head); } .tb-compare--v2 .tb-compare__table tbody tr:hover td:not(.is-hl) .tb-compare__ico, .tb-compare--v2 .is-col-hover:not(.is-hl) .tb-compare__ico { background: #E7E9E5; color: #7E857F; } } @media (max-width: 767px) { .tb-compare--v2 { padding: 20px 10px; margin-left: 0; margin-right: 0; border-radius: var(--tb-radius); } .tb-compare--v2 .tb-compare__scroll { padding: 18px 0 4px; border-radius: 14px; } .tb-compare--v2 .tb-compare__table { min-width: 600px; } .tb-compare--v2 .tb-compare__table th, .tb-compare--v2 .tb-compare__table td { padding: 12px 12px; font-size: 13px; } .tb-compare--v2 .tb-compare__table tbody th, .tb-compare--v2 .tb-compare__table thead th:first-child { position: sticky; left: 0; z-index: 2; background: #fff; padding-left: 14px; box-shadow: 6px 0 10px -8px rgba(0,0,0,.15); } .tb-compare--v2 .tb-compare__table thead th.is-hl { font-size: 17px; } .tb-compare--v2 .tb-compare__ico { width: 18px; height: 18px; } } @media (max-width: 767px) { .tb-compare--v2::after { content: "← Povlecite za celotno primerjavo →"; display: block; margin-top: 10px; text-align: center; font-size: 12px; font-weight: 500; color: #8A918B; } } /* Košarica: vrstice nad "Skupno" (dostava, zavarovanje) */ .tb-cart__line { display: flex; justify-content: space-between; align-items: baseline; font-size: 14px; color: var(--tb-muted); margin-bottom: 4px; } .tb-cart__line[hidden] { display: none; } .tb-cart__line span:last-child { color: var(--tb-head); font-weight: 500; } /* 42. O nas: samo naslov + besedilo, berljiv stolpec */ .tb-about__wrap { max-width: 760px; margin: 0 auto; padding: clamp(40px, 6vw, 88px) var(--tb-gutter) clamp(56px, 7vw, 104px); } .tb-about__head { text-align: center; margin-bottom: clamp(28px, 4vw, 44px); padding-bottom: clamp(24px, 3vw, 36px); border-bottom: 1px solid var(--tb-line); } .tb-about__head .tb-display { margin: 0; } .tb-about__body { font-size: 17px; line-height: 1.8; color: var(--tb-text); } .tb-about__body > *:first-child { margin-top: 0; } .tb-about__body p:first-child { font-size: 19px; line-height: 1.7; color: var(--tb-head); } .tb-about__body h2 { font-family: var(--tb-serif); font-weight: 600; font-size: clamp(22px, 2.2vw, 26px); letter-spacing: -.015em; color: var(--tb-head); margin: 1.8em 0 .6em; } .tb-about__body h3 { font-family: var(--tb-serif); font-weight: 600; font-size: 19px; color: var(--tb-head); margin: 1.6em 0 .5em; } .tb-about__body ul, .tb-about__body ol { padding-left: 1.3em; margin: 0 0 1.2em; } .tb-about__body li { margin-bottom: .4em; } .tb-about__body strong { color: var(--tb-head); font-weight: 600; } .tb-about__body blockquote { margin: 1.6em 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--tb-second); font-size: 19px; color: var(--tb-head); } @media (max-width: 767px) { .tb-about__body { font-size: 16px; } .tb-about__body p:first-child { font-size: 17px; } } .tb-about__meta { margin: 12px 0 0; font-size: 13px; color: var(--tb-muted); } /* pravni teksti: prvi odstavek ni poudarjen, naslovi manjši */ .tb-legal-page .tb-about__body p:first-child { font-size: 17px; color: var(--tb-text); } .tb-legal-page .tb-about__body h2 { font-size: clamp(19px, 1.8vw, 22px); margin-top: 1.6em; } .tb-legal-page .tb-about__body { font-size: 16px; line-height: 1.75; } @media (max-width: 767px) { .tb-legal-page .tb-about__body p:first-child { font-size: 16px; } } /* 43. Manj zelene: footer in vrstica z odštevalnikom v košarici v #1A1A1A */ body.tabor .tb-footer { background: #1A1A1A; } body.tabor .tb-cart__timer { background: #1A1A1A; color: #fff; } body.tabor .tb-cart__timer strong, body.tabor .tb-cart__timer .tb-icon { color: #fff; } /* PDP kratek opis: skoraj črno besedilo za boljšo berljivost */ body.tabor .tb-bb__short, body.tabor .tb-bb__short p, body.tabor .tb-bb__short li { color: #1A1A1A; } body.tabor .tb-bb__short ul { list-style: none !important; padding-left: 0 !important; } body.tabor .tb-bb__short li { list-style: none !important; } /* PDP kratek opis: ista barva/debelina za stavek in alineje, ikona poravnana na sredino vrstice */ body.tabor .tb-bb__short, body.tabor .tb-bb__short p, body.tabor .tb-bb__short li, body.tabor .tb-bb__short > p:first-child { color: #1A1A1A !important; font-weight: 400 !important; font-size: 16px; } body.tabor .tb-bb__short li { position: static; display: flex; align-items: center; gap: 9px; padding-left: 0; line-height: 1.45; } body.tabor .tb-bb__short li::before { position: static; flex: none; width: 18px; height: 18px; top: auto; left: auto; } @media (max-width: 767px) { body.tabor .tb-bb__short, body.tabor .tb-bb__short p, body.tabor .tb-bb__short li, body.tabor .tb-bb__short > p:first-child { font-size: 15px; } } body.tabor .tb-bb__short ul { gap: 7px; margin-top: 8px; } body.tabor .tb-bb__short p { margin-bottom: 0; } /* ========================================================================= 44. BLAGAJNA — Shopify slog (brez headerja/footerja, 2 stolpca) ========================================================================= */ body.tb-co-page { --co-ink: #1A1A1A; --co-muted: rgba(26,26,26,.56); --co-line: #E2E2E2; --co-aside: #F5F5F5; --co-r: 12px; background: #fff; color: var(--co-ink); font-family: var(--tb-sans); font-size: 14px; line-height: 1.45; } body.tb-co-page #gotop, body.tb-co-page .gz-back-to-top, body.tb-co-page .glozin-mobile-navigation-bar, body.tb-co-page .sticky-add-to-cart, body.tb-co-page .tb-bar { display: none !important; } body.tb-co-page p, body.tb-co-page li { line-height: 1.45; } body.tb-co-page h1, body.tb-co-page h2, body.tb-co-page h3 { color: var(--co-ink); } /* glava */ .tb-co-head { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 16px 14px; border-bottom: 1px solid var(--co-line); background: #fff; } .tb-co-head__logo img { display: block; height: 30px; width: auto; } .tb-co-head__pill { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 4px 14px 4px 5px; border-radius: 6px; background: #1A1A1A; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.2; } .tb-co-head__faces { display: inline-flex; } .tb-co-head__faces img { width: 22px !important; height: 22px !important; border-radius: 50%; border: 1.5px solid #fff; margin-left: -7px; object-fit: cover; } .tb-co-head__faces img:first-child { margin-left: 0; } .tb-co-head__trust { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; font-size: 11px; color: var(--co-ink); } .tb-co-head__trust li { display: inline-flex; align-items: center; gap: 4px; padding: 0 7px; line-height: 1.2; } .tb-co-head__trust li + li { border-left: 1px solid #BDBDBD; } /* mreža */ .tb-co-main { min-height: calc(100vh - 120px); } .tb-co__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: calc(100vh - 120px); } .tb-co__main { border-right: 1px solid var(--co-line); } .tb-co__main-in { max-width: 576px; margin-left: auto; padding: 38px 38px 32px; } .tb-co__aside { background: var(--co-aside); } .tb-co__aside-in { max-width: 520px; padding: 38px 38px 40px; position: sticky; top: 0; } .tb-co__toggle { display: none; } /* opozorilo (rezervacija) */ .tb-co-alert { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 24px; padding: 14px 16px; border: 1px solid #9BE7A6; border-radius: var(--co-r); background: #E3FBE6; color: #0F3D16; } .tb-co-alert svg { flex: none; margin-top: 1px; color: #138A2A; } .tb-co-alert p { margin: 0; font-size: 14px; font-weight: 600; } .tb-co-alert strong { font-variant-numeric: tabular-nums; } /* naslovi sekcij */ .tb-co-sec { margin: 0 0 30px; } body.tb-co-page .tb-co-h { margin: 0 0 14px; font-family: var(--tb-sans); font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.2; } body.tb-co-page .tb-co-h--sm { font-size: 16px; } .tb-co-sub { margin: -10px 0 14px; color: var(--co-muted); font-size: 14px; } /* polja s plavajočo oznako */ .tb-co .tb-field, .tb-co .form-row { margin: 0 0 12px !important; padding: 0 !important; width: 100% !important; float: none !important; } .tb-field__wrap { position: relative; display: block; } .tb-co .tb-field input.input-text, .tb-co .tb-field input[type=text] { width: 100%; height: 49px; margin: 0; padding: 20px 12px 6px; border: 1px solid var(--co-line); border-radius: var(--co-r); background: #fff; color: var(--co-ink); font-size: 14px; line-height: 1.2; box-shadow: none; transition: border-color .15s, box-shadow .15s; } .tb-co .tb-field input:placeholder-shown { padding-top: 13px; padding-bottom: 13px; } .tb-field__wrap label { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); margin: 0; color: #707070; font-size: 14px; font-weight: 400; line-height: 1; pointer-events: none; transition: top .15s, font-size .15s, transform .15s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 26px); } .tb-field__wrap input:not(:placeholder-shown) + label, .tb-field__wrap input:focus + label { top: 8px; transform: none; font-size: 12px; } .tb-field__wrap input:focus:placeholder-shown { padding-top: 20px; padding-bottom: 6px; } .tb-co .tb-field input:focus { outline: none; border-color: #1A1A1A; box-shadow: 0 0 0 1px #1A1A1A; } .tb-co .woocommerce-invalid input.input-text { border-color: #DD1D1D; box-shadow: 0 0 0 1px #DD1D1D; } .tb-co .woocommerce-invalid label { color: #DD1D1D; } .tb-co .form-row label .required, .tb-co .form-row .optional { display: none; } .tb-field--static .tb-field__wrap { height: 49px; padding: 7px 12px; border: 1px solid var(--co-line); border-radius: var(--co-r); background: #fff; } .tb-field__static-label { display: block; font-size: 12px; color: #707070; line-height: 1.2; } .tb-field__static-val { display: block; font-size: 14px; line-height: 1.4; } .tb-co-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; } .tb-co-row2--zip { grid-template-columns: 2fr 3fr; } /* način dostave */ .tb-co-ship__list { border: 1px solid var(--co-line); border-radius: var(--co-r); overflow: hidden; } .tb-co-ship__opt { display: flex; align-items: center; gap: 12px; margin: 0; padding: 14px 16px; cursor: pointer; background: #fff; } .tb-co-ship__opt + .tb-co-ship__opt { border-top: 1px solid var(--co-line); } .tb-co-ship__opt.is-selected, .tb-co-ship__opt:has(input:checked) { background: #F6F6F6; box-shadow: inset 0 0 0 1px #1A1A1A; border-radius: var(--co-r); } .tb-co-ship__opt input { width: 18px; height: 18px; margin: 0; accent-color: #1A1A1A; flex: none; } .tb-co-ship__name { flex: 1; font-size: 14px; } .tb-co-ship__name small { display: block; color: var(--co-muted); font-size: 13px; margin-top: 2px; } .tb-co-ship__opt strong { font-weight: 600; } .tb-co-ship__empty { margin: 0; padding: 18px; border-radius: var(--co-r); background: #F5F5F5; color: var(--co-muted); text-align: center; } /* plačilo */ .tb-co-pay { background: transparent !important; border-radius: 0 !important; } .tb-co-pay__list { list-style: none; margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; } .tb-co-pay__opt { margin: 0 !important; padding: 0 !important; border: 1px solid #1A1A1A; border-radius: var(--co-r); background: #fff; overflow: hidden; } .tb-co-pay__head { display: flex; align-items: center; gap: 12px; margin: 0; padding: 14px 16px; cursor: pointer; background: #F6F6F6; border-bottom: 1px solid var(--co-line); } .tb-co-pay__head input { position: absolute; opacity: 0; pointer-events: none; } .tb-co-pay__radio { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 6px solid #1A1A1A; background: #fff; } .tb-co-pay__title { flex: 1; font-size: 14px; font-weight: 600; } .tb-co-pay__icon { display: inline-flex; } .tb-co-pay__box { display: block !important; margin: 0 !important; padding: 16px !important; background: #F6F6F6 !important; color: var(--co-ink) !important; font-size: 14px; } .tb-co-pay__box::before { display: none !important; } .tb-co-pay__box p { margin: 0; } /* gumb */ .tb-co-place { margin: 0 !important; padding: 0 !important; } body.tb-co-page .tb-co-btn, body.tb-co-page #place_order { display: block; width: 100%; height: auto; min-height: 56px; margin: 0; padding: 16px 20px; border: 0; border-radius: var(--co-r); background: #00AD20 !important; color: #fff !important; font-family: var(--tb-sans); font-size: 17px; font-weight: 700; letter-spacing: .01em; text-transform: none; line-height: 1.2; box-shadow: 0 8px 20px -10px rgba(0,145,25,.6); cursor: pointer; transition: background-color .15s, transform .1s; } body.tb-co-page #place_order:hover { background: #009119 !important; } body.tb-co-page #place_order:active { transform: translateY(1px); } .tb-co-place__note { display: flex; gap: 6px; align-items: flex-start; margin: 12px 0 0; color: var(--co-muted); font-size: 12.5px; line-height: 1.45; } .tb-co-place__note .tb-icon { flex: none; margin-top: 2px; } .tb-co-place__note a, .tb-co-legal a { color: var(--co-ink); text-decoration: underline; text-underline-offset: 2px; } .tb-co-legal { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--co-line); font-size: 13px; } /* povzetek */ .tb-co-sum__items { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-direction: column; gap: 16px; } .tb-co-item { display: grid; grid-template-columns: 64px 1fr auto; gap: 14px; align-items: center; } .tb-co-item__img { position: relative; width: 64px; height: 64px; border: 1px solid #DADADA; border-radius: 10px; background: #fff; } .tb-co-item__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 9px; display: block; } .tb-co-item__img b { position: absolute; top: -9px; right: -9px; min-width: 21px; height: 21px; padding: 0 6px; border-radius: 11px; background: #1A1A1A; color: #fff; font-size: 12px; font-weight: 600; line-height: 21px; text-align: center; } .tb-co-item__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .tb-co-item__name { font-size: 14px; font-weight: 500; } .tb-co-item__meta { font-size: 12px; color: var(--co-muted); } .tb-co-item__tag { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--co-muted); text-transform: uppercase; letter-spacing: .02em; } .tb-co-item__price { display: flex; flex-direction: column; align-items: flex-end; font-size: 14px; white-space: nowrap; } .tb-co-item__price del { color: var(--co-muted); font-size: 12px; } .tb-co-coupon { margin: 0 0 20px; } .tb-co-coupon__row { display: flex; gap: 10px; } .tb-co-coupon__row .tb-field { flex: 1; margin: 0 !important; } .tb-co-coupon__btn { flex: none; padding: 0 18px; height: 49px; border: 1px solid var(--co-line); border-radius: var(--co-r); background: #EDEDED; color: #707070; font-size: 14px; font-weight: 600; cursor: pointer; } .tb-co-coupon__btn:not(:disabled) { background: #1A1A1A; border-color: #1A1A1A; color: #fff; } .tb-co-coupon__msg:empty { display: none; } .tb-co-coupon__msg { margin-top: 8px; font-size: 13px; } .tb-co-coupon__msg .woocommerce-error, .tb-co-coupon__msg .woocommerce-message, .tb-co-coupon__msg ul { margin: 0 !important; padding: 0 !important; list-style: none; background: none !important; border: 0 !important; color: inherit; } .tb-co-coupon__msg.is-error { color: #DD1D1D; } .tb-co-coupon__list { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; } .tb-co-coupon__list li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px 4px 10px; border-radius: 6px; background: #E3E3E3; font-size: 12px; font-weight: 600; } .tb-co-coupon__list a { color: var(--co-ink); text-decoration: none; font-size: 15px; line-height: 1; } .tb-co-tot { display: flex; flex-direction: column; gap: 8px; } .tb-co-tot__row { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; } .tb-co-tot__row em { font-style: normal; color: var(--co-muted); } .tb-co-tot__row--total { align-items: baseline; margin-top: 8px; font-size: 19px; font-weight: 600; } .tb-co-tot__row--total small { margin-right: 6px; font-size: 12px; font-weight: 400; color: var(--co-muted); } .tb-co-tot__row--total strong { font-size: 21px; font-weight: 600; } .tb-co-tot__tax { margin: -4px 0 0; font-size: 12px; color: var(--co-muted); } .tb-co-tot__save { display: flex; align-items: center; gap: 6px; margin: 2px 0 0; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .01em; } /* zakaj */ .tb-co-why { margin-top: 18px; padding-top: 14px; border-top: 1px solid #DADADA; } .tb-co-why__head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px; margin: 0 0 22px; font-size: 14px; font-weight: 600; } .tb-co-why__title { margin: 0 0 14px; text-align: center; font-size: 14px; color: var(--co-muted); } .tb-co-why ul { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-direction: column; gap: 14px; } .tb-co-why li { display: flex; gap: 12px; align-items: flex-start; } .tb-co-why li svg { flex: none; width: 24px; height: 24px; color: var(--co-ink); stroke-width: 1.6; } .tb-co-why li span { font-size: 12.5px; line-height: 1.4; color: var(--co-muted); } .tb-co-why li strong { display: block; margin-bottom: 1px; font-size: 14px; font-weight: 500; color: var(--co-ink); } .tb-co-why__rating { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0; font-size: 14px; } .tb-co-why__rating strong { font-size: 17px; font-weight: 600; } .tb-tp { display: inline-flex; gap: 2px; } .tb-tp i { width: 20px; height: 20px; display: grid; place-items: center; background: #00B67A; color: #fff; font-style: normal; font-size: 14px; line-height: 1; } /* obvestila WooCommerce (napake) nad obrazcem */ body.tb-co-page .woocommerce-NoticeGroup, body.tb-co-page .woocommerce-notices-wrapper { max-width: 576px; margin: 0 auto; } body.tb-co-page .woocommerce-error { margin: 0 0 18px !important; padding: 14px 16px !important; border: 1px solid #F3C1C1 !important; border-radius: var(--co-r); background: #FFF4F4 !important; color: #8A1C1C !important; list-style: none; font-size: 14px; } body.tb-co-page .woocommerce-error::before { display: none; } body.tb-co-page .tb-co__main-in > .woocommerce-NoticeGroup { margin-bottom: 0; } /* zahvala (order received) v isti lupini */ body.tb-co-page .woocommerce-order { max-width: 640px; margin: 40px auto 60px; padding: 0 16px; } body.tb-co-page .woocommerce-thankyou-order-received { padding: 16px 18px; border-radius: var(--co-r); background: #E3FBE6; border: 1px solid #9BE7A6; font-weight: 600; font-size: 16px; } /* mobilno */ @media (max-width: 999px) { .tb-co__grid { grid-template-columns: 1fr; min-height: 0; } .tb-co__main { border-right: 0; order: 2; } .tb-co__main-in { max-width: 600px; margin: 0 auto; padding: 22px 16px 28px; } .tb-co__aside { order: 1; display: none; border-bottom: 1px solid var(--co-line); } .tb-co.is-sum-open .tb-co__aside { display: block; } .tb-co__aside-in { max-width: 600px; margin: 0 auto; padding: 20px 16px 24px; position: static; } .tb-co .tb-co-why { display: none; } .tb-co__toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 16px; border: 0; border-bottom: 1px solid var(--co-line); background: var(--co-aside); color: var(--co-ink); font-size: 14px; text-align: left; cursor: pointer; } .tb-co__toggle-label { display: inline-flex; align-items: center; gap: 8px; color: #1773B0; } .tb-co__toggle-label .tb-icon { color: #1773B0; } .tb-co__chev { transition: transform .2s; } .tb-co.is-sum-open .tb-co__chev { transform: rotate(180deg); } .tb-co__toggle-total { font-size: 17px; font-weight: 600; } .tb-co-head { padding: 14px 12px 12px; gap: 7px; } .tb-co-head__logo img { height: 26px; } .tb-co-head__pill { font-size: 13px; } .tb-co-head__trust { font-size: 10.5px; } .tb-co-head__trust li { padding: 0 5px; } .tb-co-row2 { gap: 0 10px; } body.tb-co-page .tb-co-h { font-size: 19px; } } @media (max-width: 380px) { .tb-co-row2:not(.tb-co-row2--zip) { grid-template-columns: 1fr; } } /* blagajna: preglasi Glozinove stile tabele/povzetka */ body.tb-co-page .tb-co #order_review, body.tb-co-page .tb-co .woocommerce-checkout-review-order-table { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; float: none !important; position: static !important; } body.tb-co-page .tb-co-sum * { writing-mode: horizontal-tb; } body.tb-co-page .tb-co-item__info, body.tb-co-page .tb-co-item__name { word-break: normal; overflow-wrap: anywhere; } body.tb-co-page .woocommerce-form-coupon-toggle, body.tb-co-page form.checkout_coupon, body.tb-co-page .woocommerce-form-login-toggle { display: none !important; } body.tb-co-page .tb-co-main > .woocommerce > .woocommerce-notices-wrapper .woocommerce-message, body.tb-co-page .woocommerce-message { max-width: 576px; margin: 16px auto 0; border-radius: var(--co-r); } .tb-co-place__note { display: block; padding-left: 0; } .tb-co-place__note .tb-icon { display: inline-block; vertical-align: -2px; margin: 0 4px 0 0; } .tb-co-item__tag { display: block; text-transform: none; letter-spacing: 0; font-size: 12px; } .tb-co-item__tag svg { display: inline-block; vertical-align: -1px; margin-right: 3px; } body.tb-co-page #payment.tb-co-pay { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.tb-co-page #payment.tb-co-pay::before, body.tb-co-page #payment.tb-co-pay::after { display: none !important; } body.tb-co-page #payment .tb-co-pay__opt { border: 1px solid #1A1A1A !important; } body.tb-co-page #payment .tb-co-pay__box { padding: 14px 16px !important; } body.tb-co-page #payment .tb-co-pay__head { border-bottom: 1px solid var(--co-line) !important; } /* blagajna: večji gumb, "Varen in diskreten nakup" na sredini, drsnik mnenj */ body.tb-co-page .tb-co-btn, body.tb-co-page #place_order { min-height: 84px; font-size: 19px; font-weight: 800; letter-spacing: .02em; } .tb-co-place__note { display: flex !important; align-items: center; justify-content: center; gap: 8px; margin: 14px 0 0; font-size: 15px; font-weight: 500; color: var(--co-ink); text-align: center; } .tb-co-place__dot { position: relative; width: 10px; height: 10px; border-radius: 50%; background: #2DB84B; flex: none; } .tb-co-place__dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; background: rgba(45,184,75,.25); } .tb-co-revs { margin-top: 22px; } .tb-co-revs__track { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 2px; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } .tb-co-revs__track::-webkit-scrollbar { display: none; } .tb-co-rev { flex: 0 0 72%; scroll-snap-align: start; padding: 14px 14px 16px; border: 1px solid #DADADA; border-radius: 10px; background: #fff; } .tb-tp--sm i { width: 17px; height: 17px; font-size: 12px; } .tb-tp i.is-off { background: #DCDCE6; } .tb-co-rev__title { margin: 8px 0 4px; font-size: 14px; font-weight: 600; color: var(--co-ink); } .tb-co-rev__text { margin: 0 0 8px; font-size: 14px; line-height: 1.4; color: var(--co-ink); } .tb-co-rev__by { margin: 0; font-size: 13px; font-style: italic; color: var(--co-muted); } .tb-co-revs__note { margin: 12px 0 0; text-align: center; font-size: 13px; color: var(--co-ink); } @media (max-width: 999px) { body.tb-co-page .tb-co-btn, body.tb-co-page #place_order { font-size: 17px; } } /* blagajna: napake pod poljem */ body.tb-co-page .tb-co .checkout-inline-error-message { margin: 6px 2px 0; color: #DD1D1D; font-size: 12.5px; } body.tb-co-page .woocommerce-NoticeGroup .woocommerce-error a, body.tb-co-page .woocommerce-error li a { color: #8A1C1C; text-decoration: none; } /* 45. Primerjalna tabela na telefonu: 1. in 2. stolpec vedno vidna, ostala drsita */ @media (max-width: 767px) { .tb-compare--v2 { --c1: 112px; --c2: 132px; } .tb-compare--v2 .tb-compare__table { min-width: calc(var(--c1) + var(--c2) + 2 * 150px); table-layout: fixed; } .tb-compare--v2 .tb-compare__table th, .tb-compare--v2 .tb-compare__table td { padding: 12px 10px; font-size: 13.5px; line-height: 1.4; } .tb-compare--v2 .tb-compare__table [data-col="0"] { position: sticky; left: 0; z-index: 3; width: var(--c1); background: #fff; padding-left: 12px; font-size: 13px; box-shadow: none; } .tb-compare--v2 .tb-compare__table [data-col="1"] { position: sticky; left: var(--c1); z-index: 3; width: var(--c2); background: #F3F8F2; } .tb-compare--v2 .tb-compare__table thead [data-col="1"] { background: #F3F8F2; } .tb-compare--v2 .tb-compare__table [data-col="1"]::after { content: ""; position: absolute; top: 0; bottom: -1px; right: -10px; width: 10px; background: linear-gradient(90deg, rgba(22,38,29,.12), rgba(22,38,29,0)); pointer-events: none; } .tb-compare--v2 .tb-compare__table [data-col="2"], .tb-compare--v2 .tb-compare__table [data-col="3"] { width: 150px; } .tb-compare--v2 .tb-compare__table thead th.is-hl { font-size: 16px; padding-top: 14px; } .tb-compare--v2 .tb-compare__badge { font-size: 9.5px; padding: 3px 8px; margin-bottom: 6px; } .tb-compare--v2 .tb-compare__cell { gap: 7px; } .tb-compare--v2 .tb-compare__ico { width: 17px; height: 17px; } .tb-compare--v2 .tb-compare__table thead th:first-child { font-size: 10.5px; letter-spacing: .1em; } .tb-compare--v2::after { content: "Povlecite za primerjavo z drugimi →"; } } /* 46. Drsnik mnenj na telefonu: slika + ime zgoraj, citat čez celo širino */ @media (max-width: 767px) { .tb-sp-social__card { flex-basis: 86%; display: grid; grid-template-columns: 52px 1fr; grid-template-areas: "img attr" "quote quote"; align-items: center; gap: 12px 12px; padding: 16px; } .tb-sp-social__avatar, .tb-sp-social__photo { grid-area: img; --s: 52px; width: 52px !important; height: 52px !important; flex-basis: 52px; } .tb-sp-social__body { display: contents; } body.tabor .tb-sp-social__quote { grid-area: quote; margin: 0; min-height: 0; font-size: 15.5px; line-height: 1.45; overflow-wrap: anywhere; } body.tabor .tb-sp-social__attr { grid-area: attr; margin: 0; flex-wrap: wrap; gap: 2px 6px; font-size: 14px; line-height: 1.3; } .tb-sp-social__attr span { white-space: normal; } .tb-sp-social__verified { flex-basis: 100%; padding-left: 22px; font-size: 13px; color: #2E7D32; } } body.tb-co-page form.tb-co { padding: 0 !important; margin: 0 !important; } body.tb-co-page .tb-co-main > .woocommerce { padding: 0 !important; max-width: none !important; } /* 47. PDP pod gumbom: brezplačna dostava + poudarki (prenovljeno) */ .tb-freeship { display: flex; align-items: center; justify-content: center; gap: 10px; margin: -2px 0 0; padding: 11px 14px; border-radius: var(--tb-radius); background: linear-gradient(90deg, #FFF8E1, #FDF1C7); border: 1px solid #F1DE9B; color: #1A1A1A; font-size: 15px; line-height: 1.3; text-align: center; } .tb-freeship svg { flex: none; width: 22px; height: 22px; color: #1A1A1A; } .tb-freeship strong { font-weight: 700; } .tb-hl.tb-hl--v2 { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin: 0; padding: 2px 0 4px; background: none; border: 0; border-radius: 0; } .tb-hl--v2 li { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 500; color: #1A1A1A; } .tb-hl--v2 .tb-hl__ico { flex: none; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; background: var(--tb-buy); color: #fff; } .tb-hl--v2 .tb-hl__ico .tb-icon { width: 11px; height: 11px; padding: 0; background: none; stroke-width: 3.4; } @media (max-width: 767px) { .tb-freeship { font-size: 14px; padding: 10px 12px; } .tb-hl.tb-hl--v2 { flex-direction: column; align-items: flex-start; gap: 6px; padding-left: 4px; } .tb-hl--v2 li { font-size: 13.5px; } } body.tabor .tb-hl.tb-hl--v2 { background: none !important; border: 0 !important; padding: 0 2px !important; flex-direction: row; justify-content: center; } @media (max-width: 767px) { body.tabor .tb-hl.tb-hl--v2 { flex-direction: column; align-items: center; } } /* blagajna: "Zakaj Tabor" + mnenja — desno na namizju, pod gumbom na telefonu */ .tb-co-why--mobile { display: none; } @media (max-width: 999px) { .tb-co .tb-co-why.tb-co-why--mobile { display: block; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--co-line); } .tb-co-why--mobile .tb-co-rev { flex-basis: 84%; } .tb-co-why--mobile .tb-co-why__head { justify-content: center; gap: 6px; } } /* blagajna (telefon): drsnik mnenj ne sme raztegniti stolpca */ @media (max-width: 999px) { .tb-co__grid { grid-template-columns: minmax(0, 1fr) !important; } .tb-co__main, .tb-co__aside, .tb-co__main-in, .tb-co-why, .tb-co-revs { min-width: 0; max-width: 100%; } .tb-co-revs__track { width: 100%; } } body.tb-co-page { overflow-x: clip; } /* 48. Primerjalna tabela na telefonu (v stolpcih): ožja pripeta stolpca, da je 3. stolpec cel viden */ @media (max-width: 767px) { .tb-compare--v2 { --c1: 92px; --c2: 116px; --c3: 142px; padding: 14px 8px; } .tb-compare--v2 .tb-compare__scroll { padding: 14px 0 2px; } .tb-compare--v2 .tb-compare__table { min-width: calc(var(--c1) + var(--c2) + 2 * var(--c3)); } .tb-compare--v2 .tb-compare__table th, .tb-compare--v2 .tb-compare__table td { padding: 11px 8px; font-size: 13px; line-height: 1.38; } .tb-compare--v2 .tb-compare__table [data-col="0"] { width: var(--c1); padding-left: 10px; font-size: 12.5px; } .tb-compare--v2 .tb-compare__table [data-col="1"] { left: var(--c1); width: var(--c2); } .tb-compare--v2 .tb-compare__table [data-col="2"], .tb-compare--v2 .tb-compare__table [data-col="3"] { width: var(--c3); } .tb-compare--v2 .tb-compare__table thead th { font-size: 13px; } .tb-compare--v2 .tb-compare__table thead th.is-hl { font-size: 15px; } .tb-compare--v2 .tb-compare__table thead th:first-child { font-size: 9.5px; letter-spacing: .08em; } .tb-compare--v2 .tb-compare__cell { gap: 6px; } .tb-compare--v2 .tb-compare__ico { width: 16px; height: 16px; } .tb-compare--v2 .tb-compare__ico svg { width: 9px; height: 9px; } .tb-compare--v2 td:not(.is-hl) { color: #5F665F; } } /* blagajna "Zakaj Tabor": ikone v krogcu (kot referenca) */ .tb-co-why li { align-items: center; } .tb-co-why li > svg { box-sizing: content-box; flex: none; width: 22px !important; height: 22px !important; padding: 10px; border: 1.5px solid #3A3A3A; border-radius: 50%; color: #1A1A1A; } .tb-co-why li strong { font-size: 15px; } .tb-co-why li span { font-size: 13px; } /* ========================================================================= 49. ZELENA #00AD20 SAMO NA GUMBIH "DODAJ V KOŠARICO" IN "ZAKLJUČI/DOKONČAJ NAKUP" Vse ostale zelene podrobnosti → nevtralna črna/siva (čist, "pharma" videz). ========================================================================= */ body.tabor { --tb-ok: #1A1A1A; --tb-tint: #F6F6F4; --tb-tint-line: #E6E6E2; } /* kljukice in značke */ body.tabor .tb-hl--v2 .tb-hl__ico, body.tabor .tb-hl .tb-icon, body.tabor .tb-expert__photo i, body.tabor .tb-trusted__faces b, body.tabor .tb-bb__benefits .tb-icon, body.tabor .tb-compare--v2 td.is-hl .tb-compare__ico { background: #1A1A1A !important; color: #fff !important; } /* pike "varen nakup" */ body.tabor .tb-dot, .tb-co-place__dot { background: #1A1A1A !important; box-shadow: 0 0 0 4px rgba(26,26,26,.12) !important; } .tb-co-place__dot::after { background: rgba(26,26,26,.12) !important; } /* stikalo zavarovanja in prihranek v košarici */ body.tabor .tb-switch input:checked + .tb-switch__ui { background: #1A1A1A !important; } body.tabor .tb-cart__save, body.tabor .tb-cart__meta--deal { color: #1A1A1A !important; } /* blok "Priporočajo doktorji" in poudarki: nevtralno ozadje */ body.tabor .tb-expert { background: var(--tb-tint) !important; border-color: var(--tb-tint-line) !important; } body.tabor .tb-expert__eyebrow { color: #1A1A1A; } /* ploščice pod gumbom: črne ikone, sivo ozadje */ body.tabor .tb-usp--v2 li { background: #F6F6F4; border-color: #E8E8E4; color: #1A1A1A; } body.tabor .tb-usp--v2 .tb-usp__icon { color: #1A1A1A; box-shadow: inset 0 0 0 1px #E2E2DE; } body.tabor .tb-usp--v2 .tb-usp__icon svg { color: #1A1A1A; } /* primerjalna tabela: poudarjen stolpec v črno-beli */ body.tabor .tb-compare--v2 .tb-compare__table .is-hl { background: #F7F7F5 !important; border-bottom-color: #ECECE8; box-shadow: inset 2px 0 0 #1A1A1A, inset -2px 0 0 #1A1A1A !important; } body.tabor .tb-compare--v2 .tb-compare__table thead th.is-hl { box-shadow: inset 2px 0 0 #1A1A1A, inset -2px 0 0 #1A1A1A, inset 0 2px 0 #1A1A1A !important; } body.tabor .tb-compare--v2 .tb-compare__table tbody tr:last-child td.is-hl { box-shadow: inset 2px 0 0 #1A1A1A, inset -2px 0 0 #1A1A1A, inset 0 -2px 0 #1A1A1A !important; } @media (hover: hover) { body.tabor .tb-compare--v2 .tb-compare__table tbody tr:hover td.is-hl, body.tabor .tb-compare--v2 .tb-compare__table .is-col-hover.is-hl { background: #EFEFEC !important; } } @media (max-width: 767px) { body.tabor .tb-compare--v2 .tb-compare__table [data-col="1"] { background: #F7F7F5 !important; } } /* mnenja */ body.tabor .tb-sp-social__verified { color: #1A1A1A; } /* vrstica odpreme na PDP: nevtralna pika */ body.tabor .tb-bb .tb-ship__dot, body.tabor .tb-bb .tb-ship__dot::after { background: #1A1A1A !important; } body.tabor .tb-bb .tb-ship__dot::after { opacity: .25; } /* blagajna */ body.tb-co-page .tb-co-alert { background: #FFF8E1; border-color: #F1DE9B; color: #1A1A1A; } body.tb-co-page .tb-co-alert svg { color: #1A1A1A; } body.tb-co-page .woocommerce-thankyou-order-received { background: #F6F6F4; border-color: #E6E6E2; color: #1A1A1A; } body.tb-co-page .tb-co__toggle-label, body.tb-co-page .tb-co__toggle-label .tb-icon { color: #1A1A1A; } .tb-sp-stat__icon--green { background: linear-gradient(160deg, #F4F4F2, #E7E7E3) !important; color: #1A1A1A !important; } /* 50. Prednosti nad footerjem (na vseh straneh) */ .tb-footer-perks { background: #fff; border-top: 1px solid var(--tb-line); padding: clamp(28px, 4vw, 44px) 0; } .tb-footer-perks .tb-perks { grid-template-columns: repeat(4, 1fr); gap: 24px; } @media (max-width: 991px) { .tb-footer-perks .tb-perks { grid-template-columns: repeat(2, 1fr); gap: 22px 12px; } } @media (max-width: 767px) { .tb-footer-perks .tb-perks li { flex-direction: column; align-items: center; text-align: center; gap: 8px; } .tb-footer-perks .tb-perks .tb-icon { margin: 0; width: 26px; height: 26px; } .tb-footer-perks .tb-perks strong { font-size: 14px; } .tb-footer-perks .tb-perks span { font-size: 13px; line-height: 1.4; } } /* 51. PDP: sekcija slika levo + vsebina desno (nad primerjalno tabelo) */ .tb-feature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; margin: clamp(48px, 6vw, 88px) 0 clamp(28px, 4vw, 48px); } .tb-feature__media { aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden; background: #F3F3F0; } .tb-feature__img { width: 100%; height: 100%; object-fit: cover; display: block; } .tb-feature__body { max-width: 520px; } .tb-feature__body .tb-eyebrow { margin-bottom: 10px; } body.tabor .tb-feature__title { margin: 0 0 14px; font-family: var(--tb-serif); font-weight: 500; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.15; letter-spacing: -.025em; color: var(--tb-head); } .tb-feature__text { font-size: 16.5px; line-height: 1.7; color: #3A403C; } .tb-feature__text p { margin: 0 0 12px; } .tb-feature__list { list-style: none; margin: 18px 0 26px; padding: 0; display: flex; flex-direction: column; gap: 10px; } .tb-feature__list li { display: flex; align-items: center; gap: 10px; font-size: 15.5px; font-weight: 500; color: #1A1A1A; } .tb-feature__ico { flex: none; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: #1A1A1A; color: #fff; } .tb-feature__ico .tb-icon { width: 12px; height: 12px; stroke-width: 3.2; } .tb-feature__cta { display: inline-flex; align-items: center; gap: 8px; } @media (max-width: 767px) { .tb-feature { grid-template-columns: 1fr; gap: 22px; margin: 40px 0 24px; text-align: left; } .tb-feature__media { border-radius: 14px; } .tb-feature__text { font-size: 15.5px; } .tb-feature__cta { width: 100%; justify-content: center; } } body.tabor .tb-bb .tb-ship__dot, body.tabor .tb-bb .tb-ship__dot::after { background: #1C7637 !important; } body.tabor .tb-bb .tb-ship__dot::after { opacity: .3; } .tb-feature__list { margin-bottom: 0; } /* 52. Kontakt: samo e-pošta levo, črn gumb */ .tb-contact__cards { grid-template-columns: 1fr !important; align-content: start; } body.tabor .tb-btn--dark { background: #1A1A1A !important; border-color: #1A1A1A !important; color: #fff !important; } body.tabor .tb-btn--dark:hover { background: #000 !important; border-color: #000 !important; } .tb-form__note { margin: 12px 0 0; font-size: 13px; color: var(--tb-muted); } .tb-form__note a { color: var(--tb-ink); text-decoration: underline; text-underline-offset: 2px; } /* PDP: značke −30 %, naslov +10 % */ body.tabor .tb-bb__badges .tb-pill { font-size: 10px; padding: 5px 11px; border-width: 1.5px; letter-spacing: .05em; border-radius: 6px; } body.tabor .tb-bb__badges { gap: 6px; } body.tabor .tb-bb__title, body.tabor.single-product div.product h1.product_title.tb-bb__title { font-size: clamp(26.4px, 2.42vw, 33px) !important; } @media (max-width: 767px) { body.tabor .tb-bb__badges .tb-pill { font-size: 9.5px; padding: 4px 8px; border-width: 1px; } } /* ========================================================================= 53. NASLOVI: Gilroy (komercialna pisava) → dokler datotek ni v assets/fonts/, se uporabi Urbanist (brezplačna, zelo podobna) Ko kupiš Gilroy: dodaj gilroy-medium/semibold/bold.woff2 v assets/fonts/ in odkomentiraj spodnje @font-face. ========================================================================= */ @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/urbanist-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/urbanist-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/urbanist-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/urbanist-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/urbanist-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/urbanist-latin-ext-700-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* @font-face { font-family: "Gilroy"; font-weight: 500; font-display: swap; src: url(../fonts/gilroy-medium.woff2) format("woff2"); } @font-face { font-family: "Gilroy"; font-weight: 600; font-display: swap; src: url(../fonts/gilroy-semibold.woff2) format("woff2"); } @font-face { font-family: "Gilroy"; font-weight: 700; font-display: swap; src: url(../fonts/gilroy-bold.woff2) format("woff2"); } */ body.tabor, body.tb-co-page { --tb-serif: "Gilroy", "Urbanist", "Segoe UI", Arial, sans-serif; --gz-heading-font: var(--tb-serif); } /* Urbanist je ožja od Poppinsa — naslovi malo bolj krepki in brez stiskanja črk */ body.tabor h1, body.tabor h2, body.tabor h3, body.tabor .tb-display, body.tabor .tb-h2, body.tabor .tb-h3, body.tabor .tb-feature__title { font-family: var(--tb-serif); letter-spacing: -.01em; } body.tabor .tb-display, body.tabor .tb-display--sm, body.tabor .tb-h2, body.tabor .tb-feature__title { font-weight: 700; } body.tabor .tb-bb__title, body.tabor.single-product div.product h1.product_title.tb-bb__title { font-family: var(--tb-serif); font-weight: 700 !important; letter-spacing: -.01em; } /* tudi naslov bloka statistike (prej Gambetta) in naslovi na blagajni */ body.tabor .tb-sp-stats__heading { font-family: var(--tb-serif); font-weight: 700; } body.tb-co-page .tb-co-h { font-family: var(--tb-serif); font-weight: 700; } /* 54. Košarica: majhen, nevpadljiv naslov */ body .tb-cart__head { padding-top: 14px; padding-bottom: 14px; } body .tb-cart__head h2 { font-family: var(--gz-body-font); font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0; text-transform: none; line-height: 1.3; } body .tb-cart__close svg { width: 18px; height: 18px; } /* 55. "Veliko povpraševanje" — črn, krepkejši, s črtama ob straneh */ body.tabor .tb-bundles__head { display: flex; align-items: center; gap: 14px; margin: 4px 0 2px; font-size: 15px; font-weight: 800; letter-spacing: .02em; line-height: 1.2; color: #000; white-space: nowrap; } body.tabor .tb-bundles__head::before, body.tabor .tb-bundles__head::after { content: ""; flex: 1; min-width: 14px; height: 2px; background: #C9CFCC; border-radius: 2px; } @media (max-width: 480px) { body.tabor .tb-bundles__head { font-size: 12.5px; gap: 10px; letter-spacing: 0; } } @media (max-width: 360px) { body.tabor .tb-bundles__head { font-size: 10.5px; gap: 6px; } body.tabor .tb-bundles__head::before, body.tabor .tb-bundles__head::after { min-width: 8px; } } /* ========================================================================= 56. ENOTEN SISTEM — berljivo, čisto, "pharma" - ena barva za značke, trak, zvezdice, ikone, poudarke: temno zelena (--tb-brand) - zelen #00AD20 ostane samo na Dodaj v košarico + Dokončaj nakup; ostali gumbi oranžni - bela ozadja, skoraj črno besedilo, večje in bolj zračne pisave (tudi za starejše) - brez gradientov, rdeče in rumene ========================================================================= */ body.tabor, body.tb-co-page { --tb-brand: var(--tb-second); --tb-brand-soft: #EEF2EE; --tb-brand-line: #D5DED5; --tb-head: #111411; --tb-ink: #111411; --tb-text: #1F231F; --tb-muted: #4B524C; --tb-sand: #FFFFFF; --tb-line: #E6E8E5; --tb-hot: var(--tb-brand); --tb-clay: var(--tb-brand); --tb-gold: var(--tb-brand); --tb-gold-x: var(--tb-brand); --tb-gold-solid: var(--tb-brand); --tb-section: clamp(64px, 8vw, 112px); --gz-heading-color: var(--tb-head); --gz-color-dark: var(--tb-ink); --gz-color-base: var(--tb-text); --gz-color-price-sale: var(--tb-ink); color: var(--tb-text); } /* ---------- Tipografija ---------- */ body.tabor { font-size: 16px; } body.tabor p, body.tabor li { line-height: 1.65; } body.tabor h1, body.tabor h2, body.tabor h3 { color: var(--tb-head); letter-spacing: -.02em; } body.tabor h2, body.tabor .tb-display { font-weight: 600; } body.tabor .tb-display { line-height: 1.12; } .tb-prose, .tb-about__body, .tb-feature__text, .woocommerce-Tabs-panel, .tb-expert p { color: var(--tb-text); } @media (min-width: 1024px) { .tb-prose p, .tb-prose li, .tb-about__body p, .tb-about__body li, .woocommerce-Tabs-panel p, .woocommerce-Tabs-panel li { font-size: 17px; line-height: 1.7; } } /* eyebrow: temno zelena, ne oranžna */ body.tabor .tb-eyebrow, body.tabor .tb-feature__eyebrow { color: var(--tb-brand); font-family: var(--tb-sans); font-size: 13px; font-weight: 600; letter-spacing: .14em; } /* sekundarna besedila: dovolj temna za branje */ .tb-bundle__sub, .tb-bb__short p, .tb-sp-stat p, .tb-sp-stat small, .tb-co-why li p, .tb-co-why li span, .tb-perks p, .tb-footer-perks p { color: var(--tb-muted) !important; } .tb-bundle__sub { font-size: 15px; } /* ---------- Cene: povsod ista pisava in teža ---------- */ body.tabor .price, body.tabor .price .amount, .tb-bb__now, .tb-bundle__price strong, .tb-cart__price, .tb-cart__total, .tb-cart__total .amount, .tb-co-sum .amount, .tb-co-total, .tb-co__toggle-total { font-family: var(--tb-sans) !important; font-weight: 600 !important; font-variant-numeric: tabular-nums; letter-spacing: -.01em; color: var(--tb-ink); } body.tabor .price del, body.tabor .price del .amount, .tb-bb__was, .tb-bb__was .amount, .tb-bundle__price del, .tb-bundle__price del .amount { font-family: var(--tb-sans) !important; font-weight: 400 !important; color: #7A807B !important; } body.tabor ul.products li.product .price ins, body.tabor ul.products li.product .price ins .amount { color: var(--tb-ink) !important; } .tb-bundle__price strong small { font-weight: 400 !important; } /* Košarica: manj krepko, mirneje */ .tb-cart__name { font-weight: 500 !important; font-size: 17px; } .tb-cart__price { font-size: 17px !important; } .tb-cart__total, .tb-cart__total * { font-size: 20px !important; } .tb-cart__total span:first-child { font-weight: 500 !important; } .tb-cart__save, .tb-cart__save * { font-weight: 500 !important; font-size: 16px !important; color: var(--tb-muted) !important; } .tb-cart__ship p, .tb-cart__ship { font-weight: 400; } .tb-cart__ship strong { font-weight: 600; } .tb-ins__title strong:first-child { font-weight: 600 !important; } /* ---------- Značke: ena oblika, ena barva ---------- */ body.tabor .onsale, body.tabor .woocommerce-badge.onsale, .tb-pill:not(.tb-pill--line), .tb-bb__tag, .tb-bundle__tag, .tb-bundle.is-selected .tb-bundle__tag, .tb-compare--v2 .tb-compare__badge, .tb-sale-banner b, .tb-salepill__pct { background: var(--tb-brand) !important; color: #fff !important; border: 0 !important; box-shadow: none !important; font-family: var(--tb-sans) !important; font-weight: 600 !important; letter-spacing: .04em !important; border-radius: 6px !important; text-shadow: none !important; -webkit-text-fill-color: #fff; } .tb-pill--line { border-radius: 6px !important; border-color: var(--tb-brand-line) !important; color: var(--tb-brand) !important; font-family: var(--tb-sans) !important; font-weight: 600 !important; } .tb-bb__badges .tb-pill { font-size: 11px !important; padding: 5px 9px !important; letter-spacing: .05em !important; } /* popust v vrstici paketa: mehka različica iste barve, da ne kriči */ .tb-bundle__main strong em { background: var(--tb-brand-soft) !important; color: var(--tb-brand) !important; box-shadow: none !important; border-radius: 6px !important; font-weight: 700 !important; } /* -50 % na naslovnici: na temni sliki bela podlaga */ .tb-hero .tb-sale-banner b { background: #fff !important; color: var(--tb-brand) !important; -webkit-text-fill-color: var(--tb-brand); } /* Trak na karticah: enobarven, brez preliva */ .tb-ribbon { background: var(--tb-brand) !important; box-shadow: 0 2px 6px -3px rgba(0,0,0,.35) !important; } /* Obvestilna vrstica: enobarvna, bele številke */ .tb-bar { background: var(--tb-brand) !important; } .tb-bar__timer b { background: none !important; -webkit-text-fill-color: #fff; color: #fff !important; } /* Kategorija: oznaka akcije */ .tb-salepill { background: var(--tb-brand) !important; box-shadow: none !important; } .tb-salepill__pct { background: #fff !important; color: var(--tb-brand) !important; -webkit-text-fill-color: var(--tb-brand); } /* ---------- Zvezdice: povsod iste, temno zelene ---------- */ .tb-stars, .tb-bb__rating .tb-stars, body.tabor .star-rating .user-rating, body.tabor .user-rating, body.tabor .glozin-rating .user-rating, body.tabor .star-item .user-rating, body.tabor .glozin-product-rating .user-rating { color: var(--tb-brand) !important; } body.tabor .user-rating .glozin-svg-icon, body.tabor .user-rating svg { color: var(--tb-brand) !important; fill: var(--tb-brand) !important; } .tb-tp i { background: var(--tb-brand) !important; } body.tabor .star-item [class*="bar"] span, body.tabor .star-item .rating-bar__inner, body.tabor .star-item .bar-value { background: var(--tb-brand) !important; } body.tabor .tb-avatar:not(.tb-avatar--photo) { background: var(--tb-brand) !important; color: #fff !important; } /* ---------- Izbor paketa ---------- */ .tb-bundle.is-selected { border-color: var(--tb-brand) !important; background: #F5F8F5 !important; box-shadow: none !important; } .tb-bundle.is-selected .tb-bundle__radio { border-color: var(--tb-brand) !important; } .tb-bundle.is-selected .tb-bundle__radio::after { background: var(--tb-brand) !important; } /* ---------- Napredek / nujnost ---------- */ .tb-cart__bar i, .tb-sell__bar i { background: var(--tb-brand) !important; } .tb-sell__ends, .tb-stock--low strong, .tb-cart__meta--deal { color: var(--tb-ink) !important; } .tb-sell__ends { font-weight: 600 !important; } /* Brezplačna dostava + opozorilo na blagajni: mirna zelenkasta podlaga namesto rumene */ .tb-freeship, body.tb-co-page .tb-co-alert { background: #F5F8F5 !important; border: 1px solid var(--tb-brand-line) !important; color: var(--tb-ink) !important; } .tb-freeship svg, body.tb-co-page .tb-co-alert svg { color: var(--tb-brand) !important; } /* ---------- Ikone: en set, ena debelina, ena barva ---------- */ .tb-usp--v2 .tb-usp__icon, body.tabor .tb-usp--v2 .tb-usp__icon { background: var(--tb-brand-soft) !important; box-shadow: none !important; color: var(--tb-brand) !important; } .tb-usp--v2 .tb-usp__icon svg, body.tabor .tb-usp--v2 .tb-usp__icon svg, .tb-perks .tb-icon, .tb-footer-perks .tb-icon, .tb-footer-perks svg, .tb-values__icon, .tb-ccard .tb-icon, .tb-co-why li > svg, .tb-freeship svg { color: var(--tb-brand) !important; } .tb-usp--v2 svg *, .tb-perks svg *, .tb-footer-perks svg *, .tb-co-why li > svg *, .tb-sp-stat__icon svg *, .tb-freeship svg * { stroke-width: 1.7px; } .tb-co-why li > svg { border-color: var(--tb-brand-line) !important; background: var(--tb-brand-soft); } .tb-sp-stat__icon, .tb-sp-stat__icon--gold, .tb-sp-stat__icon--green, .tb-sp-stat__icon--violet { background: var(--tb-brand-soft) !important; color: var(--tb-brand) !important; box-shadow: none !important; } /* kljukice (kratek opis, poudarki, primerjava, strokovnjak) */ .tb-bb__short li::before { background-color: var(--tb-brand) !important; } body.tabor .tb-hl--v2 .tb-hl__ico { background: var(--tb-brand) !important; color: #fff !important; } .tb-feature__ico, body.tabor .tb-compare--v2 td.is-hl .tb-compare__ico { background: var(--tb-brand) !important; color: #fff !important; } body.tabor .tb-compare--v2 .tb-compare__table .is-hl { box-shadow: inset 2px 0 0 var(--tb-brand), inset -2px 0 0 var(--tb-brand) !important; background: #F7F9F7 !important; } body.tabor .tb-compare--v2 .tb-compare__table thead th.is-hl { box-shadow: inset 2px 0 0 var(--tb-brand), inset -2px 0 0 var(--tb-brand), inset 0 2px 0 var(--tb-brand) !important; } body.tabor .tb-compare--v2 .tb-compare__table tbody tr:last-child td.is-hl { box-shadow: inset 2px 0 0 var(--tb-brand), inset -2px 0 0 var(--tb-brand), inset 0 -2px 0 var(--tb-brand) !important; } /* ---------- Družbeni dokaz: brez bordo in rožnate ---------- */ .tb-sp { --sp-accent: var(--tb-brand) !important; } .tb-sp-stats { border: 1px solid var(--tb-line) !important; background: #fff !important; box-shadow: 0 1px 2px rgba(17,20,17,.04), 0 8px 24px -16px rgba(17,20,17,.18) !important; } .tb-sp-stats__heading em, .tb-sp-stat__value { color: var(--tb-brand) !important; } .tb-sp-social__dots button.is-active { background: var(--tb-brand) !important; } /* ---------- Primerjava ---------- */ .tb-compare__table thead .is-hl::after { background: var(--tb-brand) !important; } .tb-compare--v2 .tb-compare__cell { color: var(--tb-text); } /* ---------- Ozadja: bela, sekcije ločene z zrakom ---------- */ body.tabor .tb-section--sand, body.tabor .tb-sand, body.tabor .tb-compare-wrap, body.tabor .tb-products-section { background: #fff; } /* ========================================================================= 57. Detajli v temni #1A1A1A namesto temno zelene; nujnost v rdeči - --tb-brand = #1A1A1A (značke, zvezdice, ikone, kljukice, izbran paket) - --tb-urgent = rdeča samo za majhne detajle nujnosti (trak, odštevalnik, "% prodano") - obvestilna vrstica ostane temno zelena ========================================================================= */ body.tabor, body.tb-co-page { --tb-brand: #1A1A1A; --tb-brand-soft: #F1F1EF; --tb-brand-line: #E0E0DC; --tb-urgent: #D92D20; --tb-hot: var(--tb-urgent); --tb-clay: var(--tb-urgent); } .tb-bar { background: var(--tb-second) !important; } .tb-bundle.is-selected { background: #F7F7F6 !important; } .tb-freeship, body.tb-co-page .tb-co-alert { background: #F7F7F6 !important; } body.tabor .tb-compare--v2 .tb-compare__table .is-hl { background: #F7F7F6 !important; } /* Nujnost: rdeči detajli */ .tb-ribbon { background: var(--tb-urgent) !important; } .tb-salepill { background: var(--tb-urgent) !important; } .tb-salepill__pct { color: var(--tb-urgent) !important; -webkit-text-fill-color: var(--tb-urgent); } .tb-sell__bar i { background: var(--tb-urgent) !important; } .tb-sell__ends, .tb-stock--low strong { color: var(--tb-urgent) !important; } body.tb-co-page .tb-co-alert strong, body.tb-co-page .tb-co-alert [data-tb-cart-clock] { color: var(--tb-urgent); } body.tb-co-page .tb-co-alert svg { color: var(--tb-urgent) !important; } .tb-cart__bar i { background: var(--tb-brand) !important; } .tb-bb__tag { background: var(--tb-urgent) !important; } /* 58. Zvezdice pri ocenah: rumene */ body.tabor, body.tb-co-page { --tb-star: #FFCC01; } .tb-stars, .tb-bb__rating .tb-stars, body.tabor .star-rating .user-rating, body.tabor .user-rating, body.tabor .glozin-rating .user-rating, body.tabor .star-item .user-rating, body.tabor .glozin-product-rating .user-rating { color: var(--tb-star) !important; } body.tabor .user-rating .glozin-svg-icon, body.tabor .user-rating svg, .tb-stars svg, .tb-stars .tb-icon { color: var(--tb-star) !important; fill: var(--tb-star) !important; } .tb-tp i { background: var(--tb-star) !important; } body.tabor .star-item [class*="bar"] span, body.tabor .star-item .rating-bar__inner, body.tabor .star-item .bar-value { background: var(--tb-star) !important; } /* 59. Zavarovanje v košarici: jasno vidno stikalo (zelena podlaga, bel gumb) */ body.tabor .tb-switch input:checked + .tb-switch__ui { background: var(--tb-buy) !important; box-shadow: none; } body.tabor .tb-switch input:checked + .tb-switch__ui::before { background: #fff !important; box-shadow: 0 1px 3px rgba(0,0,0,.25); } body.tabor .tb-switch input:focus-visible + .tb-switch__ui { outline: 2px solid rgba(26,26,26,.35); outline-offset: 2px; } body.tabor .tb-switch input:focus:not(:focus-visible) + .tb-switch__ui { outline: none; } /* 60. Manj škatel: brezplačna dostava in "Zaupa nam" kot čisti vrstici brez podlage */ .tb-freeship { background: none !important; border: 0 !important; border-radius: 0 !important; padding: 2px 0 0 !important; margin-top: 2px !important; } .tb-trusted { background: none !important; border-radius: 0 !important; padding: 16px 0 !important; margin-top: 6px !important; border-top: 1px solid var(--tb-line); border-bottom: 1px solid var(--tb-line); } @media (max-width: 767px) { .tb-trusted { padding: 14px 0 !important; } } /* Blagajna: naslov "Zakaj Tabor?" krepkejši in temnejši */ body.tb-co-page .tb-co-why__title { margin: 4px 0 16px; font-family: var(--tb-serif); font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.25; color: #1A1A1A; } @media (max-width: 767px) { body.tb-co-page .tb-co-why__title { font-size: 19px; } } /* 61. Košarica: Trustpilot zvezdice v zeleni */ .tb-cart .tb-tp i, body.tb-co-page .tb-tp i, .tb-co-why .tb-tp i, .tb-co-revs .tb-tp i { background: #00B67A !important; } /* 62. Paketi: "Najbolj priljubljeno" in "Najboljša vrednost" v temno zeleni */ .tb-bundle__tag, .tb-bundle.is-selected .tb-bundle__tag { background: var(--tb-second) !important; color: #fff !important; -webkit-text-fill-color: #fff; } /* 63. Košarica: lasten, vedno viden drsnik + rahel preliv spodaj, ko je še izdelkov */ .tb-cart__body { scrollbar-width: none; } .tb-cart__body::-webkit-scrollbar { display: none; } .tb-cart__sb { position: absolute; right: 8px; width: 5px; border-radius: 5px; background: #E8E8E5; z-index: 4; pointer-events: none; } .tb-cart__sb[hidden] { display: none; } .tb-cart__sb i { display: block; width: 100%; border-radius: 5px; background: #1A1A1A; opacity: .6; transition: transform .05s linear; } .tb-cart--more .tb-cart__body { -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 44px), rgba(0,0,0,.25) 100%); mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 44px), rgba(0,0,0,.25) 100%); } @media (max-width: 767px) { .tb-cart__sb { right: 5px; width: 4px; } } /* 64. Blagajna: puščice za premikanje med mnenji */ .tb-tp i.is-off { background: #DCDCE6 !important; } .tb-co-revs__nav { display: flex; justify-content: center; gap: 10px; margin-top: 14px; } .tb-co-revs__btn { width: 40px; height: 40px; padding: 0; border-radius: 50%; border: 1px solid #D6D6D2; background: #fff; color: #1A1A1A; display: grid; place-items: center; cursor: pointer; transition: background .15s, border-color .15s, opacity .15s; box-shadow: none; } .tb-co-revs__btn:hover:not(:disabled) { background: #1A1A1A; border-color: #1A1A1A; color: #fff; } .tb-co-revs__btn:disabled { opacity: .35; cursor: default; } .tb-co-revs__btn::before, .tb-co-revs__btn::after { content: none !important; } /* Naslovnica: sredinsko poravnan naslov + opis nad mrežo izdelkov (desktop in mobilno) */ .tb-head.tb-head--center { flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 12px; } .tb-head--center .tb-h2 { margin: 0 auto; max-width: 20em; } .tb-head--center .tb-lead { margin: 0 auto; max-width: 36em; } /* Mobilni meni: seznam vseh izdelkov pod glavnim menijem + gumb na dnu */ .tb-mm-products { padding: 22px 0 0; } .tb-mm-products__title { margin: 0 0 6px; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--tb-muted); } .hamburger-panel .tb-mm-products ul { margin: 0; padding: 0; } .tb-mm-products li { border-bottom: 1px solid var(--tb-line); } .tb-mm-products a { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; padding: 10px 0; color: var(--tb-ink); text-decoration: none; } .tb-mm-products__img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; background: #F3F3F1; } .tb-mm-products__name { font-size: 15px; font-weight: 500; line-height: 1.3; } .tb-mm-products__price { font-size: 14px; font-weight: 600; white-space: nowrap; text-align: right; } .tb-mm-products__price del { display: block; font-size: 12px; font-weight: 400; color: var(--tb-muted); } .tb-mm-products__price ins { text-decoration: none; background: none; padding: 0; } .tb-mm-cta { flex: 0 0 auto; padding: 14px 30px calc(14px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--tb-line); } .tb-mm-cta__btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; border-radius: var(--tb-radius, 10px); background: var(--tb-primary); color: #fff !important; font-weight: 700; font-size: 15px; letter-spacing: .04em; text-decoration: none; } .tb-mm-cta__btn svg { flex: 0 0 auto; } /* 66. Blagajna: HTML blok s prednostmi in mnenji — desno na namizju, pod gumbom na telefonu */ .tb-co-why-slot--mobile { display: none; } @media (max-width: 999px) { .tb-co .tb-co-why-slot--desktop { display: none; } .tb-co .tb-co-why-slot--mobile { display: block; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--co-line); } .tb-co .tb-co-why-slot--mobile .tb-co-why { display: block; margin-top: 0; padding-top: 0; border-top: 0; } .tb-co-why-slot--mobile .tb-co-rev { flex-basis: 84%; } .tb-co-why-slot--mobile .tb-co-why__head { justify-content: center; gap: 6px; } } /* 67. Logo: na temnem ozadju (noga) stoji v belem okvirju, da je viden */ .tb-logo-box { display: inline-flex; align-items: center; padding: 10px 14px; margin-bottom: 18px; background: #fff; border-radius: 8px; line-height: 0; } .tb-logo-box img, .tb-footer__logo.tb-logo-box img { height: 30px; width: auto; max-width: 100%; margin: 0; } body.tabor .header-logo img { height: 34px; width: auto; max-width: 100%; } @media (max-width: 767px) { body.tabor .header-logo img { height: 24px; } } /* 68. Naslovnica: manj praznega prostora nad in pod mrežo izdelkov (pol manj kot privzeta sekcija) */ body.tabor .tb-home-grid { padding-top: clamp(28px, 3.5vw, 52px); padding-bottom: clamp(28px, 3.5vw, 52px); } body.tabor .tb-home-grid .tb-head { margin-bottom: clamp(18px, 2.2vw, 30px); } body.tabor .tb-home-grid .tb-head:last-child { margin-bottom: 0; } /* še ni izdelkov */ /* 69. Noga: logo + opis + ocena + e-pošta | Raziščite | Vsi izdelki | Uporabne povezave */ .tb-footer__grid.tb-footer__grid--4 { grid-template-columns: 1.5fr 1fr 1.2fr 1.1fr; } .tb-footer__brand p { margin: 0 0 14px; } .tb-footer__rating { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: 14px; color: rgba(255,255,255,.75); } .tb-footer__rating strong { color: #fff; font-weight: 600; } .tb-footer__stars { color: #FFCC01; letter-spacing: 1px; font-size: 15px; } .tb-footer__mail { display: flex; align-items: center; gap: 8px; } .tb-footer__mail .tb-icon { flex: none; color: rgba(255,255,255,.75); } .tb-footer__mail a { color: #fff; text-decoration: underline; text-underline-offset: 3px; } @media (max-width: 1024px) { .tb-footer__grid.tb-footer__grid--4 { grid-template-columns: 1fr 1fr 1fr; } .tb-footer__grid--4 .tb-footer__brand { grid-column: 1 / -1; } } @media (max-width: 767px) { .tb-footer__grid.tb-footer__grid--4 { grid-template-columns: 1fr 1fr; gap: 32px 20px; } .tb-footer__grid--4 .tb-footer__brand { grid-column: 1 / -1; } .tb-footer__grid--4 .tb-footer__col:last-of-type { grid-column: 1 / -1; } } body.tabor .tb-footer__brand .tb-footer__rating { max-width: none; font-size: 13.5px; white-space: nowrap; flex-wrap: nowrap; } @media (max-width: 360px) { body.tabor .tb-footer__brand .tb-footer__rating { white-space: normal; flex-wrap: wrap; } } /* 70. Noga: ocena v slogu Trustpilot (zeleni kvadratki) */ body.tabor .tb-footer .tb-footer__rating { gap: 8px; font-size: 14px; } .tb-footer__excellent { color: #fff; font-weight: 600; } body.tabor .tb-footer .tb-tp i { background: #00B67A !important; color: #fff; width: 20px; height: 20px; font-size: 14px; } .tb-footer__sep { color: rgba(255,255,255,.35); } @media (max-width: 420px) { .tb-footer__bottom .tb-pay { gap: 5px; } .tb-footer__bottom .tb-pay li { font-size: 10px; padding: 5px 7px; letter-spacing: .01em; } } /* 71. Noga na telefonu: en stolpec (logo → Raziščite → Vsi izdelki → Uporabne povezave) */ @media (max-width: 767px) { body.tabor .tb-footer__grid, body.tabor .tb-footer__grid.tb-footer__grid--4 { grid-template-columns: 1fr; gap: 28px; } body.tabor .tb-footer__grid--4 > * { grid-column: 1 / -1; } body.tabor .tb-footer h3 { margin-bottom: 12px; } }