/*!/wp-content/uploads/tob-css/tob-956f9dfbe3d0.css*//* === bundle: font-display-swap === */ /* Extracted from snippet 10857 */ @font-face{font-family:"remixicon";font-display:swap;} @font-face{font-family:"Font Awesome 5 Brands";font-display:swap;} @font-face{font-family:"Ionicons";font-display:swap;} /* === bundle: kontakt-fab === */ /* Extracted from snippet 11492 */ #tob-kontakt-fab { position: fixed; bottom: 24px; right: 24px; z-index: 99999; display: flex; flex-direction: column; gap: 12px; font-family: "Plus Jakarta Sans", system-ui, sans-serif; transition: opacity .35s ease, transform .35s ease; } #tob-kontakt-fab.is-hidden { opacity: 0; pointer-events: none; transform: translateY(20px); } .tob-kontakt-item { display: block; text-decoration: none; } .tob-kontakt-item .bubble { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0,0,0,.18); transition: transform .2s ease, box-shadow .2s ease; } .tob-kontakt-item:hover .bubble { transform: scale(1.08); box-shadow: 0 10px 24px rgba(0,0,0,.24); } .tob-kontakt-item .bubble.wa { background: #25D366; } .tob-kontakt-item .bubble.vb { background: #7360F2; } .tob-kontakt-item .bubble svg { width: 30px; height: 30px; fill: #fff; } /* Hide any legacy floating widgets from theme/plugins */ .lycka-floating-buttons, .floating-cta, [class*="floating-social"], [class*="sticky-cta"], .tob-zakazi-sticky, [data-tob-original-fab] { display: none !important; } @media (max-width: 640px) { #tob-kontakt-fab { bottom: 16px; right: 16px; gap: 10px; } .tob-kontakt-item .bubble { width: 50px; height: 50px; } .tob-kontakt-item .bubble svg { width: 26px; height: 26px; } } /* === bundle: profile-base === */ /* Extracted from snippet 10960 */ /* TP-PROFILE BASE — moved from inline per-page styles for caching */ .tp-profile { --bg:#FAF6F0; --bg-alt:#F0E9DE; --bg-soft:#F5EFE5; --text:#2B2420; --text-soft:#5A4F47; --title:#2F5468; --accent:#B87355; --accent-soft:#D6A892; --accent-dark:#8A5640; --border:#E4D9C8; --slate-bg:#D6E0EB; --slate-fg:#3D5067; --sage-bg:#DCE6D6; --sage-fg:#4A5B3D; --coral-bg:#F2D6CC; --coral-fg:#8A4D3B; --pink-bg:#F3D8DF; --pink-fg:#7A3A4D; --amber-bg:#F0E0C8; --amber-fg:#7A5A2E; --lilac-bg:#DED3E8; --lilac-fg:#4E3A66; font-family:'Inter',sans-serif; background:var(--bg); color:var(--text); font-size:16px; line-height:1.65; } .tp-profile * { box-sizing:border-box; margin:0; padding:0; } .tp-profile p:empty { display:none; } .tp-profile h1,.tp-profile h2,.tp-profile h3 { font-family:'Cormorant Garamond',serif; font-weight:500; letter-spacing:-0.01em; color:var(--title); } .tp-profile h1 { font-size:clamp(2rem,4.2vw,3rem); line-height:1.15; } .tp-profile h2 { font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.22; margin-bottom:1rem; } .tp-profile h3 { font-size:1.25rem; line-height:1.3; margin-bottom:0.5rem; } .tp-profile p { margin-bottom:1rem; } .tp-profile p:last-child { margin-bottom:0; } .tp-profile .tpwrap { max-width:1080px; margin:0 auto; padding:0 24px; } .tp-profile .narrow { max-width:740px; } .tp-profile .crumb { padding:22px 24px 4px; font-size:0.88rem; color:var(--text-soft); max-width:1080px; margin:0 auto; } .tp-profile .crumb a { color:var(--text-soft); text-decoration:none; } .tp-profile .crumb a:hover { color:var(--accent); } .tp-profile .crumb .sep { margin:0 8px; opacity:0.5; } .tp-profile .hero { padding:16px 0 56px; } .tp-profile .hero-grid { display:grid; grid-template-columns:380px 1fr; gap:52px; align-items:start; } .tp-profile .hero-photo-wrap { position:relative; } .tp-profile .hero-photo { width:100%; aspect-ratio:4/5; border-radius:20px; background-color:var(--bg-alt); background-size:cover; background-position:center; position:relative; overflow:hidden; } .tp-profile .hero-photo .exp-badge { position:absolute; top:16px; right:16px; padding:6px 14px; border-radius:999px; background:rgba(47,84,104,0.92); color:#fff; font-size:0.75rem; letter-spacing:0.06em; text-transform:uppercase; font-weight:600; } .tp-profile .hero-photo .avail-badge { position:absolute; bottom:16px; left:16px; padding:6px 12px 6px 26px; border-radius:999px; background:rgba(255,255,255,0.96); color:var(--title); font-size:0.8rem; font-weight:500; } .tp-profile .hero-photo .avail-badge::before { content:""; position:absolute; left:12px; top:50%; transform:translateY(-50%); width:8px; height:8px; border-radius:50%; background:#6FA87A; } .tp-profile .hero-meta-card { margin-top:16px; padding:16px 20px; background:#fff; border:1px solid var(--border); border-radius:12px; } .tp-profile .hero-meta-card dl { display:grid; grid-template-columns:auto 1fr; gap:6px 16px; font-size:0.9rem; margin:0; } .tp-profile .hero-meta-card dt { color:var(--text-soft); font-weight:500; } .tp-profile .hero-meta-card dd { color:var(--text); margin:0; } .tp-profile .hero-meta-card dd.price { color:var(--accent); font-weight:600; font-size:1rem; font-family:'Cormorant Garamond',serif; } .tp-profile .hero-info .modality-chip { display:inline-block; padding:5px 12px; border-radius:999px; background:var(--accent-soft); color:var(--accent-dark); font-size:0.78rem; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; margin-bottom:14px; } .tp-profile .hero-info h1 { margin-bottom:6px; } .tp-profile .hero-info .role { font-size:1.1rem; color:var(--text-soft); margin-bottom:12px; } .tp-profile .hero-info .tagline { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.3rem; color:var(--accent-dark); margin-bottom:20px; line-height:1.35; } .tp-profile .specs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; } .tp-profile .specs .spec { padding:4px 12px; border-radius:999px; font-size:0.8rem; font-weight:500; } .tp-profile .spec.slate { background:var(--slate-bg); color:var(--slate-fg); } .tp-profile .spec.sage { background:var(--sage-bg); color:var(--sage-fg); } .tp-profile .spec.coral { background:var(--coral-bg); color:var(--coral-fg); } .tp-profile .spec.pink { background:var(--pink-bg); color:var(--pink-fg); } .tp-profile .spec.amber { background:var(--amber-bg); color:var(--amber-fg); } .tp-profile .spec.lilac { background:var(--lilac-bg); color:var(--lilac-fg); } .tp-profile .hero-cta { display:flex; gap:12px; flex-wrap:wrap; } .tp-profile .btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; border-radius:999px; font-size:0.95rem; font-weight:500; text-decoration:none; transition:all 0.2s; cursor:pointer; border:none; } .tp-profile .btn-primary { background:var(--title); color:#fff; } .tp-profile .btn-primary:hover { background:var(--accent-dark); } .tp-profile .btn-ghost { background:transparent; color:var(--title); border:1px solid var(--border); } .tp-profile .btn-ghost:hover { background:var(--bg-alt); } .tp-profile .sec { padding:56px 0; } .tp-profile .sec.alt { background:var(--bg-soft); } .tp-profile .sec-eyebrow { display:inline-block; font-size:0.8rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--accent); font-weight:600; margin-bottom:8px; } .tp-profile .intro { max-width:740px; font-size:1.05rem; } .tp-profile .approach-list { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:12px; } .tp-profile .approach-list > p { display:none; } .tp-profile .approach-item { background:#fff; border:1px solid var(--border); border-radius:14px; padding:28px; position:relative; } .tp-profile .approach-item .num { position:absolute; top:-12px; left:24px; background:var(--accent); color:#fff; padding:4px 12px; border-radius:999px; font-size:0.75rem; font-weight:600; letter-spacing:0.08em; } .tp-profile .approach-item h3 { margin-top:8px; } .tp-profile .approach-item p { font-size:0.95rem; color:var(--text-soft); } .tp-profile .quote-block { background:#fff; border-left:3px solid var(--accent); padding:28px 32px; border-radius:0 12px 12px 0; max-width:820px; font-family:'Cormorant Garamond',serif; font-size:1.25rem; line-height:1.55; color:var(--title); font-style:italic; } .tp-profile .quote-block .attrib { font-family:'Inter',sans-serif; font-style:normal; font-size:0.9rem; color:var(--text-soft); margin-top:18px; } .tp-profile .first-session { display:grid; grid-template-columns:120px 1fr; gap:32px; align-items:start; max-width:900px; } .tp-profile .first-session .badge { display:inline-block; padding:14px 18px; background:var(--accent-soft); color:var(--accent-dark); border-radius:12px; font-size:0.95rem; font-weight:600; text-align:center; } .tp-profile .session-steps { margin-top:14px; padding-left:20px; color:var(--text-soft); } .tp-profile .session-steps li { margin-bottom:8px; } .tp-profile .cred-single { background:#fff; border:1px solid var(--border); border-radius:12px; padding:26px 32px; max-width:820px; } .tp-profile .cred-single ul { list-style:none; } .tp-profile .cred-single li { padding:10px 0; border-bottom:1px solid var(--border); color:var(--text); font-size:0.95rem; position:relative; padding-left:20px; } .tp-profile .cred-single li:last-child { border-bottom:none; } .tp-profile .cred-single li::before { content:"•"; position:absolute; left:0; color:var(--accent); font-weight:bold; } .tp-profile .faq { max-width:820px; } .tp-profile .faq > p { display:none; } .tp-profile .faq details { background:#fff; border:1px solid var(--border); border-radius:10px; margin-bottom:10px; overflow:hidden; } .tp-profile .faq summary { padding:16px 22px; cursor:pointer; font-weight:500; color:var(--title); list-style:none; position:relative; padding-right:44px; } .tp-profile .faq summary::-webkit-details-marker { display:none; } .tp-profile .faq summary::after { content:"+"; position:absolute; right:22px; top:50%; transform:translateY(-50%); color:var(--accent); font-size:1.3rem; line-height:1; } .tp-profile .faq details[open] summary::after { content:"−"; } .tp-profile .faq .faq-body { padding:0 22px 18px; color:var(--text-soft); font-size:0.95rem; line-height:1.6; } .tp-profile .cta-strip { background:var(--title); color:#fff; padding:50px 0; text-align:center; } .tp-profile .cta-strip h2 { color:#fff; } .tp-profile .cta-strip p { color:rgba(255,255,255,0.8); margin-bottom:20px; } .tp-profile .cta-strip .btn-primary { background:var(--accent); } .tp-profile .cta-strip .btn-primary:hover { background:var(--accent-soft); color:var(--title); } .tp-profile .others { padding:56px 0 72px; } .tp-profile .others .sub { color:var(--text-soft); margin-bottom:24px; max-width:600px; } .tp-profile .others-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .tp-profile .others-grid > :not(.mini-card) { display:none !important; } .tp-profile .mini-card { display:block; text-decoration:none; color:inherit; background:#fff; border:1px solid var(--border); border-radius:14px; overflow:hidden; transition:all 0.2s; } .tp-profile .mini-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,0,0,0.08); } .tp-profile .mini-photo { width:100%; aspect-ratio:4/3; background-color:var(--bg-alt); background-size:cover; background-position:center; } .tp-profile .mini-body { padding:16px 20px; } .tp-profile .mini-name { font-family:'Cormorant Garamond',serif; font-size:1.15rem; color:var(--title); margin-bottom:4px; } .tp-profile .mini-role { font-size:0.82rem; color:var(--text-soft); margin-bottom:6px; } .tp-profile .mini-price { color:var(--accent); font-weight:600; font-size:0.95rem; font-family:'Cormorant Garamond',serif; } .tp-profile .mini-price span { color:var(--text-soft); font-weight:400; font-size:0.8rem; margin-left:2px; } @media (max-width:860px) { .tp-profile .hero-grid { grid-template-columns:1fr; gap:32px; } .tp-profile .hero-photo-wrap { max-width:380px; margin:0 auto; width:100%; } .tp-profile .approach-list { grid-template-columns:1fr; } .tp-profile .first-session { grid-template-columns:1fr; } .tp-profile .others-grid { grid-template-columns:1fr 1fr; } } @media (max-width:520px) { .tp-profile .others-grid { grid-template-columns:1fr; } } /* ============================================================ Mobile UX fixes — arrows + dots + general polish Scope: ≤991px only (desktop untouched) Footer intentionally excluded — handled via builder elsewhere ============================================================ */ @media (max-width: 991px) { /* ---------- Slider arrows: visible + restyled ---------- Beats `.bt_bb_content_slider .slick-prev, .slick-next { display: flex !important }` with html body prefix + full class chain (higher specificity). */ html body .bt_bb_content_slider .slick-arrow, html body .bt_bb_content_slider .slick-prev, html body .bt_bb_content_slider .slick-next { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: rgba(31, 58, 68, 0.85) !important; border: none !important; box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important; top: 40% !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 1 !important; transition: background 0.2s ease !important; } html body .bt_bb_content_slider .slick-prev { left: 4px !important; } html body .bt_bb_content_slider .slick-next { right: 4px !important; } html body .bt_bb_content_slider .slick-arrow:hover, html body .bt_bb_content_slider .slick-arrow:focus { background: rgba(31, 58, 68, 1) !important; } /* Chevron glyph */ html body .bt_bb_content_slider .slick-arrow:before, html body .bt_bb_content_slider .slick-prev:before, html body .bt_bb_content_slider .slick-next:before { color: #ffffff !important; font-size: 18px !important; line-height: 1 !important; opacity: 1 !important; } /* ---------- Slider dots: easier to tap ---------- */ html body .slick-dots li, html body .slick-dots li button { width: 14px !important; height: 14px !important; } html body .slick-dots li { margin: 0 6px !important; } html body .slick-dots li button:before { font-size: 10px !important; line-height: 14px !important; width: 14px !important; height: 14px !important; } /* ---------- General polish ---------- */ h1, h2, h3 { word-wrap: break-word !important; overflow-wrap: break-word !important; hyphens: auto !important; } .bt_bb_section.bt_bb_top_spacing_large { padding-top: 40px !important; } .bt_bb_section.bt_bb_bottom_spacing_large { padding-bottom: 40px !important; } } /* ============================================================ === SITE POLISH v2 === (Apr 2026) Header contrast + hero/section titles + blog title color + therapist-profile Prvi susret polish Runs site-wide (NOT inside the earlier @media block) ============================================================ */ /* 1. HEADER contrast on non-home pages */ body:not(.home) .mainHeader, body:not(.home) .bt-vertical-header-top, body:not(.home) header.mainHeader { background-color: rgba(47, 84, 104, 0.97) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 2px 12px rgba(0,0,0,0.08); } body:not(.home) .mainHeader a, body:not(.home) .mainHeader .bt_bb_menu_btn, body:not(.home) .bt-vertical-header-top a { color: #fff !important; } body:not(.home) .mainHeader a:hover { color: #D6A892 !important; } /* 2. Page hero titles — /terapeuti/ (2145) + /o-nama/ (11) */ body.page-id-2145 .bt_bb_headline h1, body.page-id-2145 .bt_bb_headline h1 .bt_bb_headline_content span, body.page-id-11 .bt_bb_headline h1, body.page-id-11 .bt_bb_headline h1 .bt_bb_headline_content span { font-size: 2.9rem !important; line-height: 1.15 !important; letter-spacing: -0.01em !important; } @media (max-width: 768px) { body.page-id-2145 .bt_bb_headline h1, body.page-id-2145 .bt_bb_headline h1 .bt_bb_headline_content span, body.page-id-11 .bt_bb_headline h1, body.page-id-11 .bt_bb_headline h1 .bt_bb_headline_content span { font-size: 2.1rem !important; } } /* Section H2 titles on /o-nama/ */ body.page-id-11 .bt_bb_section h2, body.page-id-11 .bt_bb_section h2 .bt_bb_headline_content span, body.page-id-11 .bt_bb_headline h2, body.page-id-11 .bt_bb_headline h2 .bt_bb_headline_content span { font-size: 2rem !important; line-height: 1.22 !important; } @media (max-width: 768px) { body.page-id-11 .bt_bb_section h2, body.page-id-11 .bt_bb_section h2 .bt_bb_headline_content span, body.page-id-11 .bt_bb_headline h2, body.page-id-11 .bt_bb_headline h2 .bt_bb_headline_content span { font-size: 1.55rem !important; } } /* 3. BLOG post titles in bluish hue */ .single-post .bt_bb_headline h1, .single-post .bt_bb_headline h1 .bt_bb_headline_content span, .single-post h1.entry-title, .single-post h1.post-title, .single-post .post-title, .single-post .entry-title, .blog .entry-title, .blog .post-title, .archive.category .entry-title, .archive.tag .entry-title, .archive .entry-title, article.post .entry-title, article.post .entry-title a, article.post h1, article.post h2.entry-title, article.post .bt_bb_headline h1 .bt_bb_headline_content span { color: #2F5468 !important; } /* 4. THERAPIST PROFILE — Prvi susret polish */ .tp-profile .first-session { position: relative; padding: 36px; background: linear-gradient(180deg, #fff 0%, #FDFAF4 100%); border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 8px 32px rgba(0,0,0,0.05); overflow: hidden; gap: 36px !important; } .tp-profile .first-session::before { content: ""; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: linear-gradient(180deg, var(--accent-soft), var(--accent), var(--accent-dark)); } .tp-profile .first-session .badge { padding: 22px 12px !important; background: linear-gradient(135deg, var(--accent), var(--accent-dark)) !important; color: #fff !important; font-family: 'Cormorant Garamond', serif !important; font-weight: 500 !important; font-size: 1.65rem !important; line-height: 1 !important; border-radius: 14px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: 110px !important; box-shadow: 0 4px 14px rgba(184,115,85,0.25); } .tp-profile .first-session .badge::after { content: "prva seansa"; font-family: 'Inter', sans-serif; font-size: 0.68rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 6px; opacity: 0.9; } .tp-profile .first-session h3 { font-size: 1.55rem !important; margin-bottom: 14px !important; } .tp-profile .session-steps { margin-top: 22px !important; counter-reset: prvi; padding-left: 0 !important; list-style: none !important; } .tp-profile .session-steps li { counter-increment: prvi; position: relative; padding: 14px 16px 14px 52px !important; margin-bottom: 10px !important; background: var(--bg-soft); border-radius: 12px; color: var(--text) !important; line-height: 1.55; font-size: 0.96rem; transition: all 0.2s; } .tp-profile .session-steps li:hover { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.04); } .tp-profile .session-steps li::before { content: counter(prvi); position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: var(--accent); color: #fff; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 0.82rem; display: flex; align-items: center; justify-content: center; } /* 5. CARD CTA INLINE (Anđela test) — price + Pogledaj profil on one row */ .tob-t-card .tob-t-foot { flex-direction: row !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; padding-top: 4px !important; margin-top: 4px !important; border-top: none !important; } .tob-t-card .tob-t-foot > p { margin: 0 !important; padding: 0 !important; } .tob-t-card .tob-t-foot .tob-t-price { margin: 0 !important; flex: 0 0 auto !important; font-family: 'Cormorant Garamond', serif !important; font-size: 1.45rem !important; color: #B87355 !important; font-weight: 600 !important; line-height: 1 !important; } .tob-t-card .tob-t-foot .tob-t-price span { font-family: 'Inter', sans-serif !important; font-size: 0.78rem !important; color: #7A6B5D !important; font-weight: 400 !important; margin-left: 3px !important; } .tob-t-card .tob-t-foot .tob-t-btn { background: #2F5468 !important; color: #fff !important; padding: 10px 18px !important; border-radius: 999px !important; font-size: 0.85rem !important; font-weight: 500 !important; font-family: 'Inter', sans-serif !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; transition: all 0.2s !important; } .tob-t-card .tob-t-foot .tob-t-btn::after { content: "→"; font-size: 0.95rem; line-height: 1; } .tob-t-card:hover .tob-t-foot .tob-t-btn { background: #B87355 !important; } /* 6. /o-nama/ Ukratko box — richer layout */ body.page-id-11 aside.facts-rich { background: linear-gradient(180deg, #fff 0%, #FDFAF4 100%) !important; border: 1px solid #E4D9C8 !important; border-radius: 16px !important; padding: 28px 28px 24px !important; box-shadow: 0 6px 24px rgba(0,0,0,0.04) !important; position: relative; overflow: hidden; } body.page-id-11 aside.facts-rich::before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: linear-gradient(180deg, #D6A892, #B87355); } body.page-id-11 aside.facts-rich h4 { font-family: 'Cormorant Garamond', serif !important; font-size: 0.78rem !important; font-weight: 600 !important; color: #B87355 !important; text-transform: uppercase !important; letter-spacing: 0.14em !important; margin: 0 0 18px 0 !important; padding-bottom: 14px; border-bottom: 1px solid #E4D9C8; } body.page-id-11 aside.facts-rich ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } body.page-id-11 aside.facts-rich ul li { display: flex !important; align-items: center !important; gap: 14px !important; padding: 11px 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(228, 217, 200, 0.5) !important; color: #2B2420 !important; font-size: 0.95rem !important; line-height: 1.4 !important; } body.page-id-11 aside.facts-rich ul li:last-child { border-bottom: none !important; } body.page-id-11 aside.facts-rich ul li::before { display: none !important; content: none !important; } body.page-id-11 aside.facts-rich ul li .ic { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: rgba(184, 115, 85, 0.1) !important; font-size: 1.05rem !important; flex-shrink: 0 !important; line-height: 1 !important; } body.page-id-11 aside.facts-rich ul li .lbl { flex: 1 !important; font-size: 0.95rem !important; color: #2B2420 !important; } body.page-id-11 aside.facts-rich ul li .lbl strong { font-weight: 600 !important; color: #2F5468 !important; } /* 7. Heading size bumps (custom-HTML titles on /terapeuti/ 2145 + /o-nama/ 11) */ /* These H1/H2s are NOT wrapped in .bt_bb_headline — they are raw inside .tob-t-wrap etc. */ body.page-id-2145 .tob-t-wrap > h1, body.page-id-2145 main h1, body.page-id-11 main h1 { font-size: 3.4rem !important; line-height: 1.1 !important; letter-spacing: -0.015em !important; } @media (max-width: 768px) { body.page-id-2145 .tob-t-wrap > h1, body.page-id-2145 main h1, body.page-id-11 main h1 { font-size: 2.3rem !important; } } /* O nama section H2s — bump slightly so they read as titles */ body.page-id-11 main h2, body.page-id-11 section h2 { font-size: 2.4rem !important; line-height: 1.18 !important; letter-spacing: -0.01em !important; } @media (max-width: 768px) { body.page-id-11 main h2, body.page-id-11 section h2 { font-size: 1.7rem !important; } } /* Make sure active snippet doesn't get deactivated if re-saved */ /* 8. HIGH-SPECIFICITY heading overrides for /o-nama/ (beats theme clamp) */ html body.page-id-11 .tob-onama-v6 h2, html body.page-id-11 .bt_bb_section h2, html body.page-id-11 main section h2, html body.page-id-11 section.bt_bb_section h2 { font-size: 2.4rem !important; line-height: 1.18 !important; letter-spacing: -0.01em !important; } @media (max-width: 768px) { html body.page-id-11 .tob-onama-v6 h2, html body.page-id-11 .bt_bb_section h2, html body.page-id-11 main section h2, html body.page-id-11 section.bt_bb_section h2 { font-size: 1.75rem !important; } } /* H1 overrides (both pages) */ html body.page-id-2145 .tob-t-wrap h1, html body.page-id-2145 main h1, html body.page-id-11 .tob-onama-v6 h1, html body.page-id-11 main h1 { font-size: 3.6rem !important; line-height: 1.08 !important; letter-spacing: -0.015em !important; } @media (max-width: 768px) { html body.page-id-2145 .tob-t-wrap h1, html body.page-id-2145 main h1, html body.page-id-11 .tob-onama-v6 h1, html body.page-id-11 main h1 { font-size: 2.4rem !important; } } /* 9. Therapist single-page section H2s — bump slightly */ .tp-profile section h2, .tp-profile h2.narrow { font-size: 2.15rem !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; } @media (max-width: 768px) { .tp-profile section h2, .tp-profile h2.narrow { font-size: 1.6rem !important; } } /* 10. Sticky/scrolled header logo — always show white logo on non-home pages */ body:not(.home) .btMainLogo, body:not(.home) img.btMainLogo { display: inline-block !important; opacity: 1 !important; visibility: visible !important; } body:not(.home) .btAltLogo, body:not(.home) img.btAltLogo { display: none !important; opacity: 0 !important; visibility: hidden !important; } /* When sticky/scrolled state activates, keep white logo visible */ body:not(.home).btStickyHeaderActive .btMainLogo, body:not(.home).btStickyHeaderActive img.btMainLogo { display: inline-block !important; opacity: 1 !important; visibility: visible !important; } body:not(.home).btStickyHeaderActive .btAltLogo, body:not(.home).btStickyHeaderActive img.btAltLogo { display: none !important; } /* Sticky header itself stays dark navy */ body:not(.home).btStickyHeaderActive .mainHeader, body:not(.home).btStickyHeaderActive .bt-vertical-header-top { background-color: rgba(47, 84, 104, 0.97) !important; } body:not(.home).btStickyHeaderActive .mainHeader a { color: #fff !important; } /* 11. Lazy-loading hint for hero photos in therapist profile */ .tp-profile .mini-photo { /* mini photos still get content-visibility for off-screen */ content-visibility: auto; contain-intrinsic-size: auto 400px; } /* 12. Image lazy/eager hints + content-visibility for off-screen sections */ /* Therapist profile: hero image should be high-priority above the fold */ .tp-profile .hero-photo[style*="background-image"] { /* hero is already eager via background-image */ } /* Off-screen sections benefit from content-visibility */ .tp-profile .others, .tp-profile .first-session, .tp-profile .quote-block, .tp-profile .approach-list, .tp-profile .faq, .tp-profile .cred-single { content-visibility: auto; contain-intrinsic-size: auto 600px; } /* /terapeuti/ listing — defer below-the-fold cards */ .tob-t-grid > .tob-t-card:nth-child(n+5) { content-visibility: auto; contain-intrinsic-size: auto 500px; } /* 13. Scrolled-state DROPDOWN menu — keep dark navy on non-home pages */ body:not(.home) .mainHeader nav ul ul, body:not(.home) .mainHeader nav ul li ul, body:not(.home).btStickyHeaderActive .mainHeader nav ul ul, body:not(.home).btStickyHeaderActive .mainHeader nav ul li ul { background-color: rgba(47, 84, 104, 0.97) !important; border-color: rgba(255, 255, 255, 0.1) !important; } body:not(.home) .mainHeader nav ul ul a, body:not(.home) .mainHeader nav ul li ul a, body:not(.home).btStickyHeaderActive .mainHeader nav ul ul a { color: #fff !important; } body:not(.home) .mainHeader nav ul ul a:hover { color: #D6A892 !important; background-color: rgba(255, 255, 255, 0.05) !important; } /* 14. Mobile menu drawer — also dark on non-home */ body:not(.home) .btSideMenuOpen .mainHeader, body:not(.home).btMenuOpen .mainHeader, body:not(.home) .menuTrigger { background-color: rgba(47, 84, 104, 0.97) !important; } body:not(.home) .btSideMenuOpen .mainHeader a, body:not(.home).btMenuOpen .mainHeader a { color: #fff !important; } /* 15. BLOG title color — push specificity higher */ html body.single-post .bt_bb_headline h1, html body.single-post .bt_bb_headline h1 .bt_bb_headline_content span, html body.single-post h1.entry-title, html body.blog h2.entry-title, html body.blog h2.entry-title a, html body.blog .post .entry-title, html body.archive .entry-title, html body.archive .entry-title a, html body article.post h1, html body article.post h2 a, html body article.post .entry-title, html body article.post .entry-title a, html body .blog .post-title, html body .blog .post-title a { color: #2F5468 !important; } /* 16. Resource hints helper — content-visibility for off-screen homepage Naš tim section */ .bt_bb_section.team-carousel, .bt_bb_section[class*="team"], section.bt_bb_section h2 + .bt_bb_content_slider { content-visibility: auto; contain-intrinsic-size: auto 600px; } /* 17. Homepage U BROJEVIMA banner */ .tob-stats-banner { background: linear-gradient(135deg, #2F5468 0%, #3D6680 100%); border-radius: 18px; padding: 30px 28px 20px; color: #fff; margin: 0 auto; max-width: 1080px; box-shadow: 0 12px 40px rgba(47,84,104,0.18); position: relative; overflow: hidden; } /* removed glow ::before */ .tob-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; z-index: 1; } .tob-stat { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 12px; position: relative; } .tob-stat::before, .tob-stat::after { content: ""; position: absolute; top: 12%; height: 76%; width: 1px; background: rgba(255,255,255,0.18); pointer-events: none; } .tob-stat::before { left: -12px; } .tob-stat::after { right: -12px; } .tob-stat:not(:first-child)::before { display: none; } .tob-stat-num { font-family: 'Cormorant Garamond', serif; font-size: 3rem; font-weight: 500; line-height: 1; letter-spacing: -0.02em; color: #fff; margin-bottom: 8px; } .tob-stat-label { font-family: 'Inter', sans-serif; font-size: 0.85rem; color: rgba(255,255,255,0.85); letter-spacing: 0.02em; line-height: 1.35; } @media (max-width: 720px) { .tob-stats-banner { padding: 28px 18px; } .tob-stats-grid { grid-template-columns: 1fr 1fr; gap: 24px 16px; } .tob-stat-num { font-size: 2.4rem; } } /* 18. Footer SOS hotlines block */ .tob-sos { background: #F5EFE5; border-top: 1px solid #E4D9C8; padding: 28px 24px 24px; } .tob-sos-inner { max-width: 1080px; margin: 0 auto; text-align: center; } .tob-sos-title { font-family: 'Inter', sans-serif; font-size: 0.9rem; font-weight: 500; color: #2F5468; margin: 0 0 14px 0; display: inline-flex; align-items: center; gap: 8px; letter-spacing: 0.02em; } .tob-sos-title::before { content: "📞"; font-size: 1rem; } .tob-sos-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 36px; font-size: 0.92rem; color: #5A4F47; font-family: 'Inter', sans-serif; } .tob-sos-grid a { color: #5A4F47; text-decoration: none; } .tob-sos-grid a:hover { color: #2F5468; } .tob-sos-item { display: inline-flex; align-items: baseline; gap: 8px; white-space: nowrap; } .tob-sos-item .sos-name { color: #5A4F47; } .tob-sos-item .sos-num { font-weight: 600; color: #2F5468; } .tob-sos-item .sos-tag { font-size: 0.78rem; color: #8A7E72; margin-left: 4px; } .tob-sos-note { margin-top: 14px; font-size: 0.78rem; color: #8A7E72; font-style: italic; } @media (max-width: 720px) { .tob-sos-grid { flex-direction: column; gap: 12px; } .tob-sos-item { white-space: normal; justify-content: center; } } /* 19. Outline-style buttons matching POŠALJI — for our two new homepage buttons */ body.home a.bt_bb_link[href$="/terapeuti/"], body.home a.bt_bb_link[href$="/o-nama/"] { /* selector match — we'll style the wrapper button */ } body.home .bt_bb_button:has(> a.bt_bb_link[href$="/terapeuti/"]), body.home .bt_bb_button:has(> a.bt_bb_link[href$="/o-nama/"]), body.home div.bt_bb_button.bt_bb_color_scheme_5 { /* fallback: target by color scheme for our two buttons */ } /* Direct outline style override — matches POŠALJI look */ body.home .bt_bb_button[class*="bt_bb_color_scheme_5"]:has(a[href$="/terapeuti/"]), body.home .bt_bb_button[class*="bt_bb_color_scheme_5"]:has(a[href$="/o-nama/"]) { background: transparent !important; border: 1.5px solid #B87355 !important; border-radius: 0 !important; padding: 2px !important; } body.home .bt_bb_button[class*="bt_bb_color_scheme_5"]:has(a[href$="/terapeuti/"]) > a, body.home .bt_bb_button[class*="bt_bb_color_scheme_5"]:has(a[href$="/o-nama/"]) > a { background: #D6A892 !important; color: #fff !important; border-radius: 0 !important; padding: 14px 28px !important; display: inline-block !important; font-weight: 500 !important; letter-spacing: 0.06em !important; font-size: 0.85rem !important; text-transform: uppercase !important; box-shadow: none !important; border: 1px solid transparent !important; outline: 1px solid rgba(184,115,85,0.4); outline-offset: 2px; } body.home .bt_bb_button[class*="bt_bb_color_scheme_5"]:has(a[href$="/terapeuti/"]):hover > a, body.home .bt_bb_button[class*="bt_bb_color_scheme_5"]:has(a[href$="/o-nama/"]):hover > a { background: #B87355 !important; color: #fff !important; } /* Also handle outline style attribute version (when bt_bb_button outputs style_outline class) */ body.home .bt_bb_button.bt_bb_style_outline:has(a[href$="/terapeuti/"]), body.home .bt_bb_button.bt_bb_style_outline:has(a[href$="/o-nama/"]) { background: transparent !important; border: 1.5px solid #B87355 !important; border-radius: 0 !important; padding: 2px !important; box-shadow: none !important; } body.home .bt_bb_button.bt_bb_style_outline:has(a[href$="/terapeuti/"]) > a, body.home .bt_bb_button.bt_bb_style_outline:has(a[href$="/o-nama/"]) > a { background: #D6A892 !important; color: #fff !important; border-radius: 0 !important; padding: 14px 28px !important; display: inline-block !important; font-weight: 500 !important; letter-spacing: 0.06em !important; font-size: 0.85rem !important; text-transform: uppercase !important; border: none !important; outline: none !important; } /* 20. Mobile (≤720px) — show all 4 outer dividers on the 2×2 grid */ @media (max-width: 720px) { } /* 21. Hero grid hardening — never collapse on desktop */ @media (min-width: 861px) { .tp-profile .hero-grid { display: grid !important; grid-template-columns: 380px 1fr !important; gap: 52px !important; } .tp-profile .hero-photo-wrap { width: 380px !important; max-width: 380px !important; } .tp-profile .hero-info { min-width: 0 !important; } } /* 22. Top padding on therapist profile crumb so sticky header doesn't overlap */ @media (min-width: 861px) { .tp-profile .crumb { padding-top: 36px !important; } .tp-profile .hero { padding-top: 8px !important; } } /* 23. Kako radim approach-item — protect badge from clipping */ .tp-profile .approach-list { overflow: visible !important; padding-top: 14px !important; } .tp-profile .approach-item { overflow: visible !important; } .tp-profile .approach-item .num { z-index: 2; } /* 24. Dark footer SOS strip to merge with footer mountain background */ body .tob-sos { background: #1c2c39 !important; background-image: linear-gradient(rgba(28,44,57,0.92), rgba(28,44,57,0.92)), url(/wp-content/uploads/2026/01/hero-background.webp) !important; background-size: cover !important; background-position: center !important; border-top: none !important; margin-top: -1px !important; padding: 32px 24px 36px !important; color: #fff !important; } body .tob-sos-title { color: #fff !important; opacity: 0.95; } body .tob-sos-grid { color: rgba(255,255,255,0.85) !important; } body .tob-sos-grid a, body .tob-sos-grid .sos-name { color: rgba(255,255,255,0.85) !important; } body .tob-sos-grid .sos-num { color: #fff !important; font-weight: 600 !important; } body .tob-sos-grid a:hover { color: #D6A892 !important; } body .tob-sos-grid .sos-tag { color: rgba(255,255,255,0.6) !important; } body .tob-sos-note { color: rgba(255,255,255,0.65) !important; } /* 25. Mobile h2 size bumps — therapist profile + /o-nama/ */ @media (max-width: 720px) { .tp-profile section h2, .tp-profile h2.narrow { font-size: 1.85rem !important; line-height: 1.18 !important; } .tp-profile h1 { font-size: 2.5rem !important; line-height: 1.1 !important; } html body.page-id-11 .tob-onama-v6 h2, html body.page-id-11 .bt_bb_section h2, html body.page-id-11 main section h2 { font-size: 1.95rem !important; line-height: 1.2 !important; } } /* 26. Hero H1 vs body — accentuate by softening body text on hero */ body.page-id-2145 .tob-t-lede, body.page-id-11 .tob-onama-v6 .lede, body.page-id-11 .tob-onama-v6 .hero-lede, body.page-id-2145 .tob-t-hero p, body.page-id-11 .tob-onama-v6 > p:first-of-type { opacity: 0.78 !important; font-weight: 300 !important; } /* And bump hero h1 ratio slightly */ html body.page-id-2145 .tob-t-wrap h1, html body.page-id-2145 main h1, html body.page-id-11 .tob-onama-v6 h1, html body.page-id-11 main h1 { font-size: 4rem !important; } @media (max-width: 768px) { html body.page-id-2145 .tob-t-wrap h1, html body.page-id-2145 main h1, html body.page-id-11 .tob-onama-v6 h1, html body.page-id-11 main h1 { font-size: 2.6rem !important; } } /* 27. Mobile hamburger button — white when sticky/scrolled */ body:not(.home) .menuTrigger, body:not(.home) .menuTrigger span, body:not(.home) .menuTrigger::before, body:not(.home) .menuTrigger::after, body:not(.home).btStickyHeaderActive .menuTrigger, body:not(.home).btStickyHeaderActive .menuTrigger span, body:not(.home).btStickyHeaderActive .menuTrigger::before, body:not(.home).btStickyHeaderActive .menuTrigger::after, body:not(.home) .btMobileMenu, body:not(.home) .bt_bb_btnholder, body:not(.home) .bt_bb_btn-collapse, body:not(.home) .bt_bb_btn-collapse i, body:not(.home) .bt_bb_btn-collapse svg, body:not(.home) .navbar-toggler, body:not(.home) .navbar-toggler-icon, body:not(.home) [class*="menuTrigger"] *, body:not(.home) header [class*="hamburger"] *, body:not(.home) header button[aria-label*="menu" i] { color: #fff !important; background-color: transparent !important; } body:not(.home) .menuTrigger span, body:not(.home) [class*="menuTrigger"] span, body:not(.home) .navbar-toggler-icon { background-color: #fff !important; } /* 28. Andjela listing card fix — wpautop empty

breaking grid */ .tob-t-card > p:empty, .tob-t-card > p:has(br:only-child) { display: none !important; } /* 29. O meni paragraph size — match other section body text */ .tp-profile .intro p { font-size: 0.95rem !important; line-height: 1.65 !important; } /* 30. Tighten supertitle/eyebrow margin to headline — site-wide */ .bt_bb_supertitle, .bt_bb_headline_supertitle, .supertitle, .section-eyebrow { margin-bottom: 4px !important; } .bt_bb_headline .bt_bb_supertitle + .bt_bb_headline_content, .bt_bb_headline .bt_bb_headline_supertitle + .bt_bb_headline_content { margin-top: 4px !important; } /* Direct h1/h2 next to a supertitle */ .bt_bb_headline h2, .bt_bb_headline h1, .bt_bb_headline h3 { margin-top: 4px !important; } .tp-profile .sec-eyebrow { margin-bottom: 2px !important; } /* 31. Mobile brojevi banner — only middle (in-row) dividers, remove all outer ones, trim bottom + add gap above button */ @media (max-width: 720px) { .tob-stats-banner { padding: 24px 18px 14px !important; margin-bottom: 32px !important; } /* Hide outer dividers */ .tob-stat::before { display: none !important; } .tob-stat:nth-child(2)::after, .tob-stat:nth-child(4)::after { display: none !important; } /* Keep only between-cell dividers in same row: stat 0::after (between 0 and 1) and stat 2::after (between 2 and 3) — these auto stay since they're :not(:last-child) original. We hid 2's after earlier, but Filip wants middle only. After re-eval: in 2x2 grid, middle dividers are 0::after and 2::after. So keep those visible. */ .tob-stat:nth-child(1)::after, .tob-stat:nth-child(3)::after { display: block !important; right: -8px !important; } /* And remove the gap divider between rows */ } /* 32. Hamburger menu trigger — white when scrolled / on non-home pages (Bold Builder triggers) */ body:not(.home) .bt-vertical-menu-trigger, body:not(.home) .bt-horizontal-menu-trigger, body:not(.home).btStickyHeaderActive .bt-vertical-menu-trigger, body:not(.home).btStickyHeaderActive .bt-horizontal-menu-trigger { color: #fff !important; } body:not(.home) .bt-vertical-menu-trigger *, body:not(.home) .bt-horizontal-menu-trigger *, body:not(.home).btStickyHeaderActive .bt-vertical-menu-trigger *, body:not(.home).btStickyHeaderActive .bt-horizontal-menu-trigger * { color: #fff !important; border-color: #fff !important; } body:not(.home) .bt-vertical-menu-trigger span, body:not(.home) .bt-horizontal-menu-trigger span, body:not(.home).btStickyHeaderActive .bt-vertical-menu-trigger span, body:not(.home).btStickyHeaderActive .bt-horizontal-menu-trigger span { background-color: #fff !important; color: #fff !important; } body:not(.home) .bt-vertical-menu-trigger svg, body:not(.home) .bt-horizontal-menu-trigger svg, body:not(.home) .bt-vertical-menu-trigger svg path, body:not(.home) .bt-horizontal-menu-trigger svg path { fill: #fff !important; stroke: #fff !important; } /* 28. Andjela listing card fix — wpautop empty

breaking grid */ .tob-t-card > p:empty { display: none !important; } .tob-t-card > p { display: none !important; } /* 29. O meni paragraph size — match other section body text */ .tp-profile .intro p { font-size: 0.95rem !important; line-height: 1.65 !important; } /* 30. Tighten supertitle/eyebrow margin to headline — site-wide */ .bt_bb_supertitle, .bt_bb_headline_supertitle, .supertitle, .section-eyebrow, .tob-t-eyebrow, .tob-onama-v6 .eyebrow { margin-bottom: 6px !important; } .bt_bb_headline h1, .bt_bb_headline h2, .bt_bb_headline h3 { margin-top: 4px !important; } .tp-profile .sec-eyebrow { margin-bottom: 4px !important; } /* 31. Mobile brojevi banner — only middle (in-row) dividers, trim bottom + gap to button */ @media (max-width: 720px) { .tob-stats-banner { padding: 24px 18px 14px !important; margin-bottom: 36px !important; } .tob-stat::before { display: none !important; } .tob-stat:nth-child(2)::after { display: none !important; } .tob-stat:nth-child(4)::after { display: none !important; } .tob-stat:nth-child(1)::after { display: block !important; right: -8px !important; } .tob-stat:nth-child(3)::after { display: block !important; right: -8px !important; } } /* 32. Hamburger menu trigger — white when scrolled / on non-home pages */ body:not(.home) .bt-vertical-menu-trigger, body:not(.home) .bt-horizontal-menu-trigger, body:not(.home).btStickyHeaderActive .bt-vertical-menu-trigger, body:not(.home).btStickyHeaderActive .bt-horizontal-menu-trigger { color: #fff !important; } body:not(.home) .bt-vertical-menu-trigger *, body:not(.home) .bt-horizontal-menu-trigger *, body:not(.home).btStickyHeaderActive .bt-vertical-menu-trigger *, body:not(.home).btStickyHeaderActive .bt-horizontal-menu-trigger * { color: #fff !important; border-color: #fff !important; } body:not(.home) .bt-vertical-menu-trigger span, body:not(.home) .bt-horizontal-menu-trigger span { background-color: #fff !important; } body:not(.home) .bt-vertical-menu-trigger svg, body:not(.home) .bt-horizontal-menu-trigger svg, body:not(.home) .bt-vertical-menu-trigger svg path, body:not(.home) .bt-horizontal-menu-trigger svg path, body:not(.home) .bt-vertical-menu-trigger svg line, body:not(.home) .bt-horizontal-menu-trigger svg line { fill: #fff !important; stroke: #fff !important; } /* 33. Mobile brojevi — explicitly hide :nth-child(3)::before (bottom-left outer) */ @media (max-width: 720px) { .tob-stats-grid .tob-stat:nth-child(3)::before { display: none !important; } .tob-stats-grid .tob-stat:nth-child(2)::after { display: none !important; } } /* 34. Carousel "ZAKAŽITE TERMIN" link text — force white */ .tob-therapist-card a.bt_bb_link, section a.bt_bb_link[href*="#book"], a.bt_bb_link[href*="#book"], a[href*="/terapeuti/"][href*="#book"], a[href*="/terapeuti/"][href*="#book"] *, section.bt_bb_section a.bt_bb_link { color: #fff !important; } /* 35. Carousel therapist photo anchors — re-enable clicks (Bold Builder strips pointer-events) */ body.home .bt_bb_section .bt_bb_image span, body.home .bt_bb_section .bt_bb_image a, body.home .bt_bb_section a[href^="/terapeuti/"], body.home a[href^="https://tamaraobrenovic.com/terapeuti/"]:not([href*="#book"]) { pointer-events: auto !important; cursor: pointer !important; } body.home .bt_bb_section .bt_bb_image > span > a, body.home .bt_bb_image span > a { pointer-events: auto !important; cursor: pointer !important; display: inline-block !important; } /* 36. ALWAYS-WHITE header on non-home (overrides theme's adaptive dark/light swap) */ html body:not(.home), html body:not(.home).btStickyHeaderActive, html body:not(.home).btAccentDarkHeader, html body:not(.home).btLightSkin, html body:not(.home).btDarkSkin { /* Force btMainLogo (white) always */ } html body:not(.home) img.btMainLogo, html body:not(.home).btStickyHeaderActive img.btMainLogo { display: inline-block !important; opacity: 1 !important; visibility: visible !important; } html body:not(.home) img.btAltLogo, html body:not(.home).btStickyHeaderActive img.btAltLogo { display: none !important; opacity: 0 !important; visibility: hidden !important; } /* Nav text always white */ html body:not(.home) .mainHeader, html body:not(.home) .mainHeader *, html body:not(.home) .mainHeader nav, html body:not(.home) .mainHeader nav a, html body:not(.home) .mainHeader nav li, html body:not(.home) .mainHeader .menu-item a, html body:not(.home) .mainHeader .topBar, html body:not(.home) .mainHeader .topBar a, html body:not(.home).btStickyHeaderActive .mainHeader, html body:not(.home).btStickyHeaderActive .mainHeader *, html body:not(.home).btStickyHeaderActive .mainHeader a { color: #fff !important; } html body:not(.home) .mainHeader nav a:hover, html body:not(.home).btStickyHeaderActive .mainHeader a:hover { color: #D6A892 !important; } /* Hamburger / menu trigger always white */ html body:not(.home) .bt-vertical-menu-trigger, html body:not(.home) .bt-horizontal-menu-trigger, html body:not(.home) .bt-vertical-menu-trigger *, html body:not(.home) .bt-horizontal-menu-trigger *, html body:not(.home).btStickyHeaderActive .bt-vertical-menu-trigger, html body:not(.home).btStickyHeaderActive .bt-horizontal-menu-trigger, html body:not(.home).btStickyHeaderActive .bt-vertical-menu-trigger *, html body:not(.home).btStickyHeaderActive .bt-horizontal-menu-trigger * { color: #fff !important; border-color: #fff !important; } html body:not(.home) .bt-vertical-menu-trigger span, html body:not(.home) .bt-horizontal-menu-trigger span, html body:not(.home).btStickyHeaderActive .bt-vertical-menu-trigger span, html body:not(.home).btStickyHeaderActive .bt-horizontal-menu-trigger span { background-color: #fff !important; } html body:not(.home) .bt-vertical-menu-trigger svg, html body:not(.home) .bt-horizontal-menu-trigger svg, html body:not(.home) .bt-vertical-menu-trigger svg path, html body:not(.home) .bt-vertical-menu-trigger svg line, html body:not(.home) .bt-horizontal-menu-trigger svg path, html body:not(.home) .bt-horizontal-menu-trigger svg line, html body:not(.home).btStickyHeaderActive .bt-vertical-menu-trigger svg path, html body:not(.home).btStickyHeaderActive .bt-horizontal-menu-trigger svg path { fill: #fff !important; stroke: #fff !important; } /* Header background stays dark navy on non-home, no matter the scroll/section state */ html body:not(.home) header.mainHeader, html body:not(.home) .mainHeader, html body:not(.home) .bt-vertical-header-top, html body:not(.home).btStickyHeaderActive header.mainHeader, html body:not(.home).btStickyHeaderActive .mainHeader, html body:not(.home).btStickyHeaderActive .bt-vertical-header-top { background-color: rgba(47, 84, 104, 0.97) !important; } /* === bundle: profile-session-pill === */ /* Extracted from snippet 11393 */ .tp-profile a.avail-badge { cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease; text-decoration: none; } .tp-profile a.avail-badge:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,0.12); } /* New session pill — replaces the broken old badge */ .tp-profile .first-session .session-pill { text-align: center; display: inline-flex; flex-direction: column; align-items: center; line-height: 1.2; padding: 8px 22px; white-space: nowrap; min-width: 0; width: auto; background: rgba(184,115,85,0.08); color: #6F4E37; border: 1.5px solid rgba(184,115,85,0.3); border-radius: 999px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; line-height: 1.2; margin: 0 0 12px; width: auto; height: auto; justify-self: start; align-self: start; max-width: max-content; } .tp-profile .first-session .session-pill .session-pill-eyebrow { font-size: 0.58rem; letter-spacing: 0.10em; text-transform: uppercase; font-weight: 600; color: #B87355; opacity: 0.9; margin-bottom: 1px; display: block; white-space: nowrap; } .tp-profile .first-session .session-pill .session-pill-value { font-size: 1rem; font-weight: 700; color: #6F4E37; display: block; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; } @media (min-width: 861px) { .tp-profile .first-session { grid-template-columns: auto 1fr !important; } } /* === bundle: stats-banner-css === */ /* Extracted from snippet 11281 */ /* Tamara stats banner + live availability + per-therapist badges */ /* Cream/navy/peach palette: #FAF6F0 #2F5468 #B87355 #5A4F47 #7A6A56 */ /* ===== 2026 stats banner (replaces existing .tob-stats-banner) ===== */ .ty-stats-banner { max-width: 1080px; margin: 24px auto; padding: 28px 28px 22px; background: linear-gradient(135deg, #2F5468 0%, #3D6680 100%); color: #fff; border-radius: 18px; box-shadow: 0 12px 40px rgba(47,84,104,0.18); } .ty-stats-eyebrow { display: inline-block; font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase; color: #E8C9A8; font-weight: 600; margin-bottom: 14px; } .ty-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } @media (max-width: 720px) { .ty-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; } } @media (max-width: 480px) { .ty-stats-grid { grid-template-columns: 1fr; } } .ty-stat { text-align: center; padding: 0 10px; } .ty-stat-num { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.3rem, 5vw, 3.4rem); font-weight: 500; line-height: 1; color: #fff; display: block; } .ty-stat-suffix { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.8rem, 4vw, 2.6rem); color: #E8C9A8; } .ty-stat-label { display: block; margin-top: 6px; font-size: 0.85rem; color: #E8C9A8; letter-spacing: 0.04em; } /* ===== Live "Trenutno kod nas" block ===== */ .ty-live { max-width: 1080px; margin: 24px auto; padding: 22px 24px; background: #FAF6F0; border-radius: 16px; border: 1px solid #EFE6D7; box-shadow: 0 4px 18px rgba(47,84,104,0.06); } .ty-live-header { display: flex; align-items: baseline; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; } .ty-live-eyebrow { font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: #B87355; font-weight: 600; } .ty-live-pulse { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #4A8F5C; box-shadow: 0 0 0 0 rgba(74,143,92,0.6); animation: ty-pulse 2s infinite; vertical-align: middle; margin-right: 8px; } @keyframes ty-pulse { 0% { box-shadow: 0 0 0 0 rgba(74,143,92,0.5); } 70% { box-shadow: 0 0 0 8px rgba(74,143,92,0); } 100% { box-shadow: 0 0 0 0 rgba(74,143,92,0); } } .ty-live-title { font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; color: #2F5468; font-weight: 500; margin: 0; } .ty-live-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } @media (max-width: 600px) { .ty-live-grid { grid-template-columns: 1fr; gap: 12px; } } .ty-live-stat { text-align: center; padding: 12px 8px; background: #fff; border-radius: 12px; border: 1px solid #EFE6D7; } .ty-live-num { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.9rem, 4vw, 2.4rem); color: #2F5468; font-weight: 500; line-height: 1.05; display: block; } .ty-live-label { display: block; margin-top: 4px; font-size: 0.78rem; color: #5A4F47; line-height: 1.3; } .ty-live-hidden { display: none !important; } /* ===== Per-therapist session badge ===== */ .ty-sess-badge { display: inline-block; padding: 3px 10px; background: rgba(184,115,85,0.12); color: #B87355; border-radius: 99px; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.04em; line-height: 1.4; margin-left: 6px; vertical-align: middle; white-space: nowrap; } .ty-sess-badge--inline { font-size: 0.65rem; padding: 2px 8px; } /* Reduced motion: disable count-up animation visual */ @media (prefers-reduced-motion: reduce) { .ty-stat-num { transition: none !important; } .ty-live-pulse { animation: none; } } /* === bundle: therapist-card-photo-fixes === */ /* Extracted from snippet 11489 */ /* =========================================== Therapist card visual fixes - Homepage cards: align tops, allow mismatched bottoms - /terapeuti/ photos: 20% taller + face-visible crop - Teodora's photo: center upward (head is at top of frame) =========================================== */ /* Homepage carousel — top-align cards with auto height */ body.home .bt_bb_content_slider .slick-track { display: flex !important; align-items: flex-start !important; } body.home .bt_bb_content_slider .slick-slide { height: auto !important; float: none !important; } body.home .bt_bb_content_slider .slick-slide > div { height: 100% !important; } /* /terapeuti/ index — uniform photo size, more height (~20%), face-friendly crop */ body.page-id-2145 .tob-t-photo { height: 440px !important; background-size: cover !important; background-position: center 22% !important; } @media (max-width: 768px) { body.page-id-2145 .tob-t-photo { height: 240px !important; background-position: center 30% !important; } } /* Teodora's photo — head is at the top of the photo, push crop further up */ body.page-id-2145 .tob-t-card:has(a[href*="teodora-stojanovic"]) .tob-t-photo, body.page-id-2145 [data-slug="teodora-stojanovic"] .tob-t-photo { background-position: center 0% !important; } /* === Mobile overflow safety net === */ @media (max-width: 760px){ body.page-id-2145 .tob-terapeuti-v2 .tob-t-card{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; grid-template-columns:1fr !important; overflow:hidden !important; } body.page-id-2145 .tob-terapeuti-v2 .tob-t-card *{ min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; } body.page-id-2145 .tob-terapeuti-v2 .tob-t-info{ padding:16px !important; overflow:hidden !important; } body.page-id-2145 .tob-terapeuti-v2 .tob-t-specs{ flex-wrap:wrap !important; gap:6px !important; } body.page-id-2145 .tob-terapeuti-v2 .tob-t-spec{ flex-shrink:1 !important; white-space:normal !important; word-break:break-word !important; } body.page-id-2145 .tob-terapeuti-v2 .tob-t-meta, body.page-id-2145 .tob-terapeuti-v2 .tob-t-bottom, body.page-id-2145 .tob-terapeuti-v2 .tob-t-footer{ flex-wrap:wrap !important; } body.page-id-2145{ overflow-x:hidden !important; } html{ overflow-x:hidden !important; } } /* Filter rows: prevent any reveal/animation lag */ .tob-t-filters, .tob-t-filters.tob-t-approach-row{ opacity:1 !important; visibility:visible !important; transform:none !important; animation:none !important; } /* Homepage hero CTA — full column width */ body.home .bt_bb_button.btn-cta { width: 100% !important; max-width: 100% !important; } /* btn-cta full-width */ body.home .bt_bb_button.btn-cta > a { width: 100% !important; justify-content: center !important; } /* BoldThemes frontend-editor leftover: