/*
Theme Name:   SmartFinds
Theme URI:    http://localhost/sfinds/
Description:  Hello Elementor child theme for SmartFinds. The header and footer are Elementor templates (Templates > Saved Templates > "SmartFinds Header" / "SmartFinds Footer"). Every page is built with free Elementor widgets; colors and fonts live in Site Settings > Global Colors / Global Fonts.
Author:       SmartFinds
Template:     hello-elementor
Version:      1.0.0
Text Domain:  smartfinds
*/

/* =========================================================
   Helper classes. Add them in Elementor > Advanced > CSS Classes.
   Colors and fonts come from Site Settings (var(--e-global-*)),
   so changing a global color there updates these too.
   ========================================================= */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
[id] { scroll-margin-top: 100px; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- Header (template rendered by header.php) ---------- */
#sf-header,
#sf-header > .elementor,
#sf-footer > .elementor { display: contents; }
.sf-sticky { position: sticky !important; top: 0; z-index: 100 !important; }
.admin-bar .sf-sticky { top: 32px; }
@media (max-width: 782px) { .admin-bar .sf-sticky { top: 46px; } }
@media (max-width: 600px) { .admin-bar .sf-sticky { top: 0; } }
.sf-header { backdrop-filter: saturate(1.4) blur(8px); -webkit-backdrop-filter: saturate(1.4) blur(8px); }

.sf-topbar .elementor-heading-title a,
.sf-topbar .elementor-heading-title a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.sf-footer-disc b { color: #C9D6EA; }
.elementor-widget-text-editor > :last-child,
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }
/* Inline text link: <a class="sf-link" href="...">...</a> */
.elementor .sf-link { color: var(--e-global-color-primary); font-weight: 600; }
.elementor .sf-link:hover { color: var(--e-global-color-sfskyink); }

/* Desktop menu (Icon List, inline) */
.sf-nav .elementor-icon-list-item > a,
.sf-nav .elementor-icon-list-item > .elementor-icon-list-text { padding: 10px 14px; border-radius: 999px; transition: background .2s, color .2s; }
.sf-nav .elementor-icon-list-item > a:hover,
.sf-nav .elementor-icon-list-item.is-active > a { background: var(--e-global-color-sfbg); }
.sf-nav .elementor-icon-list-item.is-active .elementor-icon-list-text { color: var(--e-global-color-primary); }

/* Mobile menu: hidden until the burger icon is tapped */
.sf-burger { cursor: pointer; }
.sf-mnav { display: none !important; }
.sf-header.sf-open .sf-mnav,
body.elementor-editor-active .sf-mnav { display: flex !important; }
.sf-mnav .elementor-icon-list-item > a { width: 100%; }

/* Round icon buttons in the header */
.sf-icon-btn .elementor-icon { display: grid; place-items: center; }

/* ---------- Eyebrow label with the amber line ---------- */
.sf-eyebrow .elementor-heading-title { display: flex; align-items: center; gap: 8px; }
.sf-eyebrow .elementor-heading-title::before { content: ""; width: 22px; height: 2px; background: var(--e-global-color-accent); border-radius: 2px; flex: none; }

/* Highlighted words in a heading: wrap them in <span class="sf-hl">...</span> */
.sf-hl { position: relative; z-index: 0; display: inline-block; white-space: nowrap; color: var(--e-global-color-primary); }
.sf-hl::after { content: ""; position: absolute; left: 0; right: 0; bottom: .06em; height: .22em; background: var(--e-global-color-accent); opacity: .45; z-index: -1; border-radius: 4px; }
@media (max-width: 767px) { .sf-hl { white-space: normal; display: inline; } }

/* Two-tone logo text: Smart<span class="sf-logo-em">Finds</span> */
.sf-logo-em { color: var(--e-global-color-primary); }
.sf-footer .sf-logo-em { color: #9CC0F2; }

/* ---------- Cards ---------- */
.sf-lift { transition: transform .25s ease, box-shadow .25s ease !important; }
.sf-lift:hover { transform: translateY(-3px); box-shadow: 0 18px 48px rgba(16, 36, 64, .14) !important; }
.sf-zoom-img { overflow: hidden; }
.sf-zoom-img img { transition: transform .5s ease; }
.sf-zoom:hover .sf-zoom-img img { transform: scale(1.05); }
.sf-zoom:hover .sf-post-title .elementor-heading-title { color: var(--e-global-color-primary); }

/* Affiliate (amber) buttons */
.sf-amz .elementor-button { transition: background .2s, transform .2s, box-shadow .2s; }
.sf-amz .elementor-button:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(245, 165, 36, .35); }

/* Price line: <b>$149</b><s>$179</s><span class="sf-off">-17%</span> */
.sf-price s { margin-left: 8px; font-size: 14px; font-weight: 400; color: #97A3B5; font-family: var(--e-global-typography-text-font-family), sans-serif; }
.sf-price .sf-off { margin-left: 8px; font-size: 12px; font-weight: 700; color: var(--e-global-color-sfgreen); }
.sf-rating-text b { color: var(--e-global-color-text); font-weight: 600; }

/* Pill-style tab switcher (Nested Tabs widget) */
.sf-pill-tabs .e-n-tabs-heading { align-self: flex-start; width: auto; padding: 5px; background: #fff; border: 1px solid var(--e-global-color-sfline); border-radius: 999px; }
@media (max-width: 767px) { .sf-pill-tabs .e-n-tabs-heading { align-self: stretch; } .sf-pill-tabs .e-n-tab-title { flex: 1; justify-content: center; } }

/* Comparison table built from containers: scrolls sideways on small screens */
.sf-tbl { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.sf-tbl > .e-con { min-width: 860px; }
.sf-tbl > .e-con:last-child { border-bottom-width: 0 !important; }

/* FAQ accordion */
.sf-faq .e-n-accordion-item-title { cursor: pointer; }

/* Table of contents (Icon List) with 01, 02... counters */
.sf-toc { counter-reset: sftoc; }
.sf-toc .elementor-icon-list-item { counter-increment: sftoc; }
.sf-toc .elementor-icon-list-item > a { width: 100%; padding: 8px 10px; border-radius: 10px; transition: background .2s; }
.sf-toc .elementor-icon-list-item > a::before { content: counter(sftoc, decimal-leading-zero); margin-right: 10px; font: 700 12px var(--e-global-typography-primary-font-family), sans-serif; color: var(--e-global-color-primary); opacity: .6; }
.sf-toc .elementor-icon-list-item > a:hover { background: var(--e-global-color-sfbg); }
.sf-toc .elementor-icon-list-item > a:hover .elementor-icon-list-text { color: var(--e-global-color-text); }
@media (min-width: 1025px) { .sf-sticky-side { position: sticky !important; top: 100px; align-self: start; } }

/* Newsletter block ring decoration */
.sf-news { position: relative; overflow: hidden; }
.sf-news::after { content: ""; position: absolute; right: -80px; top: -80px; width: 280px; height: 280px; border-radius: 50%; border: 40px solid rgba(255, 255, 255, .06); pointer-events: none; }

/* Article prose (Text Editor widgets on review / simple pages) */
.sf-prose h2 { margin: 34px 0 10px; }
.sf-prose h3 { margin: 30px 0 10px; }
.sf-prose ul { padding-left: 20px; margin-bottom: 12px; }
.sf-prose li { margin-bottom: 8px; }
.sf-prose > *:first-child, .sf-prose p:first-child { margin-top: 0; }

/* ---------- Forms inside HTML widgets ---------- */
.sf-form { display: flex; align-items: center; gap: 8px; background: #fff; border: 1.5px solid var(--e-global-color-sfline); border-radius: 999px; padding: 7px 7px 7px 20px; box-shadow: 0 1px 2px rgba(16, 36, 64, .06), 0 8px 24px rgba(16, 36, 64, .06); position: relative; z-index: 1; margin: 0; }
.sf-form svg { width: 20px; height: 20px; flex: none; fill: none; stroke: var(--e-global-color-sfmuted); stroke-width: 2; stroke-linecap: round; }
.sf-form input[type="search"],
.sf-form input[type="email"] { flex: 1; min-width: 0; border: 0; outline: 0; padding: 0; background: transparent; box-shadow: none; font: 500 16px var(--e-global-typography-text-font-family), sans-serif; color: var(--e-global-color-text); }
.sf-form.sf-form-news { border: 0; box-shadow: none; padding: 7px; gap: 10px; }
.sf-form.sf-form-news input { padding: 0 18px; font-size: 15px; }
.sf-btn,
.sf-form button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 24px; border: 0; border-radius: 999px; background: var(--e-global-color-accent); color: var(--e-global-color-secondary); font: 700 15px/1 var(--e-global-typography-accent-font-family), sans-serif; white-space: nowrap; cursor: pointer; transition: background .2s, transform .2s, box-shadow .2s; }
.sf-btn:hover, .sf-btn:focus,
.sf-form button:hover, .sf-form button:focus { background: var(--e-global-color-sfamberdark); color: var(--e-global-color-secondary); transform: translateY(-1px); box-shadow: 0 8px 18px rgba(245, 165, 36, .35); }
.sf-form button.sf-btn-navy { padding: 11px 18px; font-size: 14px; background: var(--e-global-color-primary); color: #fff; }
.sf-form button.sf-btn-navy:hover { background: var(--e-global-color-secondary); color: #fff; box-shadow: none; }
.sf-side-form input[type="email"] { width: 100%; margin-bottom: 10px; padding: 13px 16px; border: 0; border-radius: 12px; outline: 0; font: 500 14px var(--e-global-typography-text-font-family), sans-serif; }
.sf-side-form .sf-btn { width: 100%; }
@media (max-width: 767px) {
	.sf-form.sf-form-news { flex-direction: column; align-items: stretch; border-radius: 18px; }
	.sf-form.sf-form-news input { padding: 14px 12px; }
}

/* =========================================================
   Blog templates (template-parts/archive.php, single.php, 404.php)
   ========================================================= */
/* Hello Elementor limits .site-main to 1140px; these templates draw full-width bands instead. */
body .site-main.sf-listing,
body .site-main.sf-single { width: 100%; max-width: none !important; margin: 0; padding: 0; }
.sf-wrap { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.sf-wrap--article { max-width: 860px; }
.sf-band { padding: 56px 0 88px; }
.sf-band--tint { background: var(--e-global-color-sfbg); padding: 44px 0 56px; }
.sf-eyebrow-text { display: flex; align-items: center; gap: 8px; margin-top: 18px; font: 700 12px/1.2 var(--e-global-typography-primary-font-family), sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--e-global-color-primary); }
.sf-eyebrow-text::before { content: ""; width: 22px; height: 2px; background: var(--e-global-color-accent); border-radius: 2px; }
.sf-listing .sf-page-title,
.sf-single .sf-page-title { margin: 14px 0; font: 800 clamp(32px, 4.2vw, 50px)/1.15 var(--e-global-typography-primary-font-family), sans-serif; letter-spacing: -.03em; color: var(--e-global-color-text); }
.sf-page-dek { max-width: 760px; margin: 0; font-size: 18px; line-height: 1.6; color: var(--e-global-color-sfmuted); }
.sf-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.sf-chip,
.sf-chips--tags a { display: inline-flex; padding: 7px 13px; border: 1px solid var(--e-global-color-sfline); border-radius: 999px; background: #fff; font: 600 13px/1.2 var(--e-global-typography-primary-font-family), sans-serif; color: var(--e-global-color-text); transition: border-color .2s, color .2s; }
.sf-chip:hover,
.sf-chips--tags a:hover { border-color: var(--e-global-color-primary); color: var(--e-global-color-primary); }
.sf-chip.is-on { background: var(--e-global-color-primary); border-color: var(--e-global-color-primary); color: #fff; }
.sf-listing__search { max-width: 560px; margin-top: 26px; }
.sf-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

.sf-card-post { display: flex; flex-direction: column; gap: 14px; color: inherit; }
.sf-card-post__im { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 16px; background: var(--e-global-color-sfbg); }
.sf-card-post__im img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.sf-card-post:hover .sf-card-post__im img { transform: scale(1.04); }
.sf-card-post__im .sf-badge { position: absolute; top: 14px; left: 14px; }
.sf-card-post .sf-card-post__title { margin: 0; font: 700 20px/1.3 var(--e-global-typography-primary-font-family), sans-serif; letter-spacing: -.02em; color: var(--e-global-color-text); transition: color .2s; }
.sf-card-post:hover .sf-card-post__title { color: var(--e-global-color-primary); }
.sf-card-post__text { margin: 0; font-size: 14px; line-height: 1.6; color: var(--e-global-color-sfmuted); }
.sf-card-post--plain { padding: 22px; border: 1px solid var(--e-global-color-sfline); border-radius: 16px; background: #fff; }
.sf-meta { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--e-global-color-sfmuted); }
.sf-meta img { width: 30px; height: 30px; border-radius: 50%; }
.sf-meta b { font-weight: 600; color: var(--e-global-color-text); }

.sf-badge { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; background: var(--e-global-color-primary); color: #fff; font: 700 11px/1 var(--e-global-typography-primary-font-family), sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.sf-badge--peach { background: var(--e-global-color-sfpeach); color: var(--e-global-color-sfpeachink); }
.sf-badge--sky { background: var(--e-global-color-sfsky); color: var(--e-global-color-sfskyink); }
.sf-badge--green { margin-top: 22px; background: #E3F5EC; color: var(--e-global-color-sfgreen); }
.sf-badge--amber { background: var(--e-global-color-accent); color: var(--e-global-color-secondary); }

.sf-listing .nav-links,
.sf-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 48px; }
.sf-listing .page-numbers { display: inline-grid; place-items: center; min-width: 42px; height: 42px; padding: 0 14px; border: 1px solid var(--e-global-color-sfline); border-radius: 999px; background: #fff; font: 600 14px var(--e-global-typography-primary-font-family), sans-serif; color: var(--e-global-color-text); }
.sf-listing .page-numbers.current,
.sf-listing a.page-numbers:hover { background: var(--e-global-color-primary); border-color: var(--e-global-color-primary); color: #fff; }
.sf-empty { max-width: 560px; margin: 0 auto; text-align: center; }
.sf-empty h2 { font: 700 28px var(--e-global-typography-primary-font-family), sans-serif; }
.sf-empty p { color: var(--e-global-color-sfmuted); }

/* Single post */
.sf-single .sf-art-head { padding-top: 40px; }
.sf-byline { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin: 26px 0; padding: 18px 0; border-top: 1px solid var(--e-global-color-sfline); border-bottom: 1px solid var(--e-global-color-sfline); font-size: 14px; color: var(--e-global-color-sfmuted); }
.sf-byline__who { display: flex; align-items: center; gap: 10px; }
.sf-byline__who img { width: 44px; height: 44px; border-radius: 50%; }
.sf-byline__who b { display: block; font-family: var(--e-global-typography-primary-font-family), sans-serif; color: var(--e-global-color-text); }
.sf-byline__chk { font-weight: 600; color: var(--e-global-color-sfgreen); }
.sf-byline__chk::before { content: "\2713\00a0"; }
.sf-note { padding: 14px 18px; border-left: 4px solid var(--e-global-color-accent); border-radius: 10px; background: var(--e-global-color-sfbg); font-size: 13.5px; line-height: 1.6; color: var(--e-global-color-sfmuted); }
.sf-note b { color: var(--e-global-color-text); }
.sf-lead-img { margin: 32px 0 28px; aspect-ratio: 16 / 8; overflow: hidden; border-radius: 20px; }
.sf-lead-img img { width: 100%; height: 100%; object-fit: cover; }
.sf-entry { padding-bottom: 12px; font-size: 17px; line-height: 1.75; color: var(--e-global-color-sfbody); }
.sf-entry p { margin: 0 0 16px; }
.sf-single .sf-entry h2 { margin: 44px 0 14px; font: 700 30px/1.25 var(--e-global-typography-primary-font-family), sans-serif; letter-spacing: -.02em; color: var(--e-global-color-text); }
.sf-single .sf-entry h3 { margin: 30px 0 10px; font: 700 22px/1.3 var(--e-global-typography-primary-font-family), sans-serif; color: var(--e-global-color-text); }
.sf-entry ul,
.sf-entry ol { margin: 0 0 16px; padding-left: 22px; }
.sf-entry li { margin-bottom: 6px; }
.sf-entry a { color: var(--e-global-color-primary); text-decoration: underline; text-underline-offset: 3px; }
.sf-entry img { border-radius: 14px; }
.sf-entry blockquote { margin: 24px 0; padding: 18px 22px; border-left: 4px solid var(--e-global-color-accent); border-radius: 10px; background: var(--e-global-color-sfbg); }
.sf-chips--tags a::before { content: "#"; margin-right: 2px; opacity: .5; }
.sf-author-box { display: flex; gap: 22px; margin: 40px 0 72px; padding: 28px; border-radius: 20px; background: var(--e-global-color-sfbg); }
.sf-author-box img { flex: none; width: 88px; height: 88px; border-radius: 50%; }
.sf-single .sf-author-box h2 { margin: 0 0 8px; font: 700 19px/1.3 var(--e-global-typography-primary-font-family), sans-serif; }
.sf-author-box p { margin: 0; font-size: 15px; color: var(--e-global-color-sfbody); }
.sf-single .sf-section-title { margin: 0 0 28px; font: 700 30px/1.25 var(--e-global-typography-primary-font-family), sans-serif; letter-spacing: -.02em; }
.sf-news-box { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; margin-top: 56px; padding: 48px; border-radius: 28px; background: linear-gradient(120deg, var(--e-global-color-primary) 0%, #2A5794 100%); color: #fff; }
.sf-single .sf-news-box h2 { margin: 0 0 10px; font: 700 30px/1.2 var(--e-global-typography-primary-font-family), sans-serif; color: #fff; }
.sf-news-box p { margin: 0; color: #C9D7EC; }
.sf-404 { padding: 72px 0 96px; }

/* Rank Math breadcrumbs */
.sf-crumbs .rank-math-breadcrumb p { margin: 0; font-size: 13px; color: var(--e-global-color-sfmuted); }
.sf-crumbs .rank-math-breadcrumb a { color: var(--e-global-color-sfmuted); }
.sf-crumbs .rank-math-breadcrumb a:hover { color: var(--e-global-color-primary); }
.sf-crumbs .rank-math-breadcrumb .separator { margin: 0 6px; opacity: .5; }
.sf-crumbs .rank-math-breadcrumb .last { font-weight: 600; color: var(--e-global-color-text); }

@media (max-width: 1024px) {
	.sf-grid-3 { grid-template-columns: repeat(2, 1fr); }
	.sf-news-box { grid-template-columns: 1fr; padding: 36px; }
}
@media (max-width: 767px) {
	.sf-wrap { padding: 0 16px; }
	.sf-band { padding: 40px 0 60px; }
	.sf-band--tint { padding: 32px 0 44px; }
	.sf-grid-3 { grid-template-columns: 1fr; gap: 32px; }
	.sf-entry { font-size: 16px; }
	.sf-single .sf-entry h2 { font-size: 25px; }
	.sf-author-box { flex-direction: column; }
	.sf-news-box { padding: 28px; border-radius: 22px; }
	.sf-single .sf-news-box h2 { font-size: 26px; }
}

/* =========================================================
   Fluent Forms (contact + newsletter)
   ========================================================= */
.fluentform .ff-el-input--label label { font: 600 14px var(--e-global-typography-primary-font-family), sans-serif; color: var(--e-global-color-text); }
.fluentform .ff-el-form-control { padding: 12px 14px; border: 1.5px solid var(--e-global-color-sfline); border-radius: 12px; background: #fff; font: 400 15px var(--e-global-typography-text-font-family), sans-serif; color: var(--e-global-color-text); }
.fluentform .ff-el-form-control:focus { border-color: var(--e-global-color-primary); box-shadow: 0 0 0 3px rgba(29, 63, 110, .12); outline: 0; }
.fluentform .ff-btn-submit { padding: 15px 26px !important; border-radius: 999px !important; font: 700 15px/1 var(--e-global-typography-primary-font-family), sans-serif !important; cursor: pointer; }
.fluentform .ff-btn-submit:not(.wpf_has_custom_css) { border-color: var(--e-global-color-primary) !important; background: var(--e-global-color-primary) !important; color: #fff !important; }
.fluentform .ff-btn-submit:not(.wpf_has_custom_css):hover { border-color: var(--e-global-color-secondary) !important; background: var(--e-global-color-secondary) !important; }
.fluentform .ff-message-success { padding: 14px 18px; border: 1px solid #BFE6D2; border-radius: 14px; background: #EFFAF4; color: var(--e-global-color-text); box-shadow: none; }

/* Inline pill newsletter form on dark/gradient blocks: Shortcode widget class "sf-ff-news" */
.sf-ff-news .fluentform { margin: 0; }
.sf-ff-news .ff-t-container { display: flex; align-items: center; gap: 10px; padding: 7px; border-radius: 999px; background: #fff; }
.sf-ff-news .ff-t-cell { width: auto !important; padding: 0 !important; }
.sf-ff-news .ff-t-column-1 { flex: 1 1 0% !important; min-width: 0; }
.sf-ff-news .ff-t-column-2 { flex: 0 0 auto !important; }
.sf-ff-news .ff-el-group { margin: 0 !important; }
.sf-ff-news .ff-el-form-control { padding: 12px 18px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.sf-ff-news .ff-btn-submit { min-width: 0 !important; white-space: nowrap; }
.sf-ff-news .ff-message-success { border-color: rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .12); color: #fff; }
.sf-ff-news .error,
.sf-ff-news .text-danger { padding: 6px 18px 0; color: #FFD58A; }

/* Stacked newsletter form in the sidebar: Shortcode widget class "sf-ff-side" */
.sf-ff-side .ff-t-container { flex-direction: column !important; gap: 10px !important; }
.sf-ff-side .ff-t-cell { flex-basis: 100% !important; width: 100%; padding: 0 !important; }
.sf-ff-side .ff-el-group { margin: 0 !important; }
.sf-ff-side .ff-el-form-control { padding: 13px 16px; border: 0; }
.sf-ff-side .ff-btn-submit { width: 100%; }
.sf-ff-side .ff-message-success { border-color: rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .12); color: #fff; }
.sf-ff-side .error,
.sf-ff-side .text-danger { color: #FFD58A; }

@media (max-width: 767px) {
	.sf-ff-news .ff-t-container { flex-direction: column; align-items: stretch; border-radius: 18px; }
	.sf-ff-news .ff-t-column-1,
	.sf-ff-news .ff-t-column-2 { flex-basis: 100% !important; width: 100%; }
	.sf-ff-news .ff-el-form-control { padding: 14px 12px !important; }
	.sf-ff-news .ff-btn-submit { width: 100%; }
}

/* =========================================================
   Cookie Notice banner
   ========================================================= */
#cookie-notice { font-family: var(--e-global-typography-text-font-family), sans-serif; }
#cookie-notice .cn-text-container { font-size: 14px; line-height: 1.5; }
#cookie-notice .cn-button { padding: 10px 18px !important; border-radius: 999px !important; font: 700 14px/1 var(--e-global-typography-primary-font-family), sans-serif !important; color: var(--e-global-color-secondary) !important; }
#cookie-notice #cn-refuse-cookie { background: transparent !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .35); color: #fff !important; }
#cookie-notice #cn-more-info { background: transparent !important; color: #fff !important; text-decoration: underline; }
/* Site Settings > Buttons styles every <button>; keep the banner's close "X" plain. */
#cookie-notice .cn-close-icon { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }