/* ─── Ad container ─────────────────────────────────────────────── */ .cario-ad { display: block; width: 100%; text-align: center; margin: 1.5rem auto; overflow: hidden; } .cario-ad--no-spacing { margin: 0; } .cario-ad--left { text-align: left; } .cario-ad--right { text-align: right; } .cario-ad-inner { display: block; width: 100%; max-width: 100%; overflow: hidden; } /* Paveikslelio reklama lieka inline-block (centruota, fiksuotas plotis) */ .cario-ad--image .cario-ad-inner { display: inline-block; width: auto; } /* Responsyvi AdSense reklama privalo gauti pilna konteinerio ploti, kitaip inline-block konteineris + display:block ins susitraukia i 0 -> availableWidth=0 */ .cario-ad-inner ins.adsbygoogle { display: block; width: 100%; } /* ─── Label ─────────────────────────────────────────────────────── */ .cario-ad-label { display: block; font-size: 0.65rem; letter-spacing: 0.05em; text-transform: uppercase; color: #9ca3af; margin: 0 0 4px; padding: 0; } /* ─── Image ad ───────────────────────────────────────────────────── */ .cario-ad--image .cario-ad-inner a { display: inline-block; line-height: 0; } .cario-ad-img { display: block; max-width: 100%; height: auto; } /* Dark mode image toggling */ .cario-ad-img--dark { display: none; } @media (prefers-color-scheme: dark) { .cario-ad-img--light { display: none; } .cario-ad-img--dark { display: block; } } /* Support data-theme attribute on */ [data-theme="dark"] .cario-ad-img--light { display: none; } [data-theme="dark"] .cario-ad-img--dark { display: block; } [data-theme="light"] .cario-ad-img--light { display: block; } [data-theme="light"] .cario-ad-img--dark { display: none; } /* ─── Top section ────────────────────────────────────────────────── */ .cario-ads-top-section { width: 100%; background: var(--cario-ads-top-bg, transparent); padding: var(--cario-ads-top-padding, 15px) 0; text-align: center; overflow: hidden; } .cario-ads-top-section .cario-ad { margin: 0 auto; } @media (prefers-color-scheme: dark) { .cario-ads-top-section { background: var(--cario-ads-top-dark-bg, transparent); } } [data-theme="dark"] .cario-ads-top-section { background: var(--cario-ads-top-dark-bg, transparent); } .cario-ads-top--animate { animation: carioAdsTopIn 0.4s ease; } @keyframes carioAdsTopIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* ─── Slide-Up ───────────────────────────────────────────────────── */ .cario-slide-up { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 9999; background: rgba(230, 230, 232, 0.55); border-top: 1px solid rgba(0,0,0,0.06); box-shadow: 0 -2px 16px rgba(0,0,0,.06); padding: 20px 24px 24px; text-align: center; transform: translateY(100%); transition: transform 0.35s cubic-bezier(.25,.46,.45,.94); } .cario-slide-up:not([hidden]) { display: block; } .cario-slide-up--visible { transform: translateY(0); } .cario-slide-up__close { position: absolute; top: 8px; right: 14px; background: rgba(0,0,0,0.07); border: none; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; cursor: pointer; color: #444; line-height: 1; padding: 0; transition: background 0.15s; } .cario-slide-up__close:hover { background: rgba(0,0,0,0.14); } @media (prefers-color-scheme: dark) { .cario-slide-up { background: rgba(30, 30, 35, 0.96); border-top-color: rgba(255,255,255,0.08); } .cario-slide-up__close { color: #ccc; background: rgba(255,255,255,0.1); } } [data-theme="dark"] .cario-slide-up { background: rgba(30, 30, 35, 0.96); border-top-color: rgba(255,255,255,0.08); } .cario-slide-up .cario-ad-label { color: rgba(0,0,0,0.4); } /* ─── AdBlock overlay ────────────────────────────────────────────── */ .cario-adblock-overlay { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; } .cario-adblock-overlay:not([hidden]) { display: flex; } .cario-adblock-overlay--dimmer { background: rgba(0,0,0,.6); } .cario-adblock-popup { background: #fff; border-radius: 8px; padding: 2rem; max-width: 480px; width: calc(100% - 2rem); text-align: center; box-shadow: 0 8px 32px rgba(0,0,0,.25); } .cario-adblock-popup__title { font-size: 1.25rem; margin: 0 0 0.75rem; font-weight: 700; } .cario-adblock-popup__message { font-size: 0.95rem; color: #4b5563; margin: 0 0 1.25rem; line-height: 1.6; } .cario-adblock-popup__btn { display: inline-block; padding: 0.6rem 1.5rem; background: #2563eb; color: #fff; border: none; border-radius: 6px; font-size: 0.95rem; cursor: pointer; } .cario-adblock-popup__btn:hover { background: #1d4ed8; } @media (prefers-color-scheme: dark) { .cario-adblock-popup { background: #1e1e1e; color: #f3f4f6; } .cario-adblock-popup__message { color: #9ca3af; } } [data-theme="dark"] .cario-adblock-popup { background: #1e1e1e; color: #f3f4f6; } [data-theme="dark"] .cario-adblock-popup__message { color: #9ca3af; } /* ─── Bait (hidden, must NOT be display:none — blocker detects that) */ .cario-ads-bait { position: absolute; top: -9999px; left: -9999px; }