/* Resekartan Land - H1-eyebrow stays small even inside the heading. */ .rk-land .rk-hero h1 .rk-hero-eyebrow, .rk-hero h1 .rk-hero-eyebrow { display: block; margin: 0 0 0.2rem !important; color: #fff !important; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 1.03rem !important; font-style: normal; font-weight: 800; line-height: 1.2; letter-spacing: 0.24em; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); } .rk-hero-flag { margin-right: 0.12em; } img.rk-hero-flag, .rk-hero-flag img { height: 0.76em; width: auto; max-width: none; display: inline-block; vertical-align: baseline; object-fit: contain; border-radius: 0.1em; } .rk-hero-flag img + img { margin-left: 0.18em; } /* ===== Flyttad från sida.html, block 1 ===== */ /* ============ RESEKARTAN - THAILAND (förbättrad) ============ */ /* Fraunces laddas självhostat via WordPress typsnittsbibliotek (Utseende → Typsnitt). */ /* ============ REGELVERK (gäller alla länder) ============ Bakgrund: --paper (linne), --sand, --jade (mörk). Kort: vitt på ljust, --card-dark på mörkt. --tint endast för markering (bästa månad, rubrikband, etiketter). Text: --ink / --muted på ljust, --light-ink / --muted-dark på mörkt. Guld: --gold för linjer, ränder, ikoner och text på mörkt. --gold-ink för guldtext på ljust (--gold klarar inte 4.5:1 där). Länkar: textlänk --teal på ljust, --gold-lt på mörkt. Knapplänk (VERSALER + pil) samma färger, ingen understrykning. Varumärke: --brand (Resekartans rosa) endast för aktiv menyflik. Röd: --bad för varning/avrådan och status-prick. Övriga prickar: --ok / --warn. Kortrand: 3px --gold. Undantag: .rk-check--alert = --bad. Hörn: --r-sm ikonrutor, --r kort/bilder/knappar, --r-lg stora kort. Typsnitt: --rk-h2 sektionsrubrik, --rk-h3 kort-/delrubrik, minsta etikett --rk-label. Brödtext i två storlekar: --rk-text löptext och ingresser under rubriker, --rk-text-sm text i kort, listor och rader. ========================================================= */ .rk-land{ --jade:#15231F;--jade2:#1a2d28;--paper:#FFFDF8;--sand:#F1E8DC;--tint:#FDF5E6; --ink:#1B1D1B;--muted:#6B655D;--light-ink:#F4EFEA;--muted-dark:rgba(244,239,234,.62); --gold:#C08C2C;--gold-ink:#8A6214;--gold-lt:#D4A84A; --teal:#336B5B;--teal-lt:#8FB6A5;--coral:#C6552F; --ok:#2F8A4E;--warn:#E08A14;--bad:#E23B2F; --brand:#B817B8;--brand-ink:#fff; --card-dark:rgba(255,255,255,.06);--line:rgba(27,29,27,.08);--line-dark:rgba(255,255,255,.14); --link:var(--teal);--link-dark:var(--gold-lt); --r-sm:10px;--r:12px;--r-lg:18px; --rk-h2:clamp(1.7rem,3.2vw,2.4rem);--rk-h3:1.2rem;--rk-label:.74rem;--rk-pill:.7rem; --rk-text:var(--wp--preset--font-size--medium,1.07rem);--rk-text-sm:.95rem; /* Kartnål som mask, så ikonen ärver textfärgen utan en egen svg per rad. */ --rk-pin-mask:url('data:image/svg+xml;utf8,'); /* Äldre alias - används på många ställen nedan */ --cream:var(--paper);--stone:var(--sand);--accent:var(--gold);--accent2:var(--teal); --maxw:1180px; --rk-split-gap:2.8rem; /* text ↔ bild (fr-spalter: gap tar plats mellan, inte från höger) */ /* Gemensam rytm: samma tokens överallt */ --rk-space-md:clamp(1.3rem,1.5vw + .75rem,1.75rem); --rk-space-xl:clamp(3.5rem,2.8vw + 2.1rem,4.55rem); -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; } .rk-land *{box-sizing:border-box;} .rk-land .rk-space-md, .rk-land .wp-block-spacer.rk-space-md{height:var(--rk-space-md)!important;} .rk-land .rk-space-xl, .rk-land .wp-block-spacer.rk-space-xl{height:var(--rk-space-xl)!important;} /* --- Kolumnblock: samma beteende som i blockredigeraren (behövs i förhandsvisning utanför WordPress) --- */ .rk-land .wp-block-columns{display:flex;flex-wrap:wrap;gap:24px;} .rk-land .wp-block-columns.are-vertically-aligned-top{align-items:flex-start;} .rk-land .wp-block-columns.are-vertically-aligned-center{align-items:center;} .rk-land .wp-block-columns.are-vertically-aligned-stretch{align-items:stretch;} .rk-land .wp-block-column{min-width:0;} .rk-land .wp-block-column.is-vertically-aligned-top{align-self:flex-start;} .rk-land .wp-block-column.is-vertically-aligned-center{align-self:center;} .rk-land .wp-block-column.is-vertically-aligned-stretch{align-self:stretch;} .rk-land .wp-block-column.is-vertically-aligned-bottom{align-self:flex-end;} .rk-land .wp-block-image img{max-width:100%;height:auto;} @media(min-width:782px){ .rk-land .wp-block-columns{flex-wrap:nowrap;} .rk-land .wp-block-column{flex-basis:0;flex-grow:1;} .rk-land .wp-block-column[style*="flex-basis"]{flex-grow:0;} } @media(max-width:781px){ .rk-land .wp-block-column:not(:only-child){flex-basis:100%;} } /* --- Sektioner & läsbarhet --- */ .rk-land .rk-section{padding-top:4.25rem!important;padding-bottom:4.25rem!important;} .rk-land .rk-section p{line-height:1.75;} .rk-land .rk-section > p{max-width:70ch;} .rk-land .rk-section > p.rk-eyebrow{max-width:none;width:100%;} .rk-land [id]{scroll-margin-top:88px;} /* Upplev/Sevärdheter: samma 1180-spår */ #upplev > .wp-block-html, #upplev .rk-upplev, #sevardheter > .wp-block-html, #sevardheter .rk-sv, #sevardheter > .rk-sv-gallery, #sevardheter .rk-sv-gallery{ max-width:var(--maxw);width:100%;box-sizing:border-box; margin-left:auto!important;margin-right:auto!important; } #upplev .rk-upplev-list{ width:100%!important;max-width:none!important; grid-template-columns:repeat(3,minmax(0,1fr)); } @media(max-width:900px){ #upplev .rk-upplev-list{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:560px){ #upplev .rk-upplev-list{grid-template-columns:minmax(0,1fr);} } #upplev .rk-upplev > .rk-eyebrow{margin:0 0 .35rem!important;} #upplev .rk-upplev > h2{margin:.15rem 0 0!important;} #upplev .rk-upplev > h2::after{ content:"";display:block;width:44px;height:3px;border-radius:3px; background:var(--accent);margin:.95rem 0 calc(1.4rem + 10px); } #upplev .rk-upplev > .rk-upplev-list{margin-top:0;} /* Snabbfakta: samma 1180-spår som övriga sektioner. Pluginets .rk-facts har max-width:none, vilket slår ut temats constrained layout. */ .rk-land #snabbfakta .wp-block-rk-faktaruta, .rk-land #snabbfakta .rk-facts{ max-width:var(--maxw);width:100%;box-sizing:border-box; margin-left:auto;margin-right:auto; } /* --- Eyebrow färg (guld) --- */ .rk-land .rk-eyebrow{color:var(--gold-ink)!important;} .rk-land .rk-dark .rk-eyebrow{color:var(--gold)!important;} /* --- Eyebrow / etikett --- */ .rk-land .rk-eyebrow{ display:inline-flex;align-items:center;gap:.45rem; font-size:var(--rk-label)!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase; margin:0 0 .35rem!important; } /* --- Rubriker med guldstreck --- */ .rk-land .rk-section h2{ font-family:"Fraunces",Georgia,"Times New Roman",serif; font-weight:600;font-size:var(--rk-h2)!important; line-height:1.08;letter-spacing:-.015em;margin:.15rem 0 0; } .rk-land .rk-card h3.wp-block-heading, .rk-land .rk-check-title, .rk-land .rk-tbox__title, #visum .rk-card h3, #fraser .rk-fraser-group h3, #fraser h3.rk-fraser-sub, .rk-land .rk-place__name, #sevardheter .rk-sv-bh h3, .rk-land .rk-links__group h3{font-size:var(--rk-h3)!important;} /* Årstidsrubrikerna har font-weight 700 inline från Gutenberg. */ #vader .rk-card h3.wp-block-heading{font-weight:600!important;} .rk-land .rk-section h2::after{ content:"";display:block;width:44px;height:3px;border-radius:3px; background:var(--accent);margin:.95rem 0 calc(1.4rem + 10px); } .rk-land .rk-dark h2::after{background:var(--accent);} .rk-land .rk-dark h2, .rk-land .rk-dark .wp-block-heading{color:#F4EFEA;} .rk-land .rk-dark > p, .rk-land .rk-dark .rk-dek{color:#F4EFEA;} .rk-land .rk-section > h2, .rk-land .rk-section > .wp-block-heading{text-align:left;} .rk-land .rk-section > h2::after, .rk-land .rk-section > .wp-block-heading::after{margin:.95rem 0 calc(1.4rem + 10px);} .rk-land .rk-section > p{text-align:left;} .rk-land .rk-section > .rk-eyebrow, .rk-land .rk-section > p.rk-eyebrow{ display:flex;justify-content:flex-start;width:100%;max-width:none; text-align:left;margin-left:0!important;margin-right:auto!important; } /* --- Kort --- */ .rk-land .rk-card{ position:relative;height:100%;border-radius:var(--r)!important; border:1px solid rgba(0,0,0,.07)!important; box-shadow:0 1px 2px rgba(21,35,31,.06);overflow:hidden; transition:transform .25s ease, box-shadow .25s ease; } .rk-land .rk-card::before{ content:"";position:absolute;inset:0 0 auto 0;height:3px; background:var(--accent); } .rk-land .rk-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(21,35,31,.14);} .rk-land .rk-card h3{font-family:"Fraunces",Georgia,serif;font-weight:600;letter-spacing:-.01em;margin:.1rem 0 .5rem;} .rk-land .rk-card h3 .rk-card-ico{ letter-spacing:0;text-transform:none;font-weight:400; margin-right:.35em;font-size:.95em;vertical-align:-.08em; } /* Samma matt som .rk-eyebrow: storlek, teckenavstand och mellanrum till ikonen. Tidigare lag etiketten pa .7rem med .12em, vilket gjorde att Geografi, Historia och Folket sag mindre ut an sektionsetiketterna. */ /* Hogsasongsbadgen i vaderkorten. Grad, vikt och farg sitter inline fran Gutenberg; harifran kommer det som gor den till samma pillertyp som .rk-tag och .rk-place__tag. */ .rk-land .rk-badge{letter-spacing:.1em;text-transform:uppercase;line-height:1.3;} .rk-land .rk-badge p{margin:0!important;letter-spacing:.1em;} .rk-land .rk-card-label{ display:inline-flex;align-items:center;gap:.45rem; color:var(--muted)!important;font-size:var(--rk-label)!important;font-weight:800; letter-spacing:.16em;text-transform:uppercase;margin:0 0 .1rem!important; } .rk-land .rk-card-label .rk-card-ico{ letter-spacing:0;text-transform:none;font-weight:400; margin-right:0;font-size:1.25em;vertical-align:-.08em; } /* Hogsasongskorten i #vader. Den varma fyllningen allena rackte inte: sektionen bakom ar sand, och ett beige kort pa beige botten forsvinner. Guldkanten och den tjockare guldlisten gor markeringen avsiktlig i stallet for grumlig, och ar samma sprak som "basta manad" i klimattabellen och nattlivsskyltarna. */ #vader .rk-card--peak{ border-color:rgba(192,140,44,.5)!important; box-shadow:0 2px 10px rgba(192,140,44,.15); } #vader .rk-card--peak::before{height:4px;} #vader .rk-card--peak:hover{ border-color:var(--gold)!important; box-shadow:0 16px 32px rgba(192,140,44,.22); } /* Manadsspannen i vaderkorten. Korten med hogsasongsbadge har spannet inne i en flexgrupp tillsammans med badgen, de ovriga har det som forsta barn direkt - darfor tva selektorer. Storleken sitter inline fran Gutenberg, darav !important. Spannet foljer sasongsrubriken (--rk-h3). */ #vader .rk-card > p:first-child, #vader .rk-card > .wp-block-group.is-nowrap > p:first-child{ font-size:var(--rk-h3)!important; } #vader .rk-card .rk-muted{font-size:var(--rk-text-sm)!important;} /* WordPress skriver om Gutenbergs 0.95rem till clamp(0.875rem, ..., 0.95rem). */ .rk-land [style*="0.95rem)"]{font-size:var(--rk-text-sm)!important;} .rk-land .rk-card .rk-check-head{ margin:0 0 .85rem; } .rk-land .rk-card .rk-check-head .rk-check-title{ margin:0; } /* --- Visum / vaccin / säkerhet: checklist-länkar --- */ .rk-land .rk-check{ position:relative;overflow:hidden; display:flex;flex-direction:column;justify-content:space-between;gap:.85rem; height:100%;text-decoration:none!important;border-radius:var(--r); flex:1;width:100%; border:1px solid rgba(0,0,0,.07);background:#fff; padding:1.35rem 1.4rem 1.25rem;box-shadow:0 1px 2px rgba(21,35,31,.05); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; } .rk-land .rk-check::before{ content:"";position:absolute;inset:0 0 auto 0;height:3px; background:var(--gold); } .rk-land .rk-check--alert::before{background:var(--bad);} .rk-land a.rk-check{color:inherit!important;} .rk-land a.rk-check:hover{opacity:1;} .rk-land .rk-check:hover{ transform:translateY(-4px);box-shadow:0 16px 32px rgba(21,35,31,.12); border-color:rgba(192,140,44,.45); } .rk-land .rk-check--alert:hover{border-color:rgba(226,59,47,.45);} .rk-land .rk-check-ico{ display:flex;align-items:center;justify-content:center;flex:0 0 2.1rem; width:2.1rem;height:2.1rem;min-width:2.1rem;max-width:2.1rem; box-sizing:border-box;border-radius:var(--r-sm);overflow:hidden;line-height:0; background:rgba(51,107,91,.1);font-size:1.15rem; } .rk-land .rk-check-ico svg{ display:block;width:1.15rem;height:1.15rem;flex:none; } .rk-land .rk-check-emoji{ display:flex;align-items:center;justify-content:center; width:100%;height:100%; font-size:1.15rem;line-height:1;text-align:center; transform:translateY(-0.06em); } .rk-land .rk-check-emoji:has(img){transform:none;} .rk-land .rk-check-ico img.emoji{ display:block!important;width:1.15rem!important;height:1.15rem!important; margin:0!important;padding:0!important;border:none!important; vertical-align:middle!important;position:static!important; } .rk-land .rk-check-title{ font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:var(--rk-h3); letter-spacing:-.01em;margin:0;line-height:1.2; } /* Kortrubriken .rk-card h3 sätter margin .1rem 0 .5rem. Den större undermarginalen skjuter texten uppåt så emoji-boxen hamnar under mitten. */ .rk-land .rk-card h3.rk-check-title{margin:0;} .rk-land .rk-check > div{ display:flex;flex-direction:column;height:100%; } .rk-land .rk-check-head{ display:flex;align-items:center;gap:.7rem;margin:0 0 .7rem; } .rk-land .rk-check-phoneblock{ flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:calc(1.35rem + 1px); } .rk-land .rk-check-desc{ margin:0;font-size:var(--rk-text-sm);line-height:1.55;color:var(--muted); } .rk-land .rk-check-cta{ display:inline-flex;align-items:center;gap:.35rem;margin-top:.15rem; font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase; color:var(--link)!important; } .rk-land .rk-dark .rk-check, .rk-land .rk-dark .rk-card{ background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important; color:#F4EFEA!important;box-shadow:none; } .rk-land .rk-dark .rk-check:hover{ background:rgba(255,255,255,.09)!important;border-color:rgba(192,140,44,.55)!important; } .rk-land .rk-dark .rk-card:hover{ background:rgba(255,255,255,.09)!important;border-color:rgba(192,140,44,.55)!important; } .rk-land .rk-card--alert::before{background:var(--accent);} .rk-land .rk-card--alert:hover, .rk-land .rk-dark .rk-card--alert:hover{ border-color:var(--accent)!important; } .rk-land .rk-dark .rk-check-ico{background:rgba(255,255,255,.12);color:#F4EFEA;} .rk-land .rk-dark .rk-check-ico svg{ display:block;width:1.15rem;height:1.15rem; } .rk-land .rk-dark .rk-check-desc{color:rgba(244,239,234,.62);} .rk-land .rk-dark .rk-check-desc strong{color:#F4EFEA;font-weight:700;} .rk-land .rk-dark .rk-check-cta{color:var(--link-dark)!important;} .rk-land .rk-dark .rk-card-label{color:rgba(244,239,234,.55)!important;} .rk-land .rk-dark .rk-card h3, .rk-land .rk-dark .rk-card li{color:#F4EFEA;} .rk-land .rk-section p.rk-dek{ max-width:none;margin-top:-.35rem!important;margin-bottom:1.75rem!important; font-size:var(--rk-text);line-height:1.65;opacity:.72; } .rk-land .rk-dark > p.rk-dek{color:#F4EFEA;} .rk-land .rk-check--static{cursor:default;} .rk-land .rk-dark .rk-check--static:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.06)!important;} .rk-land .rk-phone{ display:flex;flex-direction:column;gap:.48rem;margin-top:.15rem; } .rk-land .rk-phone a{ display:flex;justify-content:space-between;align-items:baseline;gap:.75rem; text-decoration:none!important;color:#F4EFEA!important;font-size:var(--rk-text-sm);line-height:1.35; opacity:1!important; } .rk-land .rk-phone > div{ display:flex;justify-content:space-between;align-items:baseline;gap:.75rem; font-size:var(--rk-text-sm);line-height:1.35; } .rk-land .rk-phone .rk-phone__long strong{white-space:normal;text-align:right;} .rk-land .rk-phone a:hover{opacity:.8!important;} .rk-land .rk-phone span{opacity:.62;font-size:.8rem;} .rk-land .rk-phone strong{font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;color:var(--gold);} .rk-land .rk-phone-note{ margin-top:auto;padding-top:1.25rem;margin-bottom:0; font-size:.82rem;line-height:1.5;color:rgba(244,239,234,.62); } .rk-land .rk-phone-note strong{color:#F4EFEA;font-weight:700;} .rk-land .rk-check-links{ display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin-top:1.35rem; } .rk-land .rk-check-links a{ font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase; color:var(--link)!important;text-decoration:none!important;opacity:1!important; } .rk-land .rk-check-links a:hover{opacity:.75!important;} .rk-land .rk-check-links a.rk-check-main{font-size:.82rem;} .rk-land .rk-check-hr{ width:100%;height:0;border:0;border-top:1px solid rgba(244,239,234,.18); margin:.45rem 0; } .rk-land .rk-check-links:not(.rk-check-links--own){ margin-bottom:1.15rem; } .rk-land .rk-check-links--own{ margin-top:auto; } /* --- Länkar: fullbredd som Om landet --- */ #lankar .rk-split > .wp-block-column{flex-basis:100%!important;width:100%!important;} /* Hindra mönstrets alignfull från att bryta ut till skärmkant */ #lankar .alignfull,#lankar .alignwide{ width:100%!important;max-width:100%!important; margin-left:0!important;margin-right:0!important; left:auto!important;right:auto!important;position:relative!important; } .rk-land .rk-section a:not(.rk-pin){color:var(--link)!important;text-underline-offset:3px;text-decoration-thickness:1px;transition:opacity .2s ease;} .rk-land .rk-section a:not(.rk-pin):hover{opacity:.75;} .rk-land .rk-dark p > a:not([class]), .rk-land .rk-dark li > a:not([class]){color:var(--link-dark)!important;} .rk-land .rk-dark .rk-check-title{color:#F4EFEA!important;} .rk-land .rk-section a.rk-check{ color:#F4EFEA!important;text-decoration:none!important; } .rk-land .rk-section .rk-check-links a, .rk-land .rk-section .rk-check-cta{ color:var(--link)!important;text-decoration:none!important; } .rk-land .rk-dark .rk-check-links a, .rk-land .rk-dark .rk-check-cta{color:var(--link-dark)!important;} .rk-land .rk-section .rk-phone a{ color:#F4EFEA!important;text-decoration:none!important; } .rk-land .rk-section .rk-phone strong{color:var(--gold)!important;} /* Visum / vaccin / säkerhet: ljus, lugn yta */ #visum.rk-section{color:var(--ink);} #visum .rk-dek, #visum .rk-split p.rk-dek, #visum .rk-split p{ max-width:none!important;width:100%; text-align:left!important; } #visum .rk-check, #visum .rk-card{ background:#fff!important;border-color:rgba(27,29,27,.1)!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(21,35,31,.05); } #visum .rk-check--static:hover, #visum .rk-card:hover{ background:#fff!important;border-color:rgba(27,29,27,.14)!important; } #visum .rk-check-title, #visum .rk-card h3, #visum .rk-card li{color:var(--ink)!important;} #visum .rk-card h3{ font-family:"Fraunces",Georgia,serif;font-weight:600; letter-spacing:-.01em;line-height:1.2;margin:0 0 .7rem; } /* Samma mittning som .rk-card-ico i Vanliga bedrägerier. Undermarginalen ovan gäller bara vanliga kortrubriker. På .rk-check-title skjuter den texten upp så emoji-boxen hamnar under mitten. */ #visum .rk-card h3.rk-check-title{margin:0;} #visum .rk-card li strong{color:var(--ink)!important;font-weight:700;} #visum .rk-check-title{display:flex;align-items:center;flex-wrap:wrap;gap:0 .2em;} #visum .rk-card p:not(.rk-card-label){color:var(--ink)!important;margin:0 0 .9rem!important;font-size:var(--rk-text-sm);line-height:1.55;} #visum .rk-card p:not(.rk-card-label):last-child{margin-bottom:0!important;} #visum .rk-card ul{margin:0;} #visum .rk-check-desc{color:var(--muted);} #visum .rk-check-desc strong, #visum .rk-phone-note strong{color:var(--ink)!important;} #visum .rk-check-ico{color:var(--ink);background:rgba(51,107,91,.1);display:grid;place-items:center;} #visum .rk-check-ico svg{width:1.15rem;height:1.15rem;} #visum .rk-check-ico img.emoji{margin:0!important;width:1.15rem!important;height:1.15rem!important;display:block!important;} #visum .rk-phone a{color:var(--ink)!important;} #visum .rk-phone strong{color:var(--gold-ink)!important;} #visum .rk-phone-note{color:var(--muted);} #visum .rk-card-label{color:var(--muted)!important;} #visum .rk-check-hr{border-top-color:rgba(27,29,27,.12);} #visum .rk-check-links a, #visum .rk-check-cta{color:var(--link)!important;} #visum .rk-check-desc + .rk-check-links{margin-top:1.45rem;} #visum .rk-phone-note{margin-top:auto;padding-top:1.25rem;} #visum .rk-check-ico--phone svg{transform:translate(-2px,1px);} /* Endast bedrägerier + säkerhetstips - efter #visum .rk-card så den inte överskrivs */ #visum .rk-card.rk-card--soft{ background:var(--sand)!important; border-color:rgba(27,29,27,.06)!important; box-shadow:none; color:var(--ink)!important; } #visum .rk-card.rk-card--soft::before{background:var(--gold);} #visum .rk-card.rk-card--soft:hover{ background:var(--sand)!important; border-color:rgba(192,140,44,.45)!important; transform:translateY(-2px); box-shadow:0 8px 20px rgba(21,35,31,.07); } /* Samma ikonruta som checklistekorten har. Utan den ser Sakerhetstips och Vanliga bedragerier ut som en helt annan komponent an Vaccinationer och HBTQI+, trots att de star sida vid sida. */ #visum .rk-card--soft h3{ display:flex;align-items:center;gap:.7rem; } #visum .rk-card--soft h3 .rk-card-ico{ display:flex;align-items:center;justify-content:center; flex:0 0 2.1rem;width:2.1rem;height:2.1rem; box-sizing:border-box;margin:0; border-radius:var(--r-sm);background:rgba(51,107,91,.1); font-size:1.15rem;line-height:1;vertical-align:baseline; } #visum .rk-card--soft h3 .rk-card-ico img.emoji{ display:block!important;width:1.15rem!important;height:1.15rem!important; margin:0!important;padding:0!important; } #visum .rk-card.rk-card--soft .rk-card-label{color:var(--muted)!important;} #visum .rk-card.rk-card--soft h3{color:var(--ink)!important;} #visum .rk-card.rk-card--soft li{color:var(--ink)!important;} /* ===== Hero ===== */ .rk-hero .wp-block-cover__inner-container{max-width:var(--maxw);margin-inline:auto;width:100%;} .rk-hero h1{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:600;line-height:1.0;letter-spacing:-.02em;overflow-wrap:anywhere;hyphens:auto;} .rk-hero-eyebrow{ color:#FFFFFF!important;font-weight:800;letter-spacing:.24em; text-transform:uppercase;font-size:1.03rem!important;margin:0 0 .2rem!important; text-shadow:0 1px 3px rgba(0,0,0,.35); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; } .rk-land .rk-hero h1 .rk-hero-eyebrow{display:block;font-style:normal;line-height:1.2;} .rk-hero-flag{margin-right:.12em;} /* Eyebrown lyfts ur flödet och centreras över flaggan. Marginalen flyttas till boxen, annars skulle flaggans egen högermarginal förskjuta centreringen. */ .rk-land .rk-hero h1 .rk-hero-mark{ position:relative;display:inline-block;margin-right:.12em; } .rk-land .rk-hero h1 .rk-hero-mark .rk-hero-flag{margin-right:0;} /* Centreringen gors med text-align i en lada som ar exakt sa bred som flaggan, inte med translateX. Transformen landade pa halva pixlar vid vissa zoomnivaer och sag da snedstalld ut. Den negativa hogermarginalen kompenserar for att letter-spacing lagger ett tomrum efter sista bokstaven, vilket annars drar den optiska mitten at vanster. */ .rk-land .rk-hero h1 .rk-hero-mark .rk-hero-eyebrow{ position:absolute;left:0;right:0;bottom:100%; transform:none; margin:0 -.24em 0.4rem 0!important; line-height:1; text-align:center;white-space:nowrap; } @media(max-width:781px){ /* På mobil är flaggan smalare än ordet, så vänsterställt ser bättre ut. */ .rk-land .rk-hero h1 .rk-hero-mark .rk-hero-eyebrow{ right:auto;margin-right:0!important;text-align:left; } /* Flagga och landsnamn tio procent ned pa telefon. Hela clampen skalas, inte bara minvardet, sa att 533-781 px fortsatter vaxa jamnt i stallet for att hoppa vid den punkt dar vw tar over. Graden sitter inline, darav !important. Eyebrown lamnas orord - den har sin slutgiltiga storlek. */ .rk-land .rk-hero h1{ font-size:clamp(2.97rem,8.91vw,6.3rem)!important; } img.rk-hero-flag, .rk-hero-flag img{ height:0.66em; } } /* Underrubriken ligger direkt pa fotot. Pa en bred skarm racker overlayen, men pa telefon ar bilden tatare i detalj och texten behover egen skugga. */ .rk-land .rk-hero .rk-hero-sub{ text-shadow:0 1px 2px rgba(0,0,0,.45),0 2px 14px rgba(0,0,0,.45); } @media(max-width:781px){ .rk-land .rk-hero .rk-hero-sub{ /* Tjugo procent ned fran 1.65rem: med skuggan pa plats behover raden inte langre vara stor for att lasas, och den bryts over farre rader. Graden sitter inline fran Gutenberg, darav !important. */ font-size:1.32rem!important;line-height:1.4; padding-top:0.65rem; text-shadow:0 1px 2px rgba(0,0,0,.65),0 2px 16px rgba(0,0,0,.6); } } /* ===== Sticky nav ===== */ .rk-navbar{position:-webkit-sticky;position:sticky;top:0;z-index:95; background:var(--jade); border-bottom:1px solid rgba(255,255,255,.14);} .rk-navwrap{position:relative;max-width:var(--maxw);margin:0 auto;} .rk-nav{display:flex;gap:.22rem; padding:.55rem 1.25rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none; -webkit-overflow-scrolling:touch;} .rk-nav::-webkit-scrollbar{display:none;} .rk-land .rk-nav a{ flex:0 0 auto;display:inline-flex;align-items:center;gap:.18rem;white-space:nowrap; color:rgba(244,239,234,.86);text-decoration:none;font-size:.88rem;font-weight:700!important;line-height:1.1; padding:.48rem .72rem;border-radius:999px;border:1px solid transparent; transition:color .2s ease,background .2s ease,border-color .2s ease; } .rk-nav a:hover{color:#fff;background:rgba(243,236,217,.09);} .rk-land .rk-nav a.rk-active{color:var(--brand-ink);background:var(--brand);border-color:var(--brand);font-weight:700!important;} .rk-land .rk-nav a:focus-visible{outline:2px solid var(--gold-lt);outline-offset:2px;} .rk-navcue:focus-visible{outline:2px solid var(--gold-lt);outline-offset:-4px;} .rk-navbar .rk-nav a img.emoji{height:1em;width:1em;margin:0 .12em 0 0;vertical-align:-.12em;} .rk-ico{display:inline-block;width:1em;height:1em;vertical-align:-0.15em;flex:0 0 auto;} .rk-ico--danger{color:var(--bad);} .rk-navbar .rk-nav a .rk-ico{width:14px;height:14px;} /* Bläddra-pilar (visar att menyn kan scrollas i sidled) */ .rk-navcue{position:absolute;top:0;bottom:0;width:58px;display:flex;align-items:center; border:0;margin:0;-webkit-appearance:none;appearance:none;cursor:pointer; pointer-events:none;color:#FFFFFF;font-size:1.5rem;line-height:1;font-weight:700; opacity:0;transition:opacity .2s ease,color .2s ease;z-index:3; -webkit-tap-highlight-color:transparent;} .rk-navcue-r{right:0;justify-content:flex-end;padding-right:10px; background:linear-gradient(90deg,rgba(21,35,31,0),#15231F 60%);} .rk-navcue-l{left:0;justify-content:flex-start;padding-left:10px; background:linear-gradient(90deg,#15231F 40%,rgba(21,35,31,0));} .rk-navcue:hover{color:var(--gold-lt);} .rk-navwrap.rk-more .rk-navcue-r{opacity:1;pointer-events:auto;} .rk-navwrap.rk-less .rk-navcue-l{opacity:1;pointer-events:auto;} /* ===== Evenemang: lista vänster, bild höger (56/44 som övriga) ===== */ #evenemang .rk-events-layout{margin:0;} #evenemang .rk-events-stage{ display:grid;gap:1.5rem;align-items:start; } @media(min-width:782px){ #evenemang .rk-events-stage{ grid-template-columns:minmax(0,56fr) minmax(0,44fr); column-gap:var(--rk-split-gap); } } #evenemang .rk-events-main{min-width:0;} #evenemang .rk-events-head{margin:0 0 0;} #evenemang .rk-events-head .rk-eyebrow{margin:0 0 .35rem!important;} #evenemang .rk-events-head h2{margin:.15rem 0 0!important;} #evenemang .rk-events-head h2::after{ content:"";display:block;width:44px;height:3px;border-radius:3px; background:var(--accent);margin:.95rem 0 calc(1.4rem + 10px); } #evenemang .rk-events-aside{min-width:0;} #evenemang .rk-events-media{margin:0;} #evenemang .rk-events-media.wp-block-image{ border-radius:var(--r);overflow:hidden; background:rgba(255,255,255,.55); border:1px solid rgba(27,29,27,.10); box-shadow:0 14px 30px rgba(21,35,31,.09); } #evenemang .rk-events-media img{ display:block;width:100%;height:auto; aspect-ratio:3/2;object-fit:cover; border-radius:0!important; } #evenemang .rk-events-media .wp-element-caption{ margin:0!important;padding:.78rem .95rem .92rem; text-align:left!important;font-size:.86rem;line-height:1.45; color:var(--ink);pointer-events:none; } #evenemang .rk-events{ display:flex;flex-direction:column;margin:0;gap:0; } /* Festivalprogram: datum + ort i vänsterkolumnen, namn + text till höger. */ #evenemang .rk-event{ display:grid; grid-template-columns:7.6rem minmax(0,1fr); column-gap:1.15rem;row-gap:0; position:relative; margin:0;padding:1rem 0 1.05rem 0; border-bottom:1px solid rgba(27,29,27,.1); } #evenemang .rk-event::before{ content:"";position:absolute;left:0;top:1rem;bottom:1.05rem;width:3px; border-radius:3px;background:var(--accent); } #evenemang .rk-event:first-child{padding-top:0;} #evenemang .rk-event:first-child::before{top:0;} #evenemang .rk-event:last-child{border-bottom:0;padding-bottom:0;} #evenemang .rk-event:last-child::before{bottom:0;} #evenemang .rk-event-body{display:contents;} #evenemang .rk-event-when{ grid-column:1;grid-row:1; margin:0!important;padding:0 0 0 .9rem; font-size:1.02rem!important;font-weight:700!important;letter-spacing:.02em; text-transform:none;color:var(--gold-ink)!important;line-height:1.3!important; } /* Orten ligger under titeln, inte i datumkolumnen: där ryms även långa namn som "Chiba / Tokyo-området" på en rad, och vänsterkolumnen hålls ren. */ #evenemang .rk-event-place{ grid-column:2;grid-row:2; display:flex;flex-wrap:wrap;align-items:center;gap:.45rem; margin:.34rem 0 0!important;padding:0; } #evenemang .rk-event-loc{ display:inline-block;padding:.22rem .6rem; border:1px solid rgba(192,140,44,.32);border-radius:999px; background:rgba(192,140,44,.14); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:var(--rk-pill);font-weight:800;letter-spacing:.1em;line-height:1.3; text-transform:uppercase;color:var(--gold-ink);white-space:nowrap; } #evenemang .rk-event-loc::before{content:none;} #evenemang .rk-event-nuance{ display:inline-block;margin:0;font-style:italic;font-size:.8rem;line-height:1.3; color:var(--muted); } #evenemang .rk-event-nuance::before{content:none;} #evenemang .rk-event-name{ grid-column:2;grid-row:1; margin:0!important; font-family:"Fraunces",Georgia,serif;font-weight:600!important; font-size:1.12rem!important;letter-spacing:-.015em;line-height:1.25!important; color:var(--ink)!important; } #evenemang .rk-event-desc{ grid-column:2;grid-row:3; margin:.36rem 0 0!important;max-width:none!important; font-size:var(--rk-text-sm);line-height:1.6;color:var(--ink)!important; font-weight:400!important; } #evenemang .rk-events-note{ margin:calc(1rem + 7px) 0 0;padding:.15rem 0 .15rem .9rem; border-left:3px solid var(--accent); font-size:var(--rk-text);line-height:1.65;color:var(--ink)!important; } #evenemang .rk-events-note strong{font-weight:700;color:var(--jade);} @media(max-width:781px){ #evenemang .rk-event{ grid-template-columns:minmax(0,1fr); column-gap:0;row-gap:0;padding:.85rem 0 .9rem; } /* Allt hamnar i en kolumn, så titel och text behöver samma indrag som datumet för att inte ligga an mot guldstrecket. */ #evenemang .rk-event-name, #evenemang .rk-event-place, #evenemang .rk-event-desc{padding-left:.9rem;} #evenemang .rk-event-when{grid-column:1;grid-row:1;} #evenemang .rk-event-name{grid-column:1;grid-row:2;margin:.2rem 0 0!important;} #evenemang .rk-event-place{grid-column:1;grid-row:3;margin:.3rem 0 0!important;} #evenemang .rk-event-desc{grid-column:1;grid-row:4;margin:.34rem 0 0!important;} #evenemang .rk-event-loc{white-space:normal;} } @media(min-width:782px){ /* Ett tvåradigt datum får inte höja raden som ort och text ligger i. Högerkolumnen är en egen ruta, så de sitter kvar direkt under rubriken. */ #evenemang .rk-event{align-items:start;} #evenemang .rk-event-body{display:block;grid-column:2;grid-row:1;align-self:start;min-width:0;} } /* ===== Visste du: fem korta fakta med guldkant ===== */ #visste-du .rk-facts{ margin:1.1rem 0 0;padding:0; display:flex;flex-direction:column;gap:.55rem;max-width:70ch; } @media(min-width:782px){ #visste-du .rk-facts{margin-left:3.25rem;} } #visste-du .rk-facts p{ margin:0!important;padding:.15rem 0 .15rem .9rem; border-left:3px solid var(--accent); max-width:none!important; /* ingen font-size - samma som brödtexten i övriga sektioner */ } /* ===== Tabell (fraser) - alltid 2 kolumner (temat får inte stacka celler) ===== */ .rk-land .rk-section .wp-block-table{overflow-x:auto;} .rk-land .rk-section .wp-block-table table{ border-collapse:separate;border-spacing:0 7px;width:100%; table-layout:fixed;display:table!important; } .rk-land .rk-section .wp-block-table tbody{display:table-row-group!important;} .rk-land .rk-section .wp-block-table tr{display:table-row!important;} .rk-land .rk-section .wp-block-table td{ display:table-cell!important;vertical-align:middle; padding:11px 15px;background:#fff;border:1px solid rgba(0,0,0,.06); width:50%; } .rk-land .rk-section .wp-block-table td:first-child{border-right:0;border-radius:var(--r) 0 0 var(--r);} .rk-land .rk-section .wp-block-table td:last-child{border-left:0;border-radius:0 var(--r) var(--r) 0;color:var(--teal);font-weight:600;} /* ===== Fraser: uttal först, lätt att skanna ===== */ #fraser .rk-split p.rk-dek{margin-top:0!important;margin-bottom:0!important;} #fraser .rk-fraser-lang{ margin:.15rem 0 .8rem!important; font-size:var(--rk-text);line-height:1.5; } #fraser .rk-fraser-lang b{font-weight:800;} #fraser .rk-fraser-meta{ display:flex;flex-wrap:wrap;gap:.35rem;margin:.9rem 0 0!important; } #fraser .rk-fraser-meta span{ display:inline-flex;align-items:center;gap:.3rem; padding:.24rem .62rem .26rem;border-radius:999px; background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12); font-size:.72rem;font-weight:650;color:rgba(244,239,234,.8); } #fraser .rk-split .rk-card{height:auto;} #fraser .rk-split .rk-card:hover{transform:none;} #fraser .wp-block-html{margin:0;} #fraser .rk-fraser-sounds p{margin:0 0 .7rem;font-size:var(--rk-text-sm);line-height:1.5;} #fraser .rk-fraser-sounds p:last-child{margin:0;} #fraser .rk-fraser-sounds b{ display:inline-block;min-width:2.4rem;margin-right:.15rem; color:var(--teal);font-family:"Fraunces",Georgia,serif;font-weight:700; } #fraser .rk-fraser-pocket, #fraser .rk-fraser-group{ background:#fff;border:1px solid rgba(27,29,27,.07);border-radius:var(--r); padding:1.15rem 1.35rem 1.1rem; box-shadow:0 1px 2px rgba(21,35,31,.05); } #fraser .rk-fraser-pocket{ display:grid;grid-template-columns:1fr 1fr; gap:0 2rem;margin-top:24px; } #fraser .rk-fraser-more{margin-top:1.05rem;} #fraser .rk-fraser-more > summary{ list-style:none;cursor:pointer; display:inline-flex;align-items:center;gap:.45rem; font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; color:var(--teal);padding:.2rem 0; } #fraser .rk-fraser-more > summary::-webkit-details-marker{display:none;} #fraser .rk-fraser-more > summary::after{ content:"+";font-size:1.2rem;line-height:1;color:var(--gold);font-weight:700; } #fraser .rk-fraser-more[open] > summary::after{content:"\2013";} #fraser .rk-fraser-more > summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;} #fraser .rk-fraser-groups{ display:grid;grid-template-columns:1fr 1fr; gap:24px;margin-top:1rem; } #fraser .rk-fraser-group h3{ font-family:"Fraunces",Georgia,serif;font-weight:600; letter-spacing:-.01em;margin:0 0 .45rem;color:var(--ink); } #fraser .rk-fraser-group h3.rk-fraser-sub{margin:1.15rem 0 .55rem;} #fraser .rk-fraser-row{ display:grid;grid-template-columns:9.2rem minmax(0,1fr); gap:.1rem .85rem;align-items:baseline; padding:.5rem 0;border-bottom:1px solid rgba(27,29,27,.07); } /* Fickan är två kolumner, så de två sista raderna ligger längst ner oavsett antal. */ #fraser .rk-fraser-row:last-child, #fraser .rk-fraser-pocket .rk-fraser-row:nth-last-child(-n+2){border-bottom:0;padding-bottom:0;} #fraser .rk-fraser-sv{font-size:.9rem;line-height:1.35;color:var(--muted);font-weight:650;} #fraser .rk-fraser-say{ font-size:1.02rem;font-weight:700;color:var(--teal); letter-spacing:-.01em;line-height:1.4; } /* Samma färg som frasen, utan opacitet. Systemtypsnitt täcker alla skriftsystem. */ #fraser .rk-fraser-hy{ margin-left:.4rem;font-weight:500;font-size:.9em;color:var(--teal); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; } #fraser .rk-fraser-count{ display:flex;flex-wrap:wrap;gap:.45rem .5rem;margin-top:.35rem; } #fraser .rk-fraser-count span{ display:inline-flex;align-items:baseline;gap:.35rem; background:var(--cream);border:1px solid rgba(27,29,27,.06); border-radius:999px;padding:.32rem .7rem .34rem; font-size:.92rem;font-weight:700;color:var(--teal); } #fraser .rk-fraser-count i{ font-style:normal;font-weight:800;font-size:.68rem;letter-spacing:.06em; color:var(--muted); } /* Fraser på mörk sektion */ #fraser.rk-dark .rk-fraser-sounds b{color:var(--gold-lt);} #fraser.rk-dark .rk-fraser-pocket, #fraser.rk-dark .rk-fraser-group{ background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14); box-shadow:none; } #fraser.rk-dark .rk-fraser-row{border-bottom-color:rgba(255,255,255,.12);} #fraser.rk-dark .rk-fraser-sv{color:rgba(244,239,234,.55);} #fraser.rk-dark .rk-fraser-say, #fraser.rk-dark .rk-fraser-hy{color:var(--gold-lt);} #fraser.rk-dark .rk-fraser-group h3{color:#F4EFEA;} #fraser.rk-dark .rk-fraser-more > summary{color:var(--gold-lt);} #fraser.rk-dark .rk-fraser-count span{ background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14); color:var(--gold-lt); } #fraser.rk-dark .rk-fraser-count i{color:rgba(244,239,234,.62);} @media(max-width:781px){ #fraser .rk-fraser-pocket, #fraser .rk-fraser-groups{grid-template-columns:1fr;} #fraser .rk-fraser-pocket .rk-fraser-row:nth-last-child(2){border-bottom:1px solid rgba(27,29,27,.07);padding-bottom:.55rem;} #fraser.rk-dark .rk-fraser-pocket .rk-fraser-row:nth-last-child(2){border-bottom-color:rgba(255,255,255,.12);} #fraser .rk-fraser-row{grid-template-columns:1fr;gap:.12rem;padding:.55rem 0;} } /* ===== CTA-fot ===== */ .rk-cta a{color:var(--accent)!important;font-weight:700;text-underline-offset:3px;} .rk-land .rk-cta__row{ display:grid;grid-template-columns:1fr 1fr;gap:1rem; max-width:980px;margin:0 auto; } .rk-land .rk-cta__more{ display:flex;align-items:center;gap:1rem; margin:0;min-width:0; padding:1.1rem 1.35rem;border-radius:var(--r); background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14); text-decoration:none!important;color:#F4EFEA!important; transition:background .25s ease,border-color .25s ease,transform .25s ease; } .rk-land .rk-cta__more:hover{ background:rgba(255,255,255,.09);border-color:var(--gold); transform:translateY(-2px);opacity:1!important; } .rk-land .rk-cta__more:focus-visible{outline:2px solid var(--gold-lt);outline-offset:3px;} .rk-land .rk-cta__txt{flex:1;min-width:0;} .rk-land .rk-cta__k{ display:block;font-size:var(--rk-label);font-weight:800;letter-spacing:.16em; text-transform:uppercase;color:var(--gold-lt);margin-bottom:.22rem; } .rk-land .rk-cta__t{ display:block;font-family:"Fraunces",Georgia,serif;font-weight:600; font-size:1.05rem;line-height:1.25;letter-spacing:-.01em; } .rk-land .rk-cta__go{flex:none;font-size:1.3rem;color:var(--gold-lt);transition:transform .25s ease;} .rk-land .rk-cta__more:hover .rk-cta__go{transform:translateX(4px);} @media(max-width:781px){ .rk-land .rk-cta__row{grid-template-columns:1fr;} } /* ===== Dator: fulla etiketter, max 2 rader (~20px under limit) ===== */ @media(min-width:782px){ .rk-navbar .rk-navwrap{max-width:var(--maxw);margin:0 auto;padding:0 .75rem;box-sizing:border-box;} .rk-navbar .rk-navwrap .rk-nav{ display:flex!important;flex-direction:row!important;flex-wrap:wrap!important; justify-content:center!important;align-content:center; overflow-x:visible!important;width:100%; gap:.18rem;row-gap:.24rem;padding:.5rem 0;} .rk-navbar .rk-nav a{ flex:0 0 auto!important;width:auto!important;display:inline-flex!important; font-size:.85rem!important;font-weight:700!important;letter-spacing:-.01em; padding:.4rem .52rem!important;gap:.18rem;line-height:1.1;} .rk-navbar .rk-nav a .rk-ico{width:14px;height:14px;} .rk-navcue{display:none!important;} } @media(min-width:1200px){ .rk-navbar .rk-nav a{font-size:.88rem!important;padding:.42rem .56rem!important;gap:.2rem;} .rk-navbar .rk-nav a .rk-ico{width:15px;height:15px;} .rk-navbar .rk-navwrap .rk-nav{gap:.2rem;row-gap:.26rem;} } /* ===== Mobil ===== */ @media(max-width:781px){ .rk-land .rk-section{padding-top:3rem!important;padding-bottom:3rem!important;} /* Sektions­etiketter (Inledning, Väder …) vänsterställda även på telefon */ .rk-land .rk-section > .rk-eyebrow, .rk-land .rk-section > p.rk-eyebrow{ display:flex!important;justify-content:flex-start;width:100%; text-align:left;margin-left:0!important;margin-right:auto!important; } .rk-land .rk-section > h2, .rk-land .rk-section > .wp-block-heading{ text-align:left; } .rk-land .rk-section > h2::after, .rk-land .rk-section > .wp-block-heading::after{ margin-left:0;margin-right:auto; } .rk-navbar .rk-nav{ gap:.18rem!important;padding:.55rem .75rem!important;} .rk-navbar .rk-nav a{ font-size:.9rem!important;font-weight:700!important;letter-spacing:-.01em; padding:.5rem .7rem!important;gap:.16rem!important;} .rk-navbar .rk-nav a img.emoji{height:1.05em;width:1.05em;margin:0 .1em 0 0;} } /* Nationalsång + källikon: mittjustera mot textens höjd */ .rk-land .rk-src{display:inline-block;line-height:0;vertical-align:middle;transform:translateY(-0.14em);} .rk-land p:has(.rk-src){line-height:1!important;} .rk-land .rk-src__pop{max-height:min(38.7vh, 290px);} .rk-land .rk-anthem{display:flex;align-items:center;} .rk-land .rk-anthem audio{position:absolute;width:0;height:0;opacity:0;pointer-events:none;} .rk-land .rk-anthem__btn{ -webkit-appearance:none;appearance:none;position:relative; display:grid;place-items:center; width:20px;height:20px;margin:0 .4em 0 0;padding:0;flex:0 0 20px; border:1px solid var(--gold);border-radius:50%;box-sizing:border-box; background:rgba(192,140,44,.14);color:var(--gold-lt);line-height:0; cursor:pointer;overflow:hidden; transition:background .15s ease,color .15s ease; } .rk-land .rk-anthem__btn::after{content:"";position:absolute;inset:-7px;} .rk-land .rk-anthem__btn:hover{background:rgba(192,140,44,.3);} .rk-land .rk-anthem__btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px;} .rk-land .rk-anthem__btn.is-playing{background:var(--gold);color:#15231F;border-color:var(--gold);} .rk-land .rk-anthem__btn svg{ display:block;width:12px;height:12px;margin:0;grid-area:1/1; } .rk-land .rk-anthem__pause{visibility:hidden;} .rk-land .rk-anthem__btn.is-playing .rk-anthem__play{visibility:hidden;} .rk-land .rk-anthem__btn.is-playing .rk-anthem__pause{visibility:visible;} .rk-land .rk-peak{display:flex;align-items:center;} /* inline-grid, inte grid: en blockruta hade tvingat värdet till en egen rad. I flexsammanhang blockifieras den ändå tillbaka av webbläsaren. */ .rk-land .rk-pin{ position:relative;display:inline-grid;place-items:center;vertical-align:middle; box-sizing:border-box;line-height:0;overflow:hidden; width:20px;height:20px;margin:0 .4em .12em 0;padding:0;flex:0 0 20px; border:1px solid var(--gold);border-radius:50%; background:rgba(192,140,44,.14);color:var(--gold-lt)!important; text-decoration:none!important; transition:background .15s ease; } .rk-land .rk-pin::after{content:"";position:absolute;inset:-6px;} .rk-land .rk-pin svg{display:block;width:12px;height:12px;margin:2px 0 0;} .rk-land .rk-pin path{fill:currentColor!important;} .rk-land .rk-pin:hover{background:rgba(192,140,44,.3);opacity:1;} .rk-land .rk-pin:focus-visible{outline:2px solid var(--gold);outline-offset:2px;} /* --- Boende & nattliv: en stad i taget --- Varje stad är en
. Innehållet ligger i HTML från första svaret, så hopfällda städer indexeras precis som öppna; det är bara visningen som skiljer. Sammanfattningen listar områdena, så kortet säger något även när det är stängt. */ .rk-land .rk-places{display:flex;flex-direction:column;gap:1.35rem;margin-top:.5rem;} .rk-land .rk-place{ border-radius:var(--r-lg);overflow:hidden;background:#fff; /* Lite starkare kant an ovriga kort: #boende ligger pa sandbotten, och med .08 lostes kortkanten upp mot sanden pa telefon. */ border:1px solid rgba(21,35,31,.13); box-shadow:0 1px 2px rgba(21,35,31,.05); transition:border-color .2s ease; } .rk-land .rk-place[open]{border-color:rgba(192,140,44,.4);} .rk-land .rk-place__head{ display:flex;align-items:center; gap:.55rem 1rem;flex-wrap:wrap;padding:.95rem 1.35rem 1.05rem; background:var(--tint);border-bottom:1px solid rgba(21,35,31,.07); box-shadow:inset 0 -3px 0 0 var(--accent); cursor:pointer;list-style:none; } .rk-land .rk-place__head::-webkit-details-marker{display:none;} .rk-land .rk-place__head:hover{background:#F8EFDC;} .rk-land .rk-place__head:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;} .rk-land .rk-place__name{ margin:0; font-family:"Fraunces",Georgia,serif;font-weight:600; letter-spacing:-.015em;text-transform:none;color:var(--jade); } /* Smygtitten ersätts av innehållet när kortet fälls ut. */ .rk-land .rk-place__peek{ flex:1 1 12rem;min-width:0; font-size:.84rem;line-height:1.3;color:var(--muted); white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .rk-land .rk-place[open] .rk-place__peek{display:none;} .rk-land .rk-place__pm{ margin-left:auto;flex:none; width:1.5rem;height:1.5rem;display:grid;place-items:center; border-radius:50%;background:rgba(192,140,44,.2); color:var(--gold-ink);font-size:1.05rem;font-weight:700;line-height:1; } .rk-land .rk-place__pm::before{content:"+";} .rk-land .rk-place[open] .rk-place__pm::before{content:"\2013";} .rk-land .rk-place__tag{ font-size:var(--rk-pill);font-weight:800;letter-spacing:.1em;text-transform:uppercase; padding:.26rem .66rem;border-radius:999px;line-height:1.3;white-space:nowrap; } .rk-land .rk-place__tag--area{ color:#7A5510;background:rgba(192,140,44,.16); border:1px solid rgba(192,140,44,.32); } /* På mobil får taggen en egen rad, annars varierar kortens höjd med hur långt stadsnamnet är. Radbrytaren är en nollhög flexrad: att ge taggen själv flex-basis:100% hade sträckt ut pillret över hela bredden. */ @media(max-width:781px){ .rk-land .rk-place__head{gap:.45rem .8rem;} .rk-land .rk-place__head::before{content:"";flex:0 0 100%;height:0;order:3;} .rk-land .rk-place__name{order:1;} .rk-land .rk-place__pm{order:2;} .rk-land .rk-place__tag{order:4;white-space:normal;} .rk-land .rk-place__peek{order:5;flex:1 1 100%;} } .rk-land .rk-place__tag--easy{ color:#2A5A4B;background:rgba(51,107,91,.12); border:1px solid rgba(51,107,91,.26); } .rk-land .rk-place__lbl{ display:flex;align-items:center;gap:.55rem;flex-wrap:wrap; margin:0 0 1.15rem!important; font-family:"Fraunces",Georgia,serif;font-size:1.05rem!important;font-weight:600; letter-spacing:-.01em;text-transform:none;color:var(--ink)!important; max-width:none!important;text-align:left!important;line-height:1.25; } .rk-land .rk-place__ico{ display:grid;place-items:center;flex:0 0 1.95rem; width:1.95rem;height:1.95rem;border-radius:var(--r-sm); box-sizing:border-box; } .rk-land .rk-place__ico svg{ display:block;width:1.2rem;height:1.2rem; } .rk-land .rk-place__ico--stay{ color:var(--teal); background:rgba(51,107,91,.12); } .rk-land .rk-place__ico--night{ color:var(--gold); background:var(--tint); border:1px solid rgba(192,140,44,.32); } .rk-land .rk-place__kind{ font-weight:600;letter-spacing:.04em;text-transform:none; font-size:.82rem;color:var(--muted); } .rk-land .rk-place__kind::before{content:"· ";} .rk-land .rk-band{padding:1.5rem 1.45rem 1.6rem;} .rk-land .rk-band--stay{background:var(--paper);border-bottom:1px solid rgba(21,35,31,.09);} .rk-land .rk-band--night{background:#fff;} .rk-land .rk-band__grid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.3rem 1.6rem; } .rk-land .rk-cell p{ margin:0!important;font-size:var(--rk-text-sm);line-height:1.65;color:var(--ink); max-width:none!important;text-align:left!important; } .rk-land .rk-cell strong{ display:block;margin-bottom:.25rem; font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.02rem; letter-spacing:.01em;color:var(--jade); } .rk-land .rk-night-sign{ display:inline-block;margin:0 0 .55rem; padding:.28rem .7rem; font-size:var(--rk-pill);font-weight:800;letter-spacing:.1em;text-transform:uppercase; color:var(--gold-ink);background:var(--tint); border:1px solid rgba(192,140,44,.28);border-radius:999px; line-height:1.3; } .rk-land #boende > h2, .rk-land #boende .wp-block-heading{color:var(--ink)!important;} .rk-land #boende > p{color:var(--ink)!important;} @media (max-width:800px){ .rk-land .rk-band__grid{grid-template-columns:1fr;} } /* --- Köket: menykort i tre spalter --- */ .rk-land .rk-menu{ margin-top:1.9rem;border-radius:var(--r-lg);overflow:hidden;background:#fff; border:1px solid rgba(21,35,31,.08); box-shadow:0 1px 2px rgba(21,35,31,.05); } .rk-land .rk-menu::before{ content:"";display:block;height:3px;background:var(--accent); } .rk-land .rk-menu__grid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); } .rk-land .rk-menu__col{ padding:1.65rem 1.6rem 1.75rem; border-left:1px solid rgba(21,35,31,.08); } .rk-land .rk-menu__col:first-child{border-left:0;} .rk-land .rk-menu p.rk-menu__lbl{ display:flex;align-items:center;gap:.55rem; margin:0 0 1.2rem!important; font-size:.72rem!important;font-weight:800;letter-spacing:.14em; text-transform:uppercase;color:var(--muted)!important; max-width:none!important;text-align:left!important;line-height:1.3; } .rk-land .rk-menu__ico{ display:grid;place-items:center;flex:0 0 1.95rem; width:1.95rem;height:1.95rem;border-radius:var(--r-sm);box-sizing:border-box; } .rk-land .rk-menu__ico svg{display:block;width:1.2rem;height:1.2rem;} .rk-land .rk-menu__ico--main{color:var(--teal);background:rgba(51,107,91,.12);} .rk-land .rk-menu__ico--sweet{color:var(--coral);background:rgba(198,85,47,.12);} .rk-land .rk-menu__ico--drink{ color:var(--gold);background:var(--tint); border:1px solid rgba(192,140,44,.32); } .rk-land .rk-menu__list{ list-style:none;margin:0;padding:0; display:flex;flex-direction:column;gap:1.1rem; } .rk-land .rk-menu__list li{margin:0;padding:0;} .rk-land .rk-menu p.rk-menu__name{ display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem; margin:0 0 .22rem!important;line-height:1.25; max-width:none!important;text-align:left!important; } .rk-land .rk-menu__dish{ font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.06rem; letter-spacing:-.005em;line-height:1.25;color:var(--jade); } .rk-land .rk-menu p.rk-menu__desc{ margin:0!important;font-size:var(--rk-text-sm);line-height:1.6;color:var(--muted); max-width:none!important;text-align:left!important; } .rk-land .rk-tag{ font-size:var(--rk-pill);font-weight:800;letter-spacing:.1em;text-transform:uppercase; padding:.2rem .52rem;border-radius:999px;line-height:1.3;white-space:nowrap; } .rk-land .rk-tag--nat{ color:#7A5510;background:rgba(192,140,44,.16); border:1px solid rgba(192,140,44,.32); } .rk-land .rk-tag--vego{ color:#2A5A4B;background:rgba(51,107,91,.12); border:1px solid rgba(51,107,91,.26); } @media (max-width:900px){ .rk-land .rk-menu__grid{grid-template-columns:1fr;} .rk-land .rk-menu__col{ border-left:0;border-top:1px solid rgba(21,35,31,.08); } .rk-land .rk-menu__col:first-child{border-top:0;} } /* --- Gutenberg-bilder: centrerad bildtext + 3:2 i galleri --- */ .rk-land .wp-block-image .wp-element-caption, .rk-land .wp-block-gallery .wp-element-caption{ text-align:center!important; font-size:.9rem;line-height:1.45;color:var(--muted); margin-top:.55rem; pointer-events:none; } .rk-land .wp-block-image .wp-element-caption em, .rk-land .wp-block-gallery .wp-element-caption em{ display:block;margin:.28rem 0 0;font-style:normal; font-size:.73rem;letter-spacing:.04em;opacity:.72; } /* Bildens i-knapp sitter till höger i bildtextfältet. Texten fyller resten. */ .rk-land .wp-element-caption:has(.rk-src){ display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:.45em; } .rk-land .wp-element-caption .rk-src{ order:1; justify-self:end; pointer-events:auto; transform:none; } /* Ljusrutan stilmar alla button i bilden: osynlig, absolut, egen plats. Återställ källknappen till samma i-knapp som i resten av texten. */ .rk-land .wp-lightbox-container .wp-element-caption .rk-src__btn{ position:relative!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; display:inline-flex!important; width:calc(1em + var(--rk-src-bump, 0px))!important; height:calc(1em + var(--rk-src-bump, 0px))!important; margin:0!important; padding:0!important; opacity:.55!important; background:transparent!important; backdrop-filter:none!important; border:0!important; border-radius:50%!important; color:inherit!important; cursor:pointer!important; z-index:auto!important; transform:none!important; } .rk-land .wp-lightbox-container .wp-element-caption .rk-src__btn:hover, .rk-land .wp-lightbox-container .wp-element-caption .rk-src__btn:focus-visible{ opacity:1!important; background:color-mix(in srgb, currentColor 15%, transparent)!important; } .rk-land .wp-block-image .wp-element-caption em::before, .rk-land .wp-block-gallery .wp-element-caption em::before{ content:none; } .rk-land .rk-dark .wp-block-image .wp-element-caption, .rk-land .rk-dark .wp-block-gallery .wp-element-caption{ color:rgba(244,239,234,.72); } .rk-land .wp-block-gallery{ margin:1.5rem 0 0; gap:.7rem!important; } .rk-land .wp-block-gallery .wp-block-image{ margin:0; } .rk-land .wp-block-gallery .wp-block-image img{ aspect-ratio:3/2;object-fit:cover;width:100%;height:auto; } /* --- Textspalt till vänster, bildspalt till höger --- */ .rk-land .rk-split, .rk-land .rk-rail{gap:1.9rem var(--rk-split-gap);margin:0;} .rk-land .rk-split{align-items:flex-start;} /* Kartan och högerbilden börjar vid rubrikens versaler, inte etiketten. Etikettens radhöjd, luckan under den och rubrikens toppmarginal, plus avståndet från rubriklådans topp ner till versalerna. Fraunces 600, enhet 2000: stigande 1956, sjunkande 510, versalhöjd 1400. Chrome: halva radmellanrummet = (1.08 - 0.978 - 0.255) / 2. Kvar till versalen: 0.978 + det - 0.7 = 0.2015 av rubrikstorleken. Bara skrivbord. */ @media(min-width:782px){ #inledning > .rk-intro > .wp-block-column:last-child, #prisbild > .rk-split > .wp-block-column:last-child, #boende > .rk-split > .wp-block-column:last-child, #koket > .rk-split > .wp-block-column:last-child, #transport > .rk-split > .wp-block-column:last-child, #evenemang .rk-events-aside{ margin-top:calc(1.75 * var(--rk-label) + .35rem + .15rem + (0.978 + (1.08 - 0.978 - 0.255) / 2 - 0.7) * var(--rk-h2)); } } .rk-land .rk-split p{max-width:none;} .rk-land .rk-split p.rk-dek{margin-top:0!important;margin-bottom:0!important;max-width:none!important;} #om-landet .rk-split > .wp-block-column{flex-basis:100%!important;width:100%!important;} .rk-land .rk-split .wp-block-column > p + p{ margin-top:1.15em!important; } /* Om landet: tre kort (Geografi | Historia | Folket) */ #om-landet .rk-card h3.wp-block-heading{margin:.1rem 0 .7rem;} #om-landet .rk-card p:not(.rk-card-label){margin:0 0 .9rem!important;font-size:var(--rk-text-sm);line-height:1.6;max-width:none;} #om-landet .rk-card p:not(.rk-card-label):last-child{margin-bottom:0!important;} /* Standard text|media: samma 56/44 - bilderna startar på samma x överallt */ /* Undantag: #om-landet, #lankar, #visum = fullbredd */ @media(min-width:782px){ .rk-land .rk-split.wp-block-columns:not(.rk-split--aside), .rk-land .rk-rail.wp-block-columns{ display:grid!important; grid-template-columns:minmax(0,56fr) minmax(0,44fr); column-gap:var(--rk-split-gap); row-gap:1.9rem; gap:1.9rem var(--rk-split-gap); } .rk-land .rk-split.wp-block-columns:not(.rk-split--aside) > .wp-block-column, .rk-land .rk-rail.wp-block-columns > .wp-block-column{ flex-basis:auto!important; width:auto!important; max-width:none!important; } #om-landet .rk-split.wp-block-columns, #lankar .rk-split.wp-block-columns, #visum .rk-split.wp-block-columns{ display:flex!important; grid-template-columns:none; gap:1.9rem var(--rk-split-gap); } #om-landet .rk-split.wp-block-columns > .wp-block-column, #lankar .rk-split.wp-block-columns > .wp-block-column, #visum .rk-split.wp-block-columns > .wp-block-column{ flex-basis:100%!important; width:100%!important; max-width:none!important; } } /* Prisbild: Prisnivå överst; Dricks|Pruta under */ #prisbild .rk-card--prisniva{ width:100%; max-width:100%; box-sizing:border-box; margin-top:1.85rem; } /* Dollar-mätare: alltid 5 tecken; 1-5 gröna efter nivå */ #prisbild .rk-dollars{ display:flex; align-items:baseline; gap:.12em; /* Extra top: $-tecken har line-height 1 (mindre luft än brödtext under Dricks) */ margin:.35rem 0 .55rem; font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:1.55rem; font-weight:900; line-height:1; letter-spacing:.02em; font-variant-numeric:tabular-nums; -webkit-text-stroke:.35px currentColor; paint-order:stroke fill; user-select:none; } #prisbild .rk-dollars span{ color:rgba(27,29,27,.18); transition:color .15s ease; font-weight:900; } #prisbild .rk-dollars[data-level="1"] span:nth-child(-n+1), #prisbild .rk-dollars[data-level="2"] span:nth-child(-n+2), #prisbild .rk-dollars[data-level="3"] span:nth-child(-n+3), #prisbild .rk-dollars[data-level="4"] span:nth-child(-n+4), #prisbild .rk-dollars[data-level="5"] span:nth-child(-n+5){ color:var(--ok); } /* Metod-badge: Hushålls-PLI / Regionalt justerad / Resenärskostnad */ #prisbild .rk-method-badge{ display:inline-flex;align-items:center; margin:0; padding:.22rem .55rem; border-radius:4px; font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase; line-height:1.2;border:1px solid transparent; vertical-align:middle; } #prisbild .rk-method-row{ margin:-.15rem 0 .55rem; } #prisbild .rk-method-badge[data-method="hushalls-pli"]{ color:#1a2d28;background:rgba(51,107,91,.12);border-color:rgba(51,107,91,.28); } #prisbild .rk-method-badge[data-method="regionalt-justerad"]{ color:#5c3d0e;background:rgba(192,140,44,.14);border-color:rgba(192,140,44,.35); } #prisbild .rk-method-badge[data-method="resenarskostnad"]{ color:#6b2e16;background:rgba(198,85,47,.12);border-color:rgba(198,85,47,.32); } /* Samma bas som Dricks/Pruta; + dollars margin-top ger optiskt lika lucka */ #prisbild .rk-card--prisniva h3{ margin:.1rem 0 .5rem!important; } #prisbild .rk-card--prisniva .rk-src__pop{ max-height:min(70vh, 520px); } #prisbild .rk-card--prisniva p{ margin:0 0 .35rem!important; } #prisbild .rk-card--prisniva p:last-child{ margin-bottom:0!important; } #prisbild .rk-pris-pair{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1rem; margin-top:1rem; } #prisbild .rk-pris-pair > .rk-card{margin:0;height:100%;} @media(max-width:781px){ #prisbild .rk-pris-pair{grid-template-columns:minmax(0,1fr);} /* Telefon: bilden direkt under rubriken, före brödtext och priskort. Skrivbordet är oförändrat, bilden ligger kvar i högerspalten. */ #prisbild > .rk-split.wp-block-columns{ display:grid!important; grid-template-columns:minmax(0,1fr); row-gap:1.15rem; } #prisbild > .rk-split > .wp-block-column:first-child{display:contents;} #prisbild > .rk-split > .wp-block-column:first-child > .rk-eyebrow{grid-row:1;} #prisbild > .rk-split > .wp-block-column:first-child > h2{grid-row:2;} #prisbild > .rk-split > .wp-block-column:last-child{ grid-column:1; grid-row:3; width:100%!important; max-width:none!important; flex-basis:100%!important; } } /* Högerfältet (väderknappar) startar i höjd med ingressen, inte rubriken */ .rk-land .rk-split--aside.wp-block-columns{ display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr); grid-template-rows:auto auto auto;column-gap:var(--rk-split-gap);row-gap:0;align-items:start; } .rk-land .rk-split--aside > .wp-block-column:first-child{display:contents;} .rk-land .rk-split--aside .rk-eyebrow{grid-column:1;grid-row:1;} .rk-land .rk-split--aside h2{grid-column:1;grid-row:2;} .rk-land .rk-split--aside .rk-dek{grid-column:1;grid-row:3;} .rk-land .rk-split--aside > .wp-block-column:last-child{grid-column:2;grid-row:3;} /* Etikett: samma 1/3-bredd och 24px-lucka som korten under */ #etikett .rk-split--aside.wp-block-columns{ grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:24px; row-gap:0; margin:0; } #etikett .rk-split--aside .rk-eyebrow, #etikett .rk-split--aside h2, #etikett .rk-split--aside .rk-dek{grid-column:1 / 3;} #etikett .rk-split--aside .rk-dek{ max-width:none!important; width:100%!important; margin-top:0!important; } #etikett .rk-split--aside > .wp-block-column:last-child{ grid-column:3;grid-row:3;align-self:end; margin-top:0; } #etikett .rk-split--aside .rk-card{height:auto;} #etikett > .wp-block-columns + .wp-block-columns{margin-top:24px!important;} @media(max-width:781px){ .rk-land .rk-split--aside.wp-block-columns{display:flex;} .rk-land .rk-split--aside > .wp-block-column:first-child{display:block;} /* Telefon: luft ovanför Väderprognos / Gästfrihet under dek */ #vader .rk-split--aside > .wp-block-column:last-child{ margin-top:1.35rem; } #etikett .rk-split--aside > .wp-block-column:last-child{ margin-top:1.85rem; } } /* Bildkortet i högerspalten */ .rk-land .rk-split .wp-block-image, .rk-land .rk-rail .wp-block-image{ margin:0;border-radius:var(--r);overflow:hidden; background:rgba(255,255,255,.55); border:1px solid rgba(27,29,27,.10); box-shadow:0 14px 30px rgba(21,35,31,.09); transition:border-color .25s ease,box-shadow .25s ease; } .rk-land .rk-split .wp-block-image:hover, .rk-land .rk-rail .wp-block-image:hover{ border-color:rgba(192,140,44,.45); box-shadow:0 18px 38px rgba(21,35,31,.14); } .rk-land .rk-split .wp-block-image img, .rk-land .rk-rail .wp-block-image img{ border-radius:0!important;display:block;width:100%;height:auto; } .rk-land .rk-split .wp-block-image .wp-element-caption, .rk-land .rk-rail .wp-block-image .wp-element-caption{ margin:0!important;padding:.78rem .95rem .92rem; text-align:left!important;font-size:.86rem;line-height:1.45; color:var(--ink);pointer-events:none; } .rk-land .rk-split .wp-block-image .wp-element-caption em, .rk-land .rk-rail .wp-block-image .wp-element-caption em{ display:block;margin:.28rem 0 0;font-style:normal; font-size:.73rem;letter-spacing:.04em;color:var(--muted); } .rk-land .rk-split .wp-block-image .wp-element-caption em::before, .rk-land .rk-rail .wp-block-image .wp-element-caption em::before{ content:none; } /* Transport: avlånga rutor under bilden, samma bredd */ .rk-land .rk-tstack{display:flex;flex-direction:column;gap:10px;margin:12px 0 0;width:100%;} .rk-land .rk-tbox{ position:relative;background:#fff;border:1px solid rgba(27,29,27,.08); border-radius:var(--r);padding:13px 16px 12px;overflow:hidden; box-shadow:0 1px 2px rgba(21,35,31,.05); } .rk-land .rk-tbox::before{ content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--accent); } .rk-land .rk-tbox .rk-check-head{margin:0 0 .55rem;} .rk-land .rk-tbox .rk-check-ico{color:var(--ink);background:rgba(51,107,91,.1);} .rk-land .rk-tbox .rk-check-emoji{transform:translateY(-0.16em);} .rk-land .rk-tbox__title{ margin:0!important;font-family:"Fraunces",Georgia,serif; font-weight:600;letter-spacing:-.01em;line-height:1.2; } .rk-land .rk-tbox__note{ margin:.28rem 0 0!important;font-size:var(--rk-text-sm);line-height:1.4;color:var(--muted); } .rk-land .rk-tbox ul{list-style:none;margin:.12rem 0 0!important;padding:0;} .rk-land .rk-tbox li{ display:flex;gap:.6rem;align-items:baseline; margin:0;padding:.34rem 0;border-top:1px solid rgba(27,29,27,.07); font-size:var(--rk-text-sm);line-height:1.4; } .rk-land .rk-tbox li:first-child{border-top:0;padding-top:.08rem;} .rk-land .rk-tbox li b{ flex:0 0 11.2rem;font-size:.68rem;font-weight:800; letter-spacing:.06em;text-transform:uppercase;color:var(--muted); } .rk-land .rk-tbox li .rk-src{ text-transform:none;letter-spacing:0;font-weight:400; } .rk-land .rk-tbox li b i{ font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;opacity:.7; } .rk-land .rk-tbox li:last-child{display:block;padding-top:.7rem;} .rk-land .rk-tbox li:last-child span{display:block;} .rk-land .rk-tbox li:last-child b{ flex:none;font-size:inherit;letter-spacing:0;text-transform:none;color:inherit;font-weight:800; } .rk-land .rk-tbox li:last-child i{font-style:italic;} .rk-land .rk-tstack--flush{margin-top:0;} .rk-land #internet .rk-tstack--flush{margin-top:1.15rem;} .rk-land .rk-iboxes{ display:flex;flex-direction:column;gap:10px;width:100%; } @media(min-width:782px){ .rk-land #internet .rk-tstack--flush{ margin-top:calc(.74rem + .35rem + .15rem + clamp(1.7rem,3.2vw,2.4rem)*1.08 + .95rem + 3px + 1.4rem + 10px); } .rk-land .rk-iboxes{display:grid;grid-template-columns:1fr 1fr;} } .rk-land .rk-tbox__val{ margin:.12rem 0 0!important;font-size:var(--rk-text-sm);line-height:1.4; } .rk-land .rk-iboxes .rk-plist{ list-style:none;margin:.12rem 0 0!important;padding:0; } .rk-land .rk-iboxes .rk-plist li, .rk-land .rk-iboxes .rk-plist li:last-child{ display:flex;gap:.5rem;align-items:baseline; margin:0;padding:.28rem 0; border-top:1px solid rgba(27,29,27,.07); font-size:var(--rk-text-sm);line-height:1.4; } .rk-land .rk-iboxes .rk-plist li:first-child{border-top:0;padding-top:.08rem;} .rk-land .rk-iboxes .rk-plist li b, .rk-land .rk-iboxes .rk-plist li:last-child b{ flex:0 0 4.6rem;font-size:.68rem;font-weight:800; letter-spacing:.06em;text-transform:uppercase;color:var(--muted); } .rk-land .rk-iboxes .rk-plist--roam li b, .rk-land .rk-iboxes .rk-plist--roam li:last-child b{ flex:none; } .rk-land .rk-iboxes .rk-plist li:last-child span{display:inline;} .rk-land .rk-esim-note{ margin:.2rem 0 0!important;font-size:var(--rk-text-sm);line-height:1.5;color:var(--muted); } .rk-land .rk-iboxes .rk-plist + .rk-esim-note{margin-top:.95rem!important;} .rk-land .rk-esim-ico{ display:inline-block;width:.55rem;height:.55rem; margin-right:.4em;vertical-align:.12em;border-radius:50%; } .rk-land .rk-esim-ico--red{background:var(--bad);} .rk-land .rk-esim-ico--green{background:var(--ok);} .rk-land .rk-esim-ico--orange{background:var(--warn);} .rk-land .rk-esim-note + .rk-esim-note{margin-top:.7rem!important;} .rk-land .rk-iboxes .rk-tbox .rk-check-emoji{transform:none;} /* Tbox/esim på mörk sektion (Internet) */ .rk-land .rk-dark .rk-tbox{ background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none;color:#F4EFEA; } .rk-land .rk-dark .rk-tbox .rk-check-ico{background:rgba(255,255,255,.12);color:#F4EFEA;} .rk-land .rk-dark .rk-tbox .rk-check-title{color:#F4EFEA!important;} .rk-land .rk-dark .rk-tbox li{border-top-color:rgba(255,255,255,.12);color:#F4EFEA;} .rk-land .rk-dark .rk-tbox li b{color:rgba(244,239,234,.55);} .rk-land .rk-dark .rk-iboxes .rk-plist li{border-top-color:rgba(255,255,255,.12);color:#F4EFEA;} .rk-land .rk-dark .rk-iboxes .rk-plist li b{color:rgba(244,239,234,.55);} .rk-land .rk-dark .rk-esim-note{color:rgba(244,239,234,.62);} .rk-land .rk-dark .rk-tbox__note{color:rgba(244,239,234,.62);} .rk-land .rk-inet-body .wp-block-column > p:not(.rk-eyebrow){ margin:0;max-width:none;text-align:left; } .rk-land .rk-inet-body .wp-block-column > p:not(.rk-eyebrow) + p:not(.rk-eyebrow){ margin-top:1.25em!important; } /* Mörk sektion */ .rk-land .rk-dark .rk-split .wp-block-image, .rk-land .rk-dark .rk-rail .wp-block-image{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); box-shadow:none; } .rk-land .rk-dark .rk-split .wp-block-image:hover, .rk-land .rk-dark .rk-rail .wp-block-image:hover{ background:rgba(255,255,255,.09); border-color:rgba(192,140,44,.5);box-shadow:none; } .rk-land .rk-dark .rk-split .wp-block-image .wp-element-caption, .rk-land .rk-dark .rk-rail .wp-block-image .wp-element-caption{color:#F4EFEA;} .rk-land .rk-dark .rk-split .wp-block-image .wp-element-caption em, .rk-land .rk-dark .rk-rail .wp-block-image .wp-element-caption em{ color:rgba(244,239,234,.62); } .rk-land .rk-rail__media{ display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:start; } @media(max-width:781px){ .rk-land .rk-split, .rk-land .rk-rail{gap:1.4rem;} .rk-land .rk-split.wp-block-columns:not(.rk-split--aside), .rk-land .rk-rail.wp-block-columns{ grid-template-columns:minmax(0,1fr)!important; } #evenemang .rk-events-stage{ grid-template-columns:minmax(0,1fr); } } @media(max-width:540px){ .rk-land .rk-rail__media{grid-template-columns:1fr;} } /* --- Källor (knapp bredvid legend; panel under rubrikraden) --- */ .rk-land .rk-kallor__btn{ font:inherit;font-size:.72rem;font-weight:600;color:var(--gold-ink); background:none;border:0;padding:0;margin:0;cursor:pointer; width:fit-content;flex:none;line-height:inherit; } .rk-land .rk-kallor__btn::after{content:" ▾";font-weight:400;opacity:.7} .rk-land .rk-kallor__btn[aria-expanded="true"]::after{content:" ▴"} .rk-land .rk-kallor__btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px} .rk-land .rk-kallor__body{ margin-top:4px;padding:12px 14px;background:var(--tint);border-radius:var(--r); line-height:1.45;width:100%;max-width:100%;min-width:0;box-sizing:border-box;color:var(--ink); overflow-wrap:anywhere; } .rk-land .rk-kallor__body[hidden]{display:none!important} .rk-land .rk-kallor__body, .rk-land .rk-kallor__body p, .rk-land .rk-kallor__body strong, .rk-land .rk-kallor__body em, .rk-land .rk-kallor__body a{ font-size:14px!important;line-height:1.55!important; } .rk-land .rk-kallor__body p{margin:0 0 .9rem!important;max-width:none!important} .rk-land .rk-kallor__body p.rk-kallor__lead{margin-top:0!important;margin-bottom:.9rem!important} .rk-land .rk-kallor__body p:has(> strong:first-child):not(.rk-kallor__src){ margin-top:1.75rem!important;padding-top:.9rem;border-top:1px solid var(--gold); } .rk-land .rk-kallor__body p:has(> strong:first-child):not(.rk-kallor__src) > strong:first-child{ display:block;margin:0 0 .45rem; } .rk-land .rk-kallor__body p.rk-kallor__src{margin-top:0!important} .rk-land .rk-kallor__body p:last-child{margin-bottom:0!important} .rk-land .rk-kallor__body a{color:var(--link)!important;text-decoration:underline;overflow-wrap:anywhere} /* ===== Inledning: ingress + kartram ===== */ .rk-land .rk-lead{ font-size:clamp(1.08rem,.98rem+.4vw,1.22rem); line-height:1.6;font-weight:600;margin:0 0 1.05rem!important; } .rk-land .rk-intro{align-items:flex-start;} .rk-land .rk-mapframe{ position:relative;margin:0;width:100%;background:rgba(255,255,255,.55); border-radius:var(--r);overflow:hidden; border:1px solid rgba(27,29,27,.10);box-shadow:0 14px 30px rgba(21,35,31,.09); transition:box-shadow .25s ease,border-color .25s ease; } .rk-land .rk-mapframe::before{ content:"";position:absolute;inset:0 0 auto 0;height:3px; background:var(--accent);z-index:2; } .rk-land .rk-mapframe:hover{ box-shadow:0 18px 38px rgba(21,35,31,.14);border-color:rgba(192,140,44,.45); } .rk-land .rk-mapframe iframe{display:block;width:100%;aspect-ratio:3/2;border:0;} /* ===== YouTube: tumnagel som byts mot iframe först vid klick ===== */ .rk-land .rk-yt{margin:0;} /* Kolumnerna har 33.33% inline. Med en eller två videor fyller de raden i stället för att lämna ett tomt fält; en ensam video hålls i läsbar storlek. */ @media(min-width:782px){ .rk-land .wp-block-column:has(> .rk-yt){flex:1 1 0!important;} .rk-land .wp-block-column:only-child:has(> .rk-yt){max-width:760px;} } .rk-land .rk-yt__box{ position:relative;width:100%;aspect-ratio:16/9; border-radius:var(--r);overflow:hidden;background:#000; } .rk-land .rk-yt__btn{ position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%; padding:0;border:0;cursor:pointer;background:transparent; -webkit-appearance:none;appearance:none; } .rk-land .rk-yt__btn img{ width:100%;height:100%;object-fit:cover;display:block; transition:opacity .25s ease,transform .35s ease; } .rk-land .rk-yt__btn:hover img{opacity:.82;transform:scale(1.03);} .rk-land .rk-yt__play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;} .rk-land .rk-yt__play svg{width:62px;height:44px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));} .rk-land .rk-yt__bg{fill:#1B1D1B;fill-opacity:.78;transition:fill .2s ease,fill-opacity .2s ease;} .rk-land .rk-yt__btn:hover .rk-yt__bg{fill:var(--gold);fill-opacity:1;} .rk-land .rk-yt__btn:focus-visible{outline:2px solid var(--gold-lt);outline-offset:-3px;} .rk-land .rk-yt__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;} /* Laddningsläge: tumnageln ligger kvar med en ring tills spelaren svarar */ .rk-land .rk-yt__box.is-loading .rk-yt__btn{cursor:default;} .rk-land .rk-yt__box.is-loading img{opacity:.4;transform:none;} .rk-land .rk-yt__box.is-loading .rk-yt__play svg{display:none;} .rk-land .rk-yt__box.is-loading .rk-yt__play::after{ content:"";width:44px;height:44px;border-radius:50%; border:3px solid rgba(255,255,255,.28);border-top-color:#fff; animation:rk-yt-spin .8s linear infinite; } @keyframes rk-yt-spin{to{transform:rotate(360deg);}} /* ===== Sevärdheter: galleri, rutter, karaktär, topp 15 och full lista ===== */ #sevardheter .wp-block-html{margin:0;} #sevardheter .rk-sv{display:flex;flex-direction:column;gap:2.9rem;} #sevardheter img.emoji{width:1em;height:1em;vertical-align:-.12em;} /* Huvud */ #sevardheter .rk-sv-head{margin:0;} #sevardheter .rk-sv-head .rk-eyebrow{margin:0 0 .35rem!important;} #sevardheter .rk-sv-head h2{margin:.15rem 0 0!important;} #sevardheter .rk-sv-head h2::after{ content:"";display:block;width:44px;height:3px;border-radius:3px; background:var(--accent);margin:.95rem 0 0; } /* Kartbanner (Sighthop) - diskret CTA under listan */ #sevardheter .rk-sv-mapbar{ display:flex;align-items:center;gap:.75rem;margin-top:1.1rem; padding:.72rem 1rem;border-radius:var(--r); background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14); text-decoration:none!important;color:rgba(244,239,234,.82)!important; transition:background .2s ease,border-color .2s ease,color .2s ease; } #sevardheter .rk-sv-mapbar:hover{ background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22); color:#F4EFEA!important;opacity:1!important; } #sevardheter .rk-sv-mapbar:focus-visible{outline:2px solid var(--gold-lt);outline-offset:3px;} #sevardheter .rk-sv-mapbar__ico{ width:2rem;height:2rem;flex:none;display:grid;place-items:center; border-radius:var(--r-sm);background:rgba(255,255,255,.08);font-size:1rem;opacity:.85; } #sevardheter .rk-sv-mapbar__txt{flex:1;min-width:0;} #sevardheter .rk-sv-mapbar__k{ display:block;font-size:var(--rk-label);font-weight:800;letter-spacing:.16em; text-transform:uppercase;color:rgba(244,239,234,.62);margin-bottom:.12rem; } #sevardheter .rk-sv-mapbar__t{ display:block;font-weight:650;font-size:.9rem;line-height:1.3; letter-spacing:0;color:inherit; } #sevardheter .rk-sv-mapbar__go{ flex:none;font-size:1.05rem;color:rgba(244,239,234,.45); transition:transform .2s ease,color .2s ease; } #sevardheter .rk-sv-mapbar:hover .rk-sv-mapbar__go{transform:translateX(3px);color:rgba(244,239,234,.75);} /* Sevärdheter-bilder: WP-grupp + kolumner (2 sedan 4), lightbox + caption under */ #sevardheter .rk-sv-gallery{ display:flex;flex-direction:column;gap:.7rem; margin:2.2rem auto .4rem!important; } #sevardheter .rk-sv-gallery > .wp-block-columns{ width:100%!important;max-width:none!important; display:grid!important; gap:.7rem!important; margin:0!important; } /* Ingen content-visibility har: med 2 489 platser blev den gissade hojden fel, vilket fick sektionen att hoppa och rubrikerna att hamna pa oratt plats. */ #sevardheter #rk-sv-explore{ margin-top:3.64rem; } #sevardheter .rk-sv-gallery-row{ margin:0!important; } #sevardheter .rk-sv-gallery-row--2{ grid-template-columns:repeat(2,minmax(0,1fr)); } #sevardheter .rk-sv-gallery-row--3{ grid-template-columns:repeat(3,minmax(0,1fr)); } #sevardheter .rk-sv-gallery-row--4{ grid-template-columns:repeat(4,minmax(0,1fr)); } #sevardheter .rk-sv-gallery .wp-block-column{ margin:0!important;width:auto!important;flex-basis:auto!important; } #sevardheter .rk-sv-gallery .wp-block-image{ margin:0!important;overflow:hidden;border-radius:var(--r); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); box-shadow:0 14px 30px rgba(0,0,0,.18); transition:border-color .25s ease,box-shadow .25s ease; display:flex!important;flex-direction:column; position:relative!important; height:100%; } #sevardheter .rk-sv-gallery .wp-block-image:hover{ border-color:rgba(192,140,44,.45); box-shadow:0 18px 38px rgba(0,0,0,.24); } #sevardheter .rk-sv-gallery .wp-block-image img, #sevardheter .rk-sv-gallery .wp-block-image .wp-lightbox-container{ display:block;width:100%;flex:none; } #sevardheter .rk-sv-gallery .wp-block-image img{ aspect-ratio:3/2;object-fit:cover; border-radius:0!important;height:auto; } #sevardheter .rk-sv-gallery .wp-block-image .wp-element-caption, #sevardheter .rk-sv-gallery .wp-block-image figcaption{ position:static!important;inset:auto!important; margin:0!important;padding:.78rem .95rem .92rem!important; text-align:left!important;font-size:.86rem!important;line-height:1.45; color:#F4EFEA!important;background:transparent!important; width:auto!important;max-width:none!important; pointer-events:none;flex:none; } #sevardheter .rk-sv-gallery .wp-block-image .wp-element-caption em{ display:block;margin:.28rem 0 0;font-style:normal; font-size:.73rem;letter-spacing:.04em;opacity:.62; } #sevardheter .rk-sv-gallery .wp-block-image .wp-element-caption em::before{ content:none; } /* Mobil: 4-raden blir 2+2 och 3-raden 1+2 i stället för att stapla alla */ @media(max-width:781px){ #sevardheter .rk-sv-gallery-row--3, #sevardheter .rk-sv-gallery-row--4{ grid-template-columns:repeat(2,minmax(0,1fr)); } #sevardheter .rk-sv-gallery-row--3 > .wp-block-column:first-child{ grid-column:1 / -1; } } /* Delrubriker inuti sektionen */ #sevardheter .rk-sv-bh{margin:0 0 1.2rem;} #sevardheter .rk-sv-bh h3{ margin:0;font-family:"Fraunces",Georgia,serif;font-weight:600; letter-spacing:-.015em; line-height:1.15;color:#F4EFEA; } /* Resrutter */ #sevardheter .rk-sv-routes{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));} #sevardheter .rk-sv-route{ position:relative;display:flex;flex-direction:column;overflow:hidden; padding:1.35rem 1.35rem 1.25rem;border-radius:var(--r); background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14); transition:background .25s ease,border-color .25s ease,transform .25s ease; } #sevardheter .rk-sv-route::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--accent);} #sevardheter .rk-sv-route:hover{ background:rgba(255,255,255,.085);border-color:rgba(192,140,44,.5); transform:translateY(-3px); } #sevardheter .rk-sv-route__k{ margin:0 0 .3rem!important;font-size:var(--rk-label);font-weight:800;letter-spacing:.16em; text-transform:uppercase;color:var(--gold-lt)!important; } #sevardheter .rk-sv-route__t{ margin:0 0 .7rem!important;font-family:"Fraunces",Georgia,serif;font-weight:600; font-size:1.2rem;line-height:1.25;letter-spacing:-.015em;color:#F4EFEA!important; } #sevardheter .rk-sv-route__meta{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1rem;} #sevardheter .rk-sv-route__meta span{ display:inline-flex;align-items:center;gap:.3rem; padding:.24rem .62rem .26rem;border-radius:999px; background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12); font-size:.72rem;font-weight:650;color:rgba(244,239,234,.8); } #sevardheter .rk-sv-stops{list-style:none;margin:0 0 .95rem!important;padding:0 0 0 1.05rem;position:relative;} #sevardheter .rk-sv-stops::before{ content:"";position:absolute;left:3px;top:.85rem;bottom:.85rem;width:1px; background:rgba(255,255,255,.18); } #sevardheter .rk-sv-stops li{position:relative;margin:0;padding:.3rem 0;font-size:var(--rk-text-sm);line-height:1.45;color:#F4EFEA;} #sevardheter .rk-sv-stops li::before{ content:"";position:absolute;left:-1.05rem;top:.72rem;width:7px;height:7px; border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(192,140,44,.16); } #sevardheter .rk-sv-stops li i{font-style:normal;color:rgba(244,239,234,.62);} #sevardheter .rk-sv-stops:last-child{margin-bottom:0!important;} /* Upplev */ #upplev .rk-upplev-list{ list-style:none;margin:0!important;padding:0;display:grid;gap:.6rem; grid-template-columns:repeat(auto-fit,minmax(295px,1fr)); } #upplev .rk-upplev-list li{ position:relative;overflow:hidden; display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:start; padding:1.05rem 1.05rem .9rem;border-radius:var(--r); background:#fff;border:1px solid rgba(27,29,27,.08); font-size:var(--rk-text-sm);line-height:1.55;color:rgba(27,29,27,.72); transition:background .25s ease,border-color .25s ease,transform .25s ease; } #upplev .rk-upplev-list li::before{ content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--accent); } #upplev .rk-upplev-list li:hover{ border-color:rgba(192,140,44,.45);transform:translateY(-2px); } #upplev .rk-upplev-list li > span{font-size:1.15rem;line-height:1.3;} #upplev .rk-upplev-list li b{display:block;color:var(--ink);font-weight:700;margin-bottom:.12rem;} /* Topp 15 */ #sevardheter .rk-sv-top{list-style:none;counter-reset:rksv;margin:0!important;padding:0;display:grid;} @media(min-width:900px){ #sevardheter .rk-sv-top{grid-template-columns:1fr 1fr;column-gap:var(--rk-split-gap);} } #sevardheter .rk-sv-top li{ counter-increment:rksv;display:grid;grid-template-columns:2.15rem minmax(0,1fr); align-items:baseline;column-gap:.8rem;row-gap:.45rem;padding:.85rem 0; border-bottom:1px solid rgba(255,255,255,.12); } #sevardheter .rk-sv-top li::before{ content:counter(rksv,decimal-leading-zero);grid-column:1;grid-row:1;justify-self:center;align-self:baseline; font-family:"Fraunces",Georgia,serif;font-size:1.06rem;font-weight:700; font-variant-numeric:tabular-nums;line-height:1;color:var(--gold-lt); } #sevardheter .rk-sv-top li > div{ grid-column:2;grid-row:1;align-self:baseline;min-width:0; display:flex;flex-wrap:wrap;align-items:center;column-gap:.85rem;row-gap:.35rem; } #sevardheter .rk-sv-top li > p{grid-column:2;grid-row:2;align-self:start;} #sevardheter .rk-sv-top b{ font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.06rem;line-height:1; letter-spacing:-.015em;color:#F4EFEA; } #sevardheter .rk-sv-top em{ flex:none;display:inline-flex;align-items:center;margin:0; padding:.15rem .48rem;border-radius:999px; background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22); font-style:normal;font-size:.68rem;font-weight:650;letter-spacing:.08em;line-height:1; text-transform:uppercase;color:rgba(244,239,234,.8);white-space:nowrap; } #sevardheter .rk-sv-top p{ margin:0!important;max-width:none!important; font-size:var(--rk-text-sm);line-height:1.45;color:rgba(244,239,234,.72)!important; } #sevardheter .rk-sv-top li:last-child{border-bottom:0;} @media(min-width:900px){ #sevardheter .rk-sv-top li:nth-last-child(-n+2){border-bottom:0;} } /* Full lista - kategoriserad accordion */ #sevardheter .rk-sv-acc{ border:1px solid rgba(255,255,255,.14);border-radius:var(--r); background:rgba(255,255,255,.05);overflow:hidden; transition:border-color .25s ease,background .25s ease; } #sevardheter .rk-sv-acc + .rk-sv-acc{margin-top:.6rem;} #sevardheter .rk-sv-acc[open]{border-color:rgba(192,140,44,.42);background:rgba(255,255,255,.07);} #sevardheter .rk-sv-acc > summary{ list-style:none;cursor:pointer;display:flex;align-items:center;gap:.8rem; padding:.95rem 1.15rem;font-size:.99rem;font-weight:700;color:#F4EFEA; } #sevardheter .rk-sv-acc > summary::-webkit-details-marker{display:none;} #sevardheter .rk-sv-acc > summary:hover{background:rgba(255,255,255,.04);} #sevardheter .rk-sv-acc > summary:focus-visible{outline:2px solid var(--gold-lt);outline-offset:-3px;} #sevardheter .rk-sv-acc__ico{font-size:1.1rem;line-height:1;} #sevardheter .rk-sv-acc__n{ margin-left:auto;font-size:.7rem;font-weight:700;letter-spacing:.06em; color:rgba(244,239,234,.62);white-space:nowrap; } #sevardheter .rk-sv-acc__pm{ width:1.4rem;height:1.4rem;flex:none;display:grid;place-items:center; border-radius:50%;background:rgba(192,140,44,.18); color:var(--gold-lt);font-size:1rem;font-weight:700;line-height:1; } #sevardheter .rk-sv-acc__pm::before{content:"+";} #sevardheter .rk-sv-acc[open] .rk-sv-acc__pm::before{content:"\2013";} #sevardheter .rk-sv-acc__body{padding:.1rem 1.15rem 1.05rem;display:grid;} @media(min-width:900px){ #sevardheter .rk-sv-acc__body{grid-template-columns:1fr 1fr;column-gap:var(--rk-split-gap);} } #sevardheter .rk-sv-acc__body p{ margin:0!important;padding:.6rem 0;max-width:none!important; border-top:1px solid rgba(255,255,255,.1); font-size:var(--rk-text-sm);line-height:1.5;color:rgba(244,239,234,.7)!important; } /* == rk-sv rader: namn, ort, stjarna och ikonlankar == */ #sevardheter .rk-sv-acc__body p b{color:#F4EFEA;font-weight:700;} /* Orten i en egen ton, sa den lasas som en tredje niva mellan namnet och texten. */ #sevardheter .rk-sv-acc__body p i{font-style:normal;color:#8FB6A5;} /* Ikonerna ritas av CSS, sa de 2 x N raderna bar ingen egen bilddata. */ #sevardheter .rk-sv-ic{ display:inline-block;width:.95em;height:.95em;margin-left:.4em;vertical-align:-.15em; -webkit-mask-image:var(--m);mask-image:var(--m); -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; -webkit-mask-position:center;mask-position:center; -webkit-mask-size:contain;mask-size:contain; transition:background-color .15s ease,transform .15s ease; } #sevardheter .rk-sv-ic:hover{background-color:var(--gold-lt);transform:translateY(-1px);} #sevardheter .rk-sv-ic:focus-visible{outline:2px solid var(--gold-lt);outline-offset:3px;border-radius:2px;} #sevardheter .rk-sv-s{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");background-color:rgba(192,140,44,.92);} #sevardheter .rk-sv-g{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.47c-.29 1.48-1.14 2.73-2.4 3.58v3h3.86c2.26-2.09 3.56-5.17 3.56-8.82z'/%3E%3Cpath d='M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96H1.29v3.09C3.26 21.3 7.31 24 12 24z'/%3E%3Cpath d='M5.27 14.29c-.25-.72-.38-1.49-.38-2.29s.14-1.57.38-2.29V6.62H1.29C.47 8.24 0 10.06 0 12s.47 3.76 1.29 5.38l3.98-3.09z'/%3E%3Cpath d='M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.31 0 3.26 2.7 1.29 6.62l3.98 3.09C6.22 6.86 8.87 4.75 12 4.75z'/%3E%3C/svg%3E");background-color:rgba(244,239,234,.62);} /* Topp 16: ikonen centreras på beskrivningens första rad. */ #sevardheter .rk-sv-top .rk-sv-g{ grid-column:1;grid-row:2;justify-self:center;align-self:start; width:.8rem;height:.8rem;margin:0; position:relative;top:calc((.95rem * 1.45 - .8rem) / 2); -webkit-mask-size:contain;mask-size:contain; } /* Ikonerna behaller sin ursprungliga storlek pa telefon. Ett forsok att gora dem till 44 px tryckytor sprangde radhojden och flyttade ikonerna nedat, sa PageSpeed-varningen om tryckytor far sta kvar till forman for layouten. */ @media(max-width:781px){ /* Marginalerna ar 0 har: rutan ar 1.75em medan ikonen bara fyller 54 % av den, sa de dryga .4em genomskinliga kanterna racker som mellanrum. */ #sevardheter .rk-sv-ic{ width:1.75em;height:1.75em;margin-left:0;vertical-align:-.52em; -webkit-mask-size:54%;mask-size:54%; } #sevardheter .rk-sv-g{margin-left:0;} } /* == slut rk-sv rader == */ /* Sökfält för hela listan */ #sevardheter .rk-sv-search{ display:flex;align-items:center;gap:.7rem;margin:0 0 .75rem; padding:.8rem 1.05rem;border-radius:var(--r); background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14); transition:border-color .2s ease,background .2s ease; max-width:100%;box-sizing:border-box; } #sevardheter{overflow-x:clip;} #sevardheter .rk-sv-search:focus-within{border-color:var(--gold);background:rgba(255,255,255,.08);} #sevardheter .rk-sv-search__ico{flex:none;font-size:1rem;opacity:.65;line-height:1;} #sevardheter .rk-sv-search input{ flex:1;min-width:0;padding:.1rem 0;font:inherit;font-size:16px; background:transparent;border:0;outline:0;color:#F4EFEA;-webkit-appearance:none;appearance:none; } #sevardheter .rk-sv-search input::placeholder{color:rgba(244,239,234,.42);} #sevardheter .rk-sv-search input::-webkit-search-cancel-button{display:none;} #sevardheter .rk-sv-search__clear{ flex:none;width:1.55rem;height:1.55rem;padding:0;cursor:pointer; border:0;border-radius:50%;background:rgba(255,255,255,.1); color:#F4EFEA;font:inherit;font-size:1rem;line-height:1; } #sevardheter .rk-sv-search__clear:hover{background:rgba(192,140,44,.32);} #sevardheter .rk-sv-search__clear:focus-visible{outline:2px solid var(--gold-lt);outline-offset:2px;} #sevardheter .rk-sv-search__status{ margin:0 0 .85rem!important;max-width:none!important; font-size:.84rem;line-height:1.5;color:rgba(244,239,234,.6)!important; } #sevardheter .rk-sv-search__status b{color:var(--gold-lt);font-weight:700;} /* Långsvansen: namn + ort, dold tills man vill ha den */ #sevardheter .rk-sv-acc .rk-sv-slim{display:none;} #sevardheter .rk-sv-acc.is-full .rk-sv-slim, #sevardheter .is-searching .rk-sv-acc .rk-sv-slim{display:block;} #sevardheter .rk-sv-acc__body p.is-off{display:none!important;} #sevardheter .rk-sv-acc.is-empty{display:none;} #sevardheter .is-searching .rk-sv-more{display:none;} #sevardheter .rk-sv-more{ grid-column:1/-1;justify-self:start;margin-top:.95rem;cursor:pointer; padding:.5rem 1.05rem;border-radius:999px; background:rgba(192,140,44,.16);border:1px solid rgba(192,140,44,.4); color:var(--gold-lt);font:inherit;font-size:.8rem;font-weight:700;letter-spacing:.02em; transition:background .2s ease,border-color .2s ease; } #sevardheter .rk-sv-more:hover{background:rgba(192,140,44,.26);border-color:var(--gold);} #sevardheter .rk-sv-more:focus-visible{outline:2px solid var(--gold-lt);outline-offset:2px;} @media(max-width:781px){ #sevardheter .rk-sv{gap:2.3rem;} #sevardheter .rk-sv-top li{padding:.75rem 0;} #sevardheter .rk-sv-mapbar{padding:.65rem .9rem;gap:.65rem;} #sevardheter .rk-sv-mapbar__ico{width:1.85rem;height:1.85rem;font-size:.95rem;} #sevardheter .rk-sv-mapbar__t{font-size:.86rem;} } /* ===== Respektera "minska rörelse" i operativsystemet ===== */ @media (prefers-reduced-motion: reduce){ .rk-land *, .rk-land *::before, .rk-land *::after{ animation-duration:.01ms!important;animation-iteration-count:1!important; transition-duration:.01ms!important;scroll-behavior:auto!important; } .rk-land .rk-card:hover, .rk-land .rk-check:hover{transform:none!important;} } /* ===== Flyttad från sida.html, block 2 ===== */ .rk-links,.rk-links *{box-sizing:border-box} .rk-links{--ico:28px;display:flex;flex-direction:column;gap:7px;margin:0;color:var(--ink)} .rk-links__yr,.rk-links__more a,.rk-links__more a:link,.rk-links__more a:visited{ display:flex;align-items:center;gap:11px;width:100%; background:rgba(255,253,248,.72);border-radius:var(--r);padding:10px 12px; text-decoration:none!important;color:var(--ink)!important; border:1px solid var(--line); transition:border-color .18s ease,background .18s ease } .rk-links__yr:hover{border-color:var(--gold);background:var(--paper)} .rk-links__yr img{width:var(--ico)!important;height:var(--ico)!important;flex:none;border-radius:50%;display:block;object-fit:cover;transform:scale(1.32);transform-origin:center} .rk-links__txt{display:block;flex:1;min-width:0} .rk-links__txt b{display:block;font-size:.82rem;font-weight:700;letter-spacing:.01em;line-height:1.25} .rk-links__txt em{display:block;font-style:normal;font-size:.72rem;font-weight:500;color:#6B655D;margin-top:1px;line-height:1.35} .rk-links__arrow{flex:none;font-size:.95rem;color:var(--link);opacity:.55;transition:transform .18s ease,opacity .18s ease} .rk-links__yr:hover .rk-links__arrow{opacity:1;transform:translateX(3px)} .rk-links__more{display:flex;flex-direction:row;flex-wrap:nowrap;gap:7px;margin:0} .rk-links__more a{flex:1 1 0;min-width:0} .rk-links__more a:hover,.rk-links__more a:focus{ color:#1B1D1B!important;border-color:var(--gold)!important;background:#FFFDF8 } .rk-links__ico{width:var(--ico);height:var(--ico);flex:none;border-radius:50%;background:rgba(51,107,91,.12);color:var(--teal);display:grid;place-items:center} .rk-links__ico svg{width:14px;height:14px;display:block} .rk-links__more a:last-child .rk-links__ico{background:rgba(192,140,44,.16);color:var(--gold)} .rk-links__more .rk-links__txt em{color:#6B655D;font-weight:500} @media(max-width:540px){ .rk-links__more{flex-direction:column} } /* ===== Flyttad från sida.html, block 3 ===== */ .rk-clim,.rk-clim *{box-sizing:border-box} .rk-clim{--line:rgba(27,29,27,.09);--rain:#7C93A8;--sea:#3D7A99;background:#fff;border-radius:var(--r);padding:6px 20px 18px;font-variant-numeric:tabular-nums;color:var(--ink)} .rk-clim__top{display:flex;flex-direction:column;gap:8px;padding:14px 0 10px;margin-bottom:12px} .rk-clim__head{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap} .rk-clim__tabs{display:flex;gap:6px;flex-wrap:wrap;margin-right:auto} .rk-clim__tabs button{font:inherit;font-size:.82rem;font-weight:600;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s} .rk-clim__tabs button.is-active{background:var(--tint);border-color:var(--gold)} .rk-clim__tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:2px} .rk-clim__note{font-size:.72rem;opacity:.6;margin:0;line-height:1.45;max-width:52ch} .rk-clim__key{font-size:.72rem;opacity:.6;display:flex;align-items:center;gap:6px;margin:0} .rk-clim__key i{width:10px;height:10px;border-radius:3px;background:var(--tint);box-shadow:inset 0 0 0 1px var(--gold);display:inline-block;flex:none} .rk-clim table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.85rem;margin:0} .rk-clim thead th{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(27,29,27,.45);text-align:right;padding:0 0 8px;border-bottom:1px solid var(--line);white-space:nowrap} .rk-clim thead th:first-child{text-align:left} .rk-clim thead th.h-rain{text-align:right} .rk-clim tbody th{font-weight:600;text-align:left;padding:0;white-space:nowrap} .rk-clim tbody td{text-align:right;padding:0;white-space:nowrap} .rk-clim tbody th,.rk-clim tbody td{padding:9px 0;border-bottom:1px solid var(--line);line-height:1.25} .rk-clim tbody tr:last-child th,.rk-clim tbody tr:last-child td{border-bottom:0} .rk-clim tbody th{padding-left:10px;border-left:3px solid transparent;border-radius:4px 0 0 4px} .rk-clim td:last-child{padding-right:10px;border-radius:0 4px 4px 0} .rk-clim tr.is-best th{border-left-color:var(--gold)} .rk-clim tr.is-best th,.rk-clim tr.is-best td{background:var(--tint)} .rk-clim .d{font-weight:700} .rk-clim .n{opacity:.45} .rk-clim col.c-month{width:13%} .rk-clim col.c-temp{width:12%} .rk-clim col.c-sea{width:7%} .rk-clim col.c-rain{width:22%} .rk-clim col.c-dry{width:10%} .rk-clim col.c-sun{width:10%} .rk-clim col.c-rise{width:14%} .rk-clim col.c-uv{width:6%} .rk-clim col.c-wind{width:9%} .rk-clim col.c-hum{width:11%} .rk-clim .rise .n{opacity:.45;font-weight:400} .rk-clim thead th u{display:inline;text-decoration:none;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;font-size:inherit;color:inherit} .rk-clim .rain>span{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-left:24px} .rk-clim .rain i{flex:1;height:4px;border-radius:999px;min-width:30px;font-style:normal;line-height:0;display:block;background:linear-gradient(90deg,var(--rain) 0 var(--p,0%),rgba(124,147,168,.16) var(--p,0%))} .rk-clim .rain em{font-style:normal;font-size:.8rem;font-weight:600;width:54px;text-align:right;flex:none} .rk-clim__panel{display:none} .rk-clim__panel.is-active{display:block} .rk-clim__seo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .rk-clim__scroll{overflow:visible} .rk-clim__swipe{display:none} @media(max-width:781px){ #vader .rk-card p.has-text-align-center{font-size:2.55rem!important} } @media(max-width:960px){ .rk-clim{padding:6px 0 14px} .rk-clim__top{padding:14px 16px 10px} .rk-clim__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0;padding:0 16px 8px 0} .rk-clim table{width:max-content;min-width:820px;table-layout:fixed} .rk-clim thead th,.rk-clim tbody td{padding-left:10px;padding-right:12px} .rk-clim tbody th{padding-left:16px;padding-right:14px;border-radius:0;border-left-color:#fff} .rk-clim thead th:first-child{padding-left:16px} .rk-clim thead th:last-child,.rk-clim td:last-child{padding-right:18px} .rk-clim thead th:first-child,.rk-clim tbody th{position:sticky;left:0;z-index:4;background:#fff;box-shadow:8px 0 8px -6px rgba(27,29,27,.18)} .rk-clim thead th:first-child::before,.rk-clim tbody th::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:48px;background:inherit} .rk-clim tr.is-best th{background:var(--tint);border-left-color:var(--gold)} .rk-clim tbody td{position:relative;z-index:0} .rk-clim .rain>span{padding-left:10px;min-width:140px} .rk-clim__swipe{display:block;font-size:.7rem;opacity:.5;margin:8px 16px 0} } @media(max-width:700px){ .rk-clim table{font-size:.8rem;min-width:760px} .rk-clim .rain i{min-width:24px} .rk-clim .rain em{width:48px;font-size:.75rem} .rk-clim__key{font-size:.68rem} }