/* ============================================
   SR BRAND COLORS - Smaalenene Revisjon
   Generert fra colors.tools
   ============================================ */

:root {
    /* --- SR BLÅ (RHAPSODY IN BLUE) --- */
    --sr-blue-base: #002640;
    --sr-blue-tint-20: #335166;
    --sr-blue-tint-40: #667c8c;
    --sr-blue-tint-60: #99a8b2;
    --sr-blue-tint-80: #ccd3d8;
    --sr-blue-shade-20: #001e33;
    --sr-blue-shade-40: #001626;
    --sr-blue-shade-60: #000f19;
    --sr-blue-shade-80: #00070c;

    /* --- SR GULL (ORANGE CHALK) --- */
    --sr-gold-base: #F9D48C;
    --sr-gold-tint-20: #fadca3;
    --sr-gold-tint-40: #fbe5ba;
    --sr-gold-tint-60: #fcedd1;
    --sr-gold-tint-80: #fdf6e8;
    --sr-gold-shade-20: #c7a970;
    --sr-gold-shade-40: #957f54;
    --sr-gold-shade-60: #635438;
    --sr-gold-shade-80: #312a1b;

    /* --- SR LYSEBLÅ (CALCAREOUS SINTER) --- */
    --sr-light-blue-base: #d8f3ff;
    --sr-light-blue-tint-20: #dff5ff;
    --sr-light-blue-tint-40: #e7f7ff;
    --sr-light-blue-tint-60: #effaff;
    --sr-light-blue-tint-80: #f7fcff;
    --sr-light-blue-shade-20: #acc2cc;
    --sr-light-blue-shade-40: #819199;
    --sr-light-blue-shade-60: #566166;
    --sr-light-blue-shade-80: #2b3032;

    /* --- HVIT & SVART --- */
    --sr-white: #FFFFFF;
    --sr-black: #002640;  /* Mørk blå som svart/tekst */

    /* --- LEGACY GRAY (hvis du trenger dem) --- */
    --sr-gray-dark: #737578;
    --sr-gray-medium: #ACAFB1;
    --sr-gray-light: #E8E9EA;
}

/* ============================================
   COLOR CLASSES - SR BLÅ
   ============================================ */

/* Base Blue */
.regnskap-brand-primary-color,
.color-blue-base {
    color: var(--sr-blue-base);
}

.regnskap-brand-primary-background-color,
.has-regnskap-brand-primary-color-background-color,
.bg-blue-base {
    background-color: var(--sr-blue-base);
}

.regnskap-brand-primary-border-color,
.border-blue-base {
    border-color: var(--sr-blue-base);
}

/* Blue Tints */
.regnskap-light-tint-20-primary-color { color: var(--sr-blue-tint-20); }
.regnskap-light-tint-20-primary-background-color { background-color: var(--sr-blue-tint-20); }

.regnskap-light-tint-40-primary-color { color: var(--sr-blue-tint-40); }
.regnskap-light-tint-40-primary-background-color { background-color: var(--sr-blue-tint-40); }

.regnskap-light-tint-60-primary-color { color: var(--sr-blue-tint-60); }
.regnskap-light-tint-60-primary-background-color { background-color: var(--sr-blue-tint-60); }

.regnskap-light-tint-80-primary-color { color: var(--sr-blue-tint-80); }
.regnskap-light-tint-80-primary-background-color { background-color: var(--sr-blue-tint-80); }

/* Blue Shades */
.regnskap-dark-shades-20-primary-color { color: var(--sr-blue-shade-20); }
.regnskap-dark-shades-20-primary-background-color { background-color: var(--sr-blue-shade-20); }

.regnskap-dark-shades-40-primary-color { color: var(--sr-blue-shade-40); }
.regnskap-dark-shades-40-primary-background-color { background-color: var(--sr-blue-shade-40); }

.regnskap-dark-shades-60-primary-color { color: var(--sr-blue-shade-60); }
.regnskap-dark-shades-60-primary-background-color { background-color: var(--sr-blue-shade-60); }

.regnskap-dark-shades-80-primary-color { color: var(--sr-blue-shade-80); }
.regnskap-dark-shades-80-primary-background-color { background-color: var(--sr-blue-shade-80); }

/* ============================================
   COLOR CLASSES - SR GULL
   ============================================ */

/* Base Gold */
.regnskap-gold-accent-color,
.color-gold-base {
    color: var(--sr-gold-base);
}

.regnskap-gold-accent-background-color,
.bg-gold-base {
    background-color: var(--sr-gold-base);
}

.regnskap-gold-accent-border-color,
.border-gold-base {
    border-color: var(--sr-gold-base);
}

/* Gold Tints */
.color-gold-tint-20 { color: var(--sr-gold-tint-20); }
.bg-gold-tint-20 { background-color: var(--sr-gold-tint-20); }

.color-gold-tint-40 { color: var(--sr-gold-tint-40); }
.bg-gold-tint-40 { background-color: var(--sr-gold-tint-40); }

.color-gold-tint-60 { color: var(--sr-gold-tint-60); }
.bg-gold-tint-60 { background-color: var(--sr-gold-tint-60); }

.color-gold-tint-80 { color: var(--sr-gold-tint-80); }
.bg-gold-tint-80 { background-color: var(--sr-gold-tint-80); }

/* Gold Shades */
.color-gold-shade-20 { color: var(--sr-gold-shade-20); }
.bg-gold-shade-20 { background-color: var(--sr-gold-shade-20); }

.color-gold-shade-40 { color: var(--sr-gold-shade-40); }
.bg-gold-shade-40 { background-color: var(--sr-gold-shade-40); }

/* ============================================
   COLOR CLASSES - SR LYSEBLÅ (HERO SECTION)
   ============================================ */

/* Base Light Blue */
.color-light-blue-base {
    color: var(--sr-light-blue-base);
}

.bg-light-blue-base {
    background-color: var(--sr-light-blue-base);
}

/* Light Blue Tints */
.bg-light-blue-tint-20 { background-color: var(--sr-light-blue-tint-20); }
.bg-light-blue-tint-40 { background-color: var(--sr-light-blue-tint-40); }
.bg-light-blue-tint-60 { background-color: var(--sr-light-blue-tint-60); }
.bg-light-blue-tint-80 { background-color: var(--sr-light-blue-tint-80); }

/* Light Blue Shades */
.bg-light-blue-shade-20 { background-color: var(--sr-light-blue-shade-20); }
.color-light-blue-shade-40 { color: var(--sr-light-blue-shade-40); }

/* ============================================
   WHITE & BLACK
   ============================================ */

.color-white,
.color-white:hover,
.has-white,
.has-white:hover {
    color: var(--sr-white);
}

.color-black,
.has-black {
    color: var(--sr-black);
}

.bg-white {
    background-color: var(--sr-white);
}

.bg-black {
    background-color: var(--sr-black);
}

/* ============================================
   NAVIGATION / HEADER STYLING
   ============================================ */

/* Navbar background - Mørk blå */
.navbar,
#regnskap-navbar,
.color-brand-color-800 {
    background-color: var(--sr-blue-base);
}

/* Navbar: Hvit tekst default */
.navbar-nav .nav-link {
    color: var(--sr-white) !important;
    text-decoration: none;
    border-bottom: 4px solid transparent;
    transition: all 0.3s ease;
    padding-bottom: 0.5rem;
}

/* Navbar: Active/Current page - Gul med gul linje under */
.navbar-nav .nav-link.current-menu-item,
.navbar-nav .nav-link.current_page_item,
.navbar-nav .nav-link.current-menu-ancestor,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: var(--sr-gold-base) !important;
    border-bottom-color: var(--sr-gold-base);
    font-weight: 600;
}

/* Navbar brand (logo) */
.navbar-brand {
    color: var(--sr-white) !important;
}

.navbar-brand:hover {
    color: var(--sr-gold-base) !important;
}

/* Social menu */
.social-media .nav-link {
    color: var(--sr-white) !important;
}

.social-media .nav-link:hover {
    color: var(--sr-gold-base) !important;
    border-bottom: none !important;
}

/* Top bar background */
.background-color-brand-color-100 {
    background-color: var(--sr-blue-tint-80);
}

/* ============================================
   BUTTONS
   ============================================ */

/* Primary Button - Gul */
.btn-gold,
.wp-block-post-excerpt__more-link,
a.regnskap-brand-primary-background-color {
    background-color: var(--sr-gold-base) !important;
    color: var(--sr-blue-base) !important;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.btn-gold:hover,
.wp-block-post-excerpt__more-link:hover,
a.regnskap-brand-primary-background-color:hover {
    background-color: var(--sr-gold-tint-20) !important;
    color: var(--sr-blue-shade-40)  !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    text-decoration: none;
}

/* Link inside button */
a.regnskap-brand-primary-background-color,
a.btn-brand-primary-color {
    text-decoration: none;
    color: var(--sr-blue-base);
}

a.regnskap-brand-primary-background-color:hover {
    text-decoration: none;
    color: var(--sr-blue-shade-40);
}

/* Secondary Button - Blå outline */
.btn-outline-blue {
    background-color: transparent;
    color: var(--sr-blue-base);
    border: 2px solid var(--sr-blue-base);
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-outline-blue:hover {
    background-color: var(--sr-blue-base);
    color: var(--sr-white);
}

/* ============================================
   LINKS
   ============================================ */

/* Default link styling */
a {
    color: var(--sr-blue-base);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--sr-gold-base);
    text-decoration: underline;
}

/* Links in blue background */
.regnskap-brand-primary-background-color a,
.has-regnskap-brand-primary-color-background-color a {
    color: var(--sr-white);
}

.regnskap-brand-primary-background-color a:hover,
.has-regnskap-brand-primary-color-background-color a:hover {
    color: var(--sr-gold-base);
}

/* Nav link hover (legacy from old CSS) */
.nav-link:hover {
    color: var(--sr-gold-base);
    font-weight: bold;
    border-bottom-color: var(--sr-gold-base);
    border-bottom: 4px solid;
}

/* ============================================
   SERVICE CARDS
   ============================================ */

.service-card {
    background-color: var(--sr-blue-base);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.service-card .wp-block-post-featured-image {
    background-color: var(--sr-gold-base) !important;
    border-radius: 50% !important;
}

.service-card .wp-block-post-featured-image img {
    object-fit: contain !important;
    padding: 1rem;
    border-radius: 0 !important;

}

.service-card h3,
.service-card .wp-block-post-title {
    color: var(--sr-white);
}

.service-card .wp-block-post-excerpt {
    color: var(--sr-white);
}

/* ============================================
   HERO SECTION
   ============================================ */

.hero-section {
    background-color: var(--sr-light-blue-base);
}

.hero-content-box {
    background-color: var(--sr-light-blue-tint-80);
    border-left: 4px solid var(--sr-gold-base);
    padding: 2rem;
}

/* ============================================
   UTILITIES
   ============================================ */

/* Text utilities */
.text-gold { color: var(--sr-gold-base) !important; }
.text-blue { color: var(--sr-blue-base) !important; }
.text-white { color: var(--sr-white) !important; }
.text-black { color: var(--sr-black) !important; }

/* Background utilities */
.bg-gold { background-color: var(--sr-gold-base) !important; }
.bg-blue { background-color: var(--sr-blue-base) !important; }

/* Border utilities */
.border-gold { border-color: var(--sr-gold-base) !important; }
.border-blue { border-color: var(--sr-blue-base) !important; }

/* Hover states */
.regnskap-brand-primary-background-color:hover {
    background-color: var(--sr-blue-shade-20);
}

.regnskap-gold-accent-background-color:hover {
    background-color: var(--sr-gold-tint-20);
}

.employee-meta-box {
    background-color: var(--sr-blue-base);
    border-bottom-left-radius: 10%;
    border-bottom-right-radius: 10%;
    overflow: hidden;
}

.col-md-4 .employee-meta-box {
    border-bottom-left-radius: 30pt;
    border-bottom-right-radius: 30pt;
}