/* viagrakungen-css-fixes block 1 - extraherad 2026-07-29. Laddas pa exakt samma plats och med samma villkor som nar den lag inline. Redigera HAR, inte i mu-pluginen. */ /* ===== BASE FONT ===== */ body, p, a, li, span, div { font-family: "Inter", -apple-system, sans-serif !important; } /* ===== TOPBAR - teal, compact ===== */ .site-header-row-container[class*="top"] { background: #0891b2 !important; min-height: 38px !important; max-height: 38px !important; } .site-top-header-inner-wrap { padding: 0 !important; min-height: 38px !important; max-height: 38px !important; } .site-header-row-container[class*="top"] .header-html, .site-header-row-container[class*="top"] p, .site-header-row-container[class*="top"] div { color: #fff !important; font-size: 13px !important; font-weight: 500 !important; } /* ===== MAIN HEADER - compact like mockup ===== */ .site-header-row-container[class*="main"], .site-header-row-container.site-header-focus-item:not([class*="top"]):not([class*="bottom"]) { min-height: auto !important; background: #fff !important; border-bottom: 1px solid #f0f0f0 !important; } .site-main-header-inner-wrap { padding: 10px 0 !important; min-height: auto !important; max-height: 60px !important; } .site-header-inner-wrap { max-height: 60px !important; } /* ===== LOGO - V icon + text, compact ===== */ .site-branding { padding: 0 !important; } .site-branding .site-title { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .site-branding .site-title::before { content: "V"; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #0891b2; color: #fff; border-radius: 8px; font-size: 18px; font-weight: 900; flex-shrink: 0; } .site-branding .site-title a { color: #0891b2 !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1 !important; } .custom-logo-link, .custom-logo-link img { display: none !important; } .site-branding .site-description { display: none !important; } /* ===== NAV - exact mockup sizes ===== */ .header-navigation .menu > li > a { font-size: 14.5px !important; font-weight: 500 !important; color: #4a4a4a !important; padding: 6px 14px !important; border-radius: 8px !important; line-height: 1.4 !important; } .header-navigation .menu > li > a:hover { background: #ecfeff !important; color: #0891b2 !important; } /* Omdomen 370 badge */ .header-navigation .menu > li > a[href*="omdomen"]::after, .header-navigation .menu > li > a[href*="Omd"]::after { content: var(--vk-review-count, ""); background: #0891b2; color: #fff; font-size: 11px; padding: 2px 7px; border-radius: 10px; margin-left: 5px; font-weight: 600; vertical-align: middle; } /* ===== SEARCH + CART - outline boxes ===== */ .header-search-toggle, .header-cart-wrap .header-cart-button { width: 40px !important; height: 40px !important; border-radius: 10px !important; border: 1px solid #e8e8e8 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; padding: 0 !important; color: #666 !important; } .header-search-toggle:hover, .header-cart-wrap .header-cart-button:hover { border-color: #0891b2 !important; background: #ecfeff !important; } .header-cart-wrap .header-cart-button .header-cart-total { background: #0891b2 !important; color: #fff !important; font-size: 10px !important; } /* Remove extra cart text */ .header-cart-wrap .header-cart-button .header-cart-label { display: none !important; } /* ===== TICKER ===== */ .vk-ticker{background:#f8f9fa;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:14px 0;overflow:hidden;white-space:nowrap} .vk-ticker-track{display:inline-flex;animation:vk-t 35s linear infinite;gap:40px} .vk-ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#333} .vk-ticker-item .price{color:#0891b2;font-weight:700} .vk-ticker-dot{color:#ccc} @keyframes vk-t{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} /* ===== TRUST BADGES 4 cols ===== */ .kt-row-column-wrap.kt-has-4-columns { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; } /* ===== REA BADGE ===== */ .woocommerce span.onsale, span.onsale { background-color: #ef4444 !important; color: #fff !important; border: none !important; border-radius: 6px !important; font-weight: 700 !important; font-size: 12px !important; padding: 5px 12px !important; min-height: auto !important; min-width: auto !important; } /* ===== PRODUCT TEXT ===== */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price { opacity: 1 !important; color: #1e293b !important; } .woocommerce ul.products li.product .price ins { color: #0891b2 !important; font-weight: 700; } .star-rating span::before { color: #f59e0b !important; } /* ===== STICKY HEADER ===== */ .item-is-fixed .site-header-row-container { box-shadow: 0 2px 20px rgba(0,0,0,0.06) !important; } /* ===== FOOTER ===== */ .site-footer .site-top-footer-wrap { background: #083344 !important; padding: 50px 0 40px !important; } .site-footer .site-top-footer-wrap .widget-title, .site-footer .site-top-footer-wrap h4 { color: #fff !important; font-size: 15px !important; font-weight: 700 !important; } .site-footer .site-top-footer-wrap .textwidget, .site-footer .site-top-footer-wrap .textwidget p, .site-footer .site-top-footer-wrap p { color: rgba(255,255,255,0.6) !important; font-size: 14px !important; } .site-footer .site-top-footer-wrap a { color: rgba(255,255,255,0.6) !important; text-decoration: none !important; } .site-footer .site-top-footer-wrap a:hover { color: #fff !important; } .site-footer .site-bottom-footer-wrap { background: #062330 !important; } .site-footer .site-bottom-footer-wrap, .site-footer .footer-html { color: rgba(255,255,255,0.3) !important; font-size: 12px !important; }