/*
Theme Name: Online Kasino
Theme URI: https://online-kasino.nu/
Description: Barntema till Palm Beach för online-kasino.nu. Mörkgrönt och guld, Bricolage Grotesque och Figtree, ny header, toppbild, topplista och sidfot. Komponentklasserna (onk-) ligger kvar i Ytterligare CSS.
Author: Online Kasino
Template: palm-beach
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onk-tema
*/

/* Selektorerna börjar med html för att vinna över komponent-CSS:en i Ytterligare CSS, som laddas efter temat. */
html:root{ --onk-brand:#0b6b4c;
--onk-brand-dark:#07402e;
--onk-brand-soft:#e6f2ec;
--onk-on-brand:#fff;
--onk-ink:#0f1f1a;
--onk-ink-2:#163028;
--onk-gold:#e2a93b;
--onk-gold-dark:#b9821c;
--onk-paper:#f7f5ef;
--onk-text:#1b2420;
--onk-muted:#56635d;
--onk-border:#e3e0d6;
--onk-surface:#ffffff;
--onk-surface-alt:#f3f1ea;
--onk-head-font:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
--onk-body-font:"Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
--onk-mark:"→";
--onk-radius:14px;
--onk-radius-sm:10px;
--onk-shadow:0 1px 2px rgba(15,31,26,.05), 0 4px 14px rgba(15,31,26,.05); }

/* Grund */
html body{ background:var(--onk-paper); color:var(--onk-text); font-family:var(--onk-body-font); }
html .site{ background:var(--onk-paper); }
html .site-content, html .site-content.container{ background:transparent; }
html body :is(h1,h2,h3,h4,.widget-title,.site-title,.page-title,.entry-title){ font-family:var(--onk-head-font); }
html :is(.entry,.entry-content)[class][class]{ font-family:var(--onk-body-font); font-size:1.075rem; }
html :is(.entry,.entry-content)[class][class] p{ line-height:1.72; color:var(--onk-text); }
html :is(.entry,.entry-content)[class][class] :is(h2,h3,h4){ font-family:var(--onk-head-font); letter-spacing:-.015em; color:var(--onk-ink); }
html :is(.entry,.entry-content)[class][class] h2:not([class*="onk-"]):not([class*="onk-"] *){ font-size:1.85em; font-weight:800; line-height:1.15; margin:2.1em 0 .55em; }
html :is(.entry,.entry-content)[class][class] h2:not([class*="onk-"]):not([class*="onk-"] *)::before{ content:""; display:block; width:44px; height:4px; border-radius:2px; background:var(--onk-gold); margin-bottom:14px; }
html :is(.entry,.entry-content)[class][class] h3:not([class*="onk-"]):not([class*="onk-"] *){ font-size:1.3em; font-weight:700; }
html .fullwidth-content-area .entry-content{ max-width:1080px; margin-left:auto; margin-right:auto; }
html ::selection{ background:var(--onk-gold); color:var(--onk-ink); }

/* Header */
html .site-header{ background:var(--onk-surface); border-bottom:1px solid var(--onk-border); }
html .header-main{ display:flex; align-items:center; flex-wrap:wrap; gap:8px 28px; padding-top:14px; padding-bottom:14px; }
html .site-branding{ margin:0; padding:0; }
html .header-main::before, html .header-main::after{ display:none; }
html .site-description{ font-family:var(--onk-body-font); color:var(--onk-muted); font-size:.85rem; margin-top:4px; letter-spacing:.01em; }
html .primary-navigation{ margin-left:auto; }
@media only screen and (min-width:60em){
  html .main-navigation ul{ display:flex; flex-wrap:wrap; gap:4px; }
}
html .main-navigation ul a, html .main-navigation a{ font-family:var(--onk-body-font); font-weight:600; font-size:.95rem; color:var(--onk-ink); padding:9px 14px; border-radius:999px; transition:background .15s, color .15s; }
html .main-navigation a:hover, html .main-navigation a:focus{ background:var(--onk-brand-soft); color:var(--onk-brand-dark); text-decoration:none; }
html .main-navigation ul li.current-menu-item > a, html .main-navigation ul li.current-menu-item > a:link, html .main-navigation ul li.current-menu-item > a:visited, html .main-navigation ul li.current_page_item > a{ background:var(--onk-ink); color:#fff; text-decoration:none; }
html .main-navigation .current-menu-item > a:hover{ background:var(--onk-ink-2); color:#fff; }
html .primary-menu-toggle{ color:var(--onk-ink); border-color:var(--onk-border); border-radius:999px; }

/* Hero */
html .header-title-image{ position:relative; background-size:cover; background-position:center; }
html .header-title-image, html .header-title-image-container, html .header-title-image[class], html .header-title-image-container[class]{ height:auto!important; }
html .header-title-image::before{ content:""; position:absolute; inset:0; background:linear-gradient(105deg, rgba(10,28,22,.94) 0%, rgba(11,60,44,.86) 45%, rgba(11,107,76,.55) 100%); }
html .header-title-image-container{ position:relative; z-index:1; padding:0; height:auto; min-height:0; background:transparent; }
html .header-title-wrap{ padding:96px 0 88px; }
html .header-title-wrap .page-header{ max-width:1080px; margin:0 auto; text-align:left; }
html .header-title{ display:block; text-shadow:none; font-family:var(--onk-head-font)!important; text-transform:none!important; font-weight:800; letter-spacing:-.025em; font-size:clamp(2rem, 4.4vw, 3.4rem)!important; line-height:1.07; max-width:820px; margin:0; text-align:left; color:#fff; }
html .header-title::before{ content:"Guide · Uppdaterad 2026"; display:inline-block; font-family:var(--onk-body-font); font-size:.8rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--onk-ink); background:var(--onk-gold); padding:6px 12px; border-radius:999px; margin-bottom:22px; width:fit-content; display:block; line-height:1.2; }
html .header-title::after{ content:""; display:block; width:120px; height:3px; margin-top:26px; background:linear-gradient(90deg,var(--onk-gold),transparent); }

/* Innehållsytan */
html .site-content.container{ padding-top:48px; }
html .fullwidth-content-area .entry-content > p:first-child{ font-size:1.22em; line-height:1.6; color:var(--onk-ink); font-weight:500; }

/* Topplistan */
html .fcrp-sctable{ background:transparent!important; font-family:var(--onk-body-font)!important; border:0!important; }
html .fcrp-sctable-head{ background:var(--onk-ink)!important; color:#fff!important; border-radius:var(--onk-radius) var(--onk-radius) 0 0; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; }
html .fcrp-sctable [class^="fcrp-sctablerow"], html .fcrp-sctable [class*=" fcrp-sctablerow"]{ background:var(--onk-surface)!important; border:1px solid var(--onk-border)!important; border-top:0!important; transition:box-shadow .15s, transform .15s; }
html .fcrp-sctable [class^="fcrp-sctablerow"]:hover{ box-shadow:var(--onk-shadow); position:relative; z-index:1; }
html .fcrp-rank{ background:var(--onk-gold)!important; color:var(--onk-ink)!important; font-family:var(--onk-head-font); font-weight:800; }
html .fcrp-bonus-text{ font-family:var(--onk-head-font); font-weight:700; color:var(--onk-ink); font-size:1.02em; line-height:1.35; }
html .fcrp-rate, html .fcrp-rate-total{ color:var(--onk-gold-dark)!important; }
html a.fcrp-visit-btn{ background:var(--onk-brand)!important; color:#fff!important; border-radius:999px!important; font-weight:700!important; padding:11px 22px!important; box-shadow:0 2px 0 var(--onk-brand-dark); text-decoration:none!important; transition:background .15s, transform .15s; }
html a.fcrp-visit-btn:hover{ background:var(--onk-brand-dark)!important; transform:translateY(-1px); }
html a.fcrp-review-link{ color:var(--onk-muted)!important; font-weight:600; }
html .fcrp-compliance-row, html .fcrp-compliance-desc, html .fcrp-sctable-disclaimer{ color:var(--onk-muted)!important; font-size:.75rem!important; }
html .fcrp-compliance-row a, html .fcrp-sctable-disclaimer a{ color:var(--onk-muted)!important; }

/* Komponenter som får nya färger */
html :is(.entry,.entry-content)[class][class] .onk-tabell thead tr, html :is(.entry,.entry-content)[class][class] .onk-tabell th{ background:var(--onk-ink); }
html :is(.entry,.entry-content)[class][class] table:not([class*="onk-"]) thead tr, html :is(.entry,.entry-content)[class][class] table:not([class*="onk-"]):not(:has(thead)) tr:first-child{ background:var(--onk-ink); }
html :is(.entry,.entry-content)[class][class] :is(.onk-tabell table, table.onk-tabell, table:not([class*="onk-"])){ border-radius:var(--onk-radius-sm); overflow:hidden; box-shadow:var(--onk-shadow); }
html :is(.entry,.entry-content)[class][class] ul.onk-checklista li::before{ background:var(--onk-brand); color:#fff; }
html :is(.entry,.entry-content)[class][class] ol.onk-steg li::before{ background:var(--onk-gold); color:var(--onk-ink); }
html :is(.entry,.entry-content)[class][class] .onk-kort{ border-top:0; border-left:4px solid var(--onk-gold); box-shadow:var(--onk-shadow); }
html :is(.entry,.entry-content)[class][class] .onk-faq h3{ color:var(--onk-ink); }
html :is(.entry,.entry-content)[class][class] .onk-faq{ background:var(--onk-surface); border:1px solid var(--onk-border); border-radius:var(--onk-radius); padding:22px 26px; box-shadow:var(--onk-shadow); }
html :is(.entry,.entry-content)[class][class] .onk-kallor{ background:transparent; border:0; border-top:1px solid var(--onk-border); border-radius:0; box-shadow:none; padding:18px 0 0; }
html :is(.entry,.entry-content)[class][class] .onk-kallor h2::before{ display:none; }
html :is(.entry,.entry-content)[class][class] .onk-kallor h2{ font-size:.95em; text-transform:uppercase; letter-spacing:.08em; color:var(--onk-muted); }
html :is(.entry,.entry-content)[class][class] .onk-disclaimer{ background:var(--onk-ink); color:#dfe7e3; border-left:4px solid var(--onk-gold); font-style:normal; font-size:.86em; }
html :is(.entry,.entry-content)[class][class] .onk-disclaimer strong{ color:var(--onk-gold); }
html :is(.entry,.entry-content)[class][class] .onk-korthet{ background:var(--onk-surface); border-left:5px solid var(--onk-gold); box-shadow:var(--onk-shadow); }
html :is(.entry,.entry-content)[class][class] .onk-korthet strong:first-child{ color:var(--onk-ink); }
html :is(.entry,.entry-content)[class][class] .onk-nyckeltal{ background:var(--onk-ink); border-left-color:var(--onk-gold); }
html :is(.entry,.entry-content)[class][class] .onk-nyckeltal :is(.onk-nyckeltal-tal,.onk-nyckeltal-etikett){ color:var(--onk-gold); }
html :is(.entry,.entry-content)[class][class] .onk-nyckeltal .onk-nyckeltal-kontext{ color:#cfdcd6; }
html :is(.entry,.entry-content)[class][class] a:not(.onk-cta):not([class*="button"]):not(.wp-block-button__link):not([class^="fcrp"]){ color:var(--onk-brand); text-decoration-color:rgba(11,107,76,.35); }

/* Ny komponent: nyckeltalsrad */
html :is(.entry,.entry-content)[class][class] .onk-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; margin:28px 0; }
html :is(.entry,.entry-content)[class][class] .onk-stat{ background:var(--onk-ink); color:#dfe7e3; border-radius:var(--onk-radius); padding:20px 20px 18px; }
html :is(.entry,.entry-content)[class][class] .onk-stat b{ display:block; font-family:var(--onk-head-font); font-size:2.1em; font-weight:800; color:var(--onk-gold); line-height:1; margin-bottom:8px; letter-spacing:-.02em; }
html :is(.entry,.entry-content)[class][class] .onk-stat span{ font-size:.9em; line-height:1.45; display:block; }

/* Sidfot */
html .footer-widgets-background{ background:var(--onk-ink); border-top:4px solid var(--onk-gold); }
html .footer-widgets .widget-title{ color:var(--onk-gold); font-family:var(--onk-head-font); text-transform:none; letter-spacing:0; font-size:1.05rem; font-weight:700; }
html .footer-widgets, html .footer-widgets .widget{ color:#c9d5cf; }
html .footer-widgets a{ color:#e8efeb; text-decoration:none; }
html .footer-widgets a:hover{ color:var(--onk-gold); }
html .footer-widgets .menu li{ border-color:rgba(255,255,255,.08)!important; }
html .footer-wrap{ background:#0a1612; }
html .site-footer, html .site-info{ color:#8fa39a; }
html .site-footer a{ color:#c9d5cf; }
html .scroll-to-top-button{ background:var(--onk-gold)!important; color:var(--onk-ink)!important; border-radius:50%; }

/* Mobil */
@media (max-width:800px){
  html .header-title-wrap{ padding:60px 0 54px; }
  html .header-title-wrap .page-header{ padding:0 20px; }
  html .primary-navigation{ margin-left:0; width:100%; }
  html :is(.entry,.entry-content)[class][class] h2:not([class*="onk-"]):not([class*="onk-"] *){ font-size:1.5em; }
}
@media (min-width:880px){
  html :is(.entry,.entry-content)[class][class] .onk-kort-grid:has(> .onk-kort:nth-child(4):last-child){ grid-template-columns:repeat(2,1fr); }
}

/* Logga */
html .site-branding .custom-logo-link{ display:block; line-height:0; }
html .site-branding .custom-logo{ height:52px; width:auto; max-height:none; max-width:100%; }
html .site-branding .site-description{ margin-top:6px; }
@media (max-width:800px){ html .site-branding .custom-logo{ height:40px; } }
@media (max-width:800px){ html .header-main{ gap:8px 16px; } html .primary-menu-toggle{ margin:0 0 0 auto; } }