:root {
            --color-bg: #faf8f5;
            --color-bg-alt: #f0ebe3;
            --color-text: #1a1a1a;
            --color-text-muted: #5c5c5c;
            --color-accent: #ba2d0b;
            --color-accent-light: #fdf0ed;
            --color-border: #d4cfc6;
            --color-white: #ffffff;
            --color-green: #16a34a;
            --color-green-light: #dcfce7;
            --color-blue: #2563eb;
            --color-blue-light: #dbeafe;
            --color-orange: #ea580c;
            --color-orange-light: #ffedd5;
            --color-purple: #7c3aed;
            --color-purple-light: #ede9fe;
            
            --font-display: 'Fraunces', Georgia, serif;

        /* Breadcrumbs */
        .breadcrumb-nav {
            background: var(--color-bg-alt, #f5f0e8);
            border-bottom: 1px solid var(--color-border, #d4cfc6);
            padding: 12px 24px;
        }
        .breadcrumb {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
            font-size: 0.85rem;
            color: var(--color-text-muted, #5c5c5c);
            list-style: none;
            padding: 0;
        }
        .breadcrumb a {
            color: var(--color-text-muted, #5c5c5c);
            text-decoration: none;
            transition: color 0.2s;
        }
        .breadcrumb a:hover {
            color: var(--color-accent, #ba2d0b);
        }
        .breadcrumb-sep {
            color: var(--color-border, #d4cfc6);
            font-size: 0.75rem;
        }
        .breadcrumb-current {
            color: var(--color-text, #1a1a1a);
            font-weight: 500;
        }
            --font-body: 'Source Sans 3', -apple-system, sans-serif;
            
            --space-xs: 0.25rem;
            --space-sm: 0.5rem;
            --space-md: 1rem;
            --space-lg: 1.5rem;
            --space-xl: 2.5rem;
            --space-2xl: 4rem;
            
            --radius-sm: 4px;
            --radius-md: 8px;
            --radius-lg: 16px;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: var(--font-body);
            background: var(--color-bg);
            color: var(--color-text);
            line-height: 1.6;
            min-height: 100vh;
        }
        
        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
        }
        /* Sticky Header */
        header {
            background: var(--color-white);
            border-bottom: 1px solid var(--color-border);
            padding: var(--space-md) 0;
            position: sticky;
            top: 0;
            z-index: 100;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        }
        .header-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 var(--space-lg);
            gap: var(--space-md);
        }
        .logo {
            font-family: var(--font-display);
            font-size: 1.5rem;
            font-weight: 500;
            color: var(--color-text);
            text-decoration: none;
            flex-shrink: 0;
        }
        .logo span { color: var(--color-accent); }
        
        /* Search in header */
        .header-search {
            flex: 1;
            max-width: 300px;
            position: relative;
        }
        .header-search input {
            width: 100%;
            padding: var(--space-sm) var(--space-md);
            padding-left: 36px;
            border: 1px solid var(--color-border);
            border-radius: 20px;
            font-size: 0.9rem;
            background: var(--color-bg);
            cursor: text;
            transition: all 0.2s;
        }
        .header-search input:hover {
            border-color: var(--color-text-muted);
        }
        .header-search::before {
            content: '';
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235c5c5c'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");
            background-size: contain;
            pointer-events: none;
        }
        
        nav { display: flex; gap: var(--space-lg); align-items: center; }
        nav a { 
            font-size: 0.9rem; 
            color: var(--color-text-muted); 
            text-decoration: none; 
            transition: color 0.2s;
            white-space: nowrap;
        }
        nav a:hover, nav a.active { color: var(--color-text); }
        
        .menu-toggle { 
            display: none; 
            background: none; 
            border: none; 
            font-size: 1.5rem; 
            cursor: pointer; 
            padding: var(--space-sm); 
        color: var(--color-text-muted); }
        
        @media (max-width: 900px) {
            .header-search { max-width: 200px; }
            nav a { font-size: 0.85rem; }
        }
        
        @media (max-width: 768px) {
            .menu-toggle { display: block; }
            .header-search { display: none; }
            nav {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: var(--color-white);
                border-bottom: 1px solid var(--color-border);
                padding: var(--space-md) var(--space-lg);
                flex-direction: column;
                gap: var(--space-md);
                box-shadow: 0 4px 12px rgba(0,0,0,0.1);
                z-index: 1000;
            }
            nav.active { display: flex; }
            nav a { font-size: 1rem; }
    /* Dropdown på mobil - vis alltid åpen */
    .nav-dropdown { width: 100%; }
    .nav-dropdown-toggle { display: none; }
    .nav-dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        padding: 0;
        background: transparent;
        min-width: auto;
    }
    .nav-dropdown-section {
        padding: 0;
        border-bottom: none;
        margin-bottom: 0;
    }
    .nav-dropdown-label {
        font-size: 0.75rem;
        padding: var(--space-sm) 0 var(--space-xs);
        color: var(--color-accent);
    }
    .nav-dropdown-item {
        padding: var(--space-xs) 0;
    }
}


        
        .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 var(--space-lg);
        }
        
                

/* Hero */
        .hero {
            padding: var(--space-2xl) 0 var(--space-xl);
            text-align: center;
        }
        
        .hero-title {
            font-family: var(--font-display);
            font-size: clamp(2rem, 6vw, 3rem);
            font-weight: 700;
            letter-spacing: -0.02em;
            margin-bottom: var(--space-sm);
        }
        
        .hero-subtitle {
            font-size: 1.1rem;
            color: var(--color-text-muted);
            max-width: 600px;
            margin: 0 auto;
        }
        
        /* Year selector */
        .year-selector {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: var(--space-md);
            margin: var(--space-xl) 0;
        }
        
        .year-btn {
            width: 44px;
            height: 44px;
            border: 2px solid var(--color-border);
            background: var(--color-white);
            border-radius: 50%;
            cursor: pointer;
            font-size: 1.2rem;
            color: var(--color-text-muted);
            transition: all 0.2s;
        }
        
        .year-btn:hover {
            background: var(--color-text);
            color: var(--color-white);
            border-color: var(--color-text);
        }
        
        .year-display {
            font-family: var(--font-display);
            font-size: 2rem;
            font-weight: 700;
            min-width: 100px;
            text-align: center;
        }
        
        /* Next vacation banner - lyst design */
        .next-vacation-banner {
            background: var(--color-white);
            border-radius: var(--radius-lg);
            padding: var(--space-xl);
            margin-bottom: var(--space-xl);
            border: 1px solid var(--color-border);
            display: grid;
            grid-template-columns: auto 1fr auto;
            gap: var(--space-lg);
            align-items: center;
        }
        
        .next-vacation-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.5rem;
        }
        
        .next-vacation-content {
            min-width: 0;
        }
        
        .next-vacation-label {
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--color-text-muted);
            margin-bottom: var(--space-xs);
        }
        
        .next-vacation-name {
            font-family: var(--font-display);
            font-size: clamp(1.5rem, 4vw, 2rem);
            font-weight: 700;
            color: var(--color-text);
            line-height: 1.2;
        }
        
        .next-vacation-date {
            font-size: 0.95rem;
            color: var(--color-text-muted);
            margin-top: var(--space-xs);
        }
        
        .next-vacation-countdown {
            text-align: center;
            background: linear-gradient(135deg, var(--color-accent) 0%, #d4380d 100%);
            color: white;
            padding: var(--space-md) var(--space-lg);
            border-radius: var(--radius-md);
            min-width: 100px;
        }
        
        .countdown-value {
            font-family: var(--font-display);
            font-size: 2rem;
            font-weight: 700;
            line-height: 1;
        }
        
        .countdown-label {
            font-size: 0.8rem;
            opacity: 0.9;
            margin-top: var(--space-xs);
        }
        
        @media (max-width: 600px) {
            .next-vacation-banner {
                grid-template-columns: 1fr;
                text-align: center;
                gap: var(--space-md);
            }
            
            .next-vacation-icon {
                margin: 0 auto;
                width: 70px;
                height: 70px;
                font-size: 2rem;
            }
            
            .next-vacation-countdown {
                justify-self: center;
            }
        }
        
        /* Vacation type legend */
        .vacation-legend {
            display: flex;
            justify-content: center;
            gap: var(--space-lg);
            flex-wrap: wrap;
            margin-bottom: var(--space-xl);
        }
        
        .legend-item {
            display: flex;
            align-items: center;
            gap: var(--space-sm);
            font-size: 0.9rem;
        }
        
        .legend-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }
        
        .legend-dot.winter { background: var(--color-blue); }
        .legend-dot.easter { background: var(--color-purple); }
        .legend-dot.summer { background: var(--color-orange); }
        .legend-dot.autumn { background: var(--color-green); }
        .legend-dot.christmas { background: var(--color-accent); }
        
        /* County selector */
        .county-selector {
            background: var(--color-white);
            border-radius: var(--radius-lg);
            padding: var(--space-lg);
            border: 1px solid var(--color-border);
            margin-bottom: var(--space-xl);
        }
        
        .county-selector-title {
            font-family: var(--font-display);
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: var(--space-md);
            text-align: center;
        }
        
        .county-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
            gap: var(--space-sm);
        }
        
        .county-btn {
            padding: var(--space-sm) var(--space-md);
            font-size: 0.9rem;
            font-family: var(--font-body);
            background: var(--color-bg);
            border: 2px solid transparent;
            border-radius: var(--radius-md);
            cursor: pointer;
            transition: all 0.2s;
            text-align: left;
        }
        
        .county-btn:hover {
            background: var(--color-accent-light);
        }
        
        .county-btn.active {
            background: var(--color-accent-light);
            border-color: var(--color-accent);
            color: var(--color-accent);
            font-weight: 600;
        }
        
        /* Vacation cards */
        .vacations-section {
            margin-bottom: var(--space-xl);
        }
        
        .section-title {
            font-family: var(--font-display);
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: var(--space-lg);
            display: flex;
            align-items: center;
            gap: var(--space-sm);
        }
        
        .section-title::before {
            content: '';
            width: 4px;
            height: 1em;
            background: var(--color-accent);
            border-radius: 2px;
        }
        
        .vacation-cards {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: var(--space-md);
        }
        
        .vacation-card {
            background: var(--color-white);
            border-radius: var(--radius-lg);
            padding: var(--space-lg);
            border: 1px solid var(--color-border);
            border-left: 4px solid var(--color-accent);
            transition: all 0.2s;
        }
        
        .vacation-card:hover {
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            transform: translateY(-2px);
        }
        
        .vacation-card.winter { border-left-color: var(--color-blue); }
        .vacation-card.easter { border-left-color: var(--color-purple); }
        .vacation-card.summer { border-left-color: var(--color-orange); }
        .vacation-card.autumn { border-left-color: var(--color-green); }
        .vacation-card.christmas { border-left-color: var(--color-accent); }
        
        .vacation-card.current {
            background: var(--color-green-light);
            border-color: var(--color-green);
        }
        
        .vacation-card.passed {
            opacity: 0.6;
        }
        
        .vacation-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: var(--space-md);
        }
        
        .vacation-name {
            font-family: var(--font-display);
            font-size: 1.2rem;
            font-weight: 600;
        }
        
        .vacation-icon {
            font-size: 1.5rem;
        }
        
        .vacation-dates {
            display: flex;
            flex-direction: column;
            gap: var(--space-xs);
        }
        
        .vacation-date-row {
            display: flex;
            justify-content: space-between;
            font-size: 0.95rem;
        }
        
        .vacation-date-label {
            color: var(--color-text-muted);
        }
        
        .vacation-date-value {
            font-weight: 600;
        }
        
        .vacation-weeks {
            margin-top: var(--space-md);
            padding-top: var(--space-md);
            border-top: 1px solid var(--color-border);
            font-size: 0.9rem;
            color: var(--color-text-muted);
        }
        
        .vacation-status {
            margin-top: var(--space-sm);
            font-size: 0.85rem;
            font-weight: 600;
        }
        
        .vacation-status.current {
            color: var(--color-green);
        }
        
        .vacation-status.upcoming {
            color: var(--color-blue);
        }
        
        /* Full year table */
        .full-table-section {
            background: var(--color-white);
            border-radius: var(--radius-lg);
            padding: var(--space-xl);
            border: 1px solid var(--color-border);
            margin-bottom: var(--space-xl);
            overflow-x: auto;
        }
        
        .full-table-title {
            font-family: var(--font-display);
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: var(--space-lg);
        }
        
        .vacation-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.9rem;
        }
        
        .vacation-table th,
        .vacation-table td {
            padding: var(--space-sm) var(--space-md);
            text-align: left;
            border-bottom: 1px solid var(--color-border);
        }
        
        .vacation-table th {
            background: var(--color-bg);
            font-weight: 600;
            position: sticky;
            top: 0;
        }
        
        .vacation-table tr:hover td {
            background: var(--color-bg);
        }
        
        .vacation-table .county-name {
            font-weight: 600;
            white-space: nowrap;
        }
        
        .vacation-table .week-cell {
            text-align: center;
            white-space: nowrap;
        }
        
        /* Info section */
        .info-section {
            background: var(--color-white);
            border-radius: var(--radius-lg);
            padding: var(--space-xl);
            border: 1px solid var(--color-border);
        }
        
        .info-section h2 {
            font-family: var(--font-display);
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: var(--space-md);
        }
        
        .info-section h3 {
            font-family: var(--font-display);
            font-size: 1.1rem;
            font-weight: 600;
            margin-top: var(--space-lg);
            margin-bottom: var(--space-sm);
        }
        
        .info-section p {
            margin-bottom: var(--space-md);
        }
        
        .info-section ul {
            margin: var(--space-sm) 0 var(--space-md);
            padding-left: var(--space-lg);
        }
        
        .info-section li {
            margin-bottom: var(--space-xs);
        }
        
        /* Footer */
        footer {
            padding: var(--space-xl) 0;
            border-top: 1px solid var(--color-border);
            margin-top: var(--space-2xl);
        }
        
        .footer-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: var(--space-md);
        }
        
        .footer-copy {
            font-size: 0.9rem;
            color: var(--color-text-muted);
        }
        
        .footer-links {
            display: flex;
            gap: var(--space-lg);
        }
        
        .footer-links a {
            font-size: 0.9rem;
            color: var(--color-text-muted);
            text-decoration: none;
        }
        
        .footer-links a:hover {
            color: var(--color-text);
        }
        
        /* Animations */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .hero {
            animation: fadeInUp 0.5s ease-out;
        }
        
        .next-vacation-banner {
            animation: fadeInUp 0.5s ease-out 0.1s backwards;
        }
        
        .vacation-card {
            animation: fadeInUp 0.4s ease-out backwards;
        }
        
        .vacation-card:nth-child(1) { animation-delay: 0.1s; }
        .vacation-card:nth-child(2) { animation-delay: 0.15s; }
        .vacation-card:nth-child(3) { animation-delay: 0.2s; }
        .vacation-card:nth-child(4) { animation-delay: 0.25s; }
        .vacation-card:nth-child(5) { animation-delay: 0.3s; }
        
        @media (max-width: 600px) {
            
            
            .county-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .vacation-table {
                font-size: 0.8rem;
            }
            
            .vacation-table th,
            .vacation-table td {
                padding: var(--space-xs) var(--space-sm);
            }
        }
        
        /* Print styles */
        @media print {
            header, footer, .county-selector, .next-vacation-banner, .year-selector {
                display: none;
            }
            
            .vacation-card {
                break-inside: avoid;
            }
        }
        
        /* Export button */
        .export-btn {
            display: inline-flex;
            align-items: center;
            gap: var(--space-sm);
            padding: var(--space-md) var(--space-lg);
            background: var(--color-white);
            color: var(--color-text);
            border: 2px solid var(--color-border);
            border-radius: var(--radius-md);
            font-family: var(--font-body);
            font-size: 0.95rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            text-decoration: none;
            margin-top: var(--space-lg);
        }
        
        .export-btn:hover {
            border-color: var(--color-accent);
            color: var(--color-accent);
            transform: translateY(-2px);
        }
        
        .export-section {
            text-align: center;
            margin-top: var(--space-md);
        }

        /* Mobile menu */
@media (max-width: 768px) {
nav.active {
                display: flex;
            }
        }
    
        
        
        @media (max-width: 768px) {
}
    
        

    
/* Global search styles */
.search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #d4cfc6;
    border-radius: 8px;
    margin-top: 4px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    display: none;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
}
.search-results.active { display: block; }
.search-result-item {
    padding: 10px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f0ebe3;
    transition: background 0.15s;
    display: block;
    text-decoration: none;
    color: inherit;
}
.search-result-item:hover { background: #f0ebe3; }
.search-result-item:last-child { border-bottom: none; }
.search-result-title { font-weight: 500; }
.search-result-sub { font-size: 0.8rem; color: #5c5c5c; }
.search-no-results { padding: 16px; color: #5c5c5c; text-align: center; font-size: 0.9rem; }
.header-search input { cursor: text !important; }
.header-search input:focus {
    outline: none;
    border-color: #ba2d0b !important;
    background: #fff !important;
}





}

/* nav-dropdown desktop */
.nav-dropdown { position: relative; }
.nav-dropdown-toggle {
    display: flex; align-items: center; gap: 4px;
    font-size: 0.9rem; color: var(--color-text-muted);
    background: none; border: none; cursor: pointer; padding: 0;
    transition: color 0.2s; white-space: nowrap;
}
.nav-dropdown-toggle:hover { color: var(--color-text); }
.nav-dropdown-toggle::after { content: '▾'; font-size: 0.7rem; transition: transform 0.2s; }
.nav-dropdown:hover .nav-dropdown-toggle::after { transform: rotate(180deg); }
.nav-dropdown-menu {
    position: absolute; top: 100%; right: 0;
    background: var(--color-white, #fff); border: 1px solid var(--color-border, #e8e8e8);
    border-radius: 12px; padding: 0.5rem;
    min-width: 480px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: all 0.2s; z-index: 1001;
    display: grid; grid-template-columns: repeat(2,1fr); gap: 0 0.5rem;
}
.nav-dropdown:hover .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(4px); }
.nav-dropdown-section { padding: 0.25rem 0; }
.nav-dropdown-section:not(:last-child) { border-bottom: none; margin-bottom: 0; }
.nav-dropdown-label {
    font-size: 0.7rem; font-weight: 600; color: var(--color-text-muted, #888);
    text-transform: uppercase; letter-spacing: 0.05em; padding: 0.35rem 0.5rem 0.2rem;
}
.nav-dropdown-item {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.35rem 0.5rem; border-radius: 6px;
    color: var(--color-text, #1a1a1a); text-decoration: none;
    font-size: 0.875rem; transition: background 0.15s; white-space: nowrap;
}
.nav-dropdown-item:hover { background: var(--color-bg, #f7f7f5); }
.nav-dropdown-item span { font-size: 1rem; width: 1.2em; text-align: center; }
@media (max-width: 768px) {
    .nav-dropdown { width: 100%; }
    .nav-dropdown-toggle { display: none; }
    .nav-dropdown-menu {
        position: static; opacity: 1; visibility: visible; transform: none;
        box-shadow: none; border: none; padding: 0; background: transparent;
        min-width: auto; display: grid; grid-template-columns: repeat(2,1fr); gap: 0;
    }
    .nav-dropdown-section { padding: 0; border-bottom: none; margin-bottom: 0; }
    .nav-dropdown-label { font-size: 0.7rem; padding: 0.5rem 0 0.25rem; color: var(--color-accent, #b91c1c); }
    .nav-dropdown-item { padding: 0.3rem 0; }
}
@media (max-width: 480px) { .nav-dropdown-menu { grid-template-columns: 1fr; } }

/* === Konsistens-override: dropdown 2-kol + breadcrumb === */
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu,
.nav-dropdown.active .nav-dropdown-menu {
    min-width: 480px !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 0.5rem !important;
}
@media (max-width: 900px) {
    .nav-dropdown-menu { min-width: 360px !important; }
}
@media (max-width: 600px) {
    .nav-dropdown-menu {
        grid-template-columns: 1fr !important;
        min-width: 260px !important;
    }
}
/* breadcrumb standard */
.breadcrumb-nav {
    background: var(--color-bg-alt, #f5f0e8) !important;
    border-bottom: 1px solid var(--color-border, #d4cfc6) !important;
    padding: 10px 24px !important;
}
.breadcrumb {
    max-width: 1200px !important;
    margin: 0 auto !important;
    list-style: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    font-size: 0.85rem !important;
    color: var(--color-text-muted, #5c5c5c) !important;
}
.breadcrumb a {
    color: var(--color-text-muted, #5c5c5c) !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.breadcrumb a:hover { color: var(--color-accent, #ba2d0b) !important; }
.breadcrumb li { display: flex !important; align-items: center !important; gap: 0 !important; }
.breadcrumb li:not(:last-child)::after {
    content: '›' !important;
    margin: 0 6px !important;
    color: var(--color-border, #ccc) !important;
    font-size: 0.8rem !important;
}
.breadcrumb-sep { display: none !important; }
.breadcrumb-current { color: var(--color-text, #1a1a1a) !important; font-weight: 500 !important; }
/* === Slutt konsistens-override === */



/* AdSense-enheter som designkort */
ins.adsbygoogle {
    display: block;
    margin: 1.75rem auto;
    max-width: 100%;
    background: var(--color-white, #fff);
    border: 1px solid var(--color-border, #e5e0d8);
    border-radius: var(--radius-lg, 12px);
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    overflow: hidden;
    padding: 6px;
}
ins.adsbygoogle::before {
    content: "Annonse";
    display: block;
    font-size: 0.7rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-text-muted, #6b6b6b);
    padding: 2px 6px 6px;
}
/* Skjul rammen helt til Google faktisk har fylt enheten */
ins.adsbygoogle[data-ad-status="unfilled"],
ins.adsbygoogle:not([data-ad-status]) {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}
ins.adsbygoogle[data-ad-status="unfilled"]::before,
ins.adsbygoogle:not([data-ad-status])::before {
    content: none;
}


.holiday-table { width: 100%; border-collapse: collapse; margin: var(--space-lg, 1.5rem) 0; background: var(--color-white, #fff); border-radius: var(--radius-lg, 12px); overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.holiday-table th, .holiday-table td { padding: var(--space-md, 1rem); text-align: left; border-bottom: 1px solid var(--color-border, #e5e0d8); }
.holiday-table th { background: var(--color-accent, #ba2d0b); color: white; font-weight: 600; }
.holiday-table tr:last-child td { border-bottom: none; }
.holiday-table tbody tr:hover { background: var(--color-accent-light, #fdf0ed); }
.holiday-table a { color: var(--color-accent, #ba2d0b); text-decoration: none; }
.holiday-table tr.row-highlight { background: var(--color-accent-light, #fdf0ed); font-weight: 600; }
.day-badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 0.8rem; font-weight: 500; }
.day-weekday { background: #d1fae5; color: #065f46; }
.day-weekend { background: #e0e7ff; color: #3730a3; }
main a:not(.day-badge):not([style*="color"]) { color: var(--color-accent, #ba2d0b); }
main a:visited:not(.day-badge):not([style*="color"]) { color: var(--color-accent, #ba2d0b); }
@media (max-width: 640px) {
  .holiday-table { font-size: 0.9rem; }
  .holiday-table th, .holiday-table td { padding: var(--space-sm, 0.5rem); }
}


.kg-skip { position: absolute; left: -9999px; top: 0; background: var(--color-accent, #ba2d0b); color: #fff; padding: 10px 16px; border-radius: 0 0 8px 0; z-index: 1000; font-weight: 600; text-decoration: none; }
.kg-skip:focus { left: 0; }