/*
Theme Name: HENRYS
Template: north-platform
Theme URI: https://henrys.no
Author: NORTH gruppen AS
Description: Child theme for HENRYS AS. Includes brand colors and company-specific customizations.
Version: 1.1.0
License: Proprietary
Text Domain: henrys
*/

/* Henrys child theme tokens - CSS Variables for NORTH Core modules */
:root {
  /* NORTH Core Plugin Variables - inherited by CRM, User Portal, Booking, etc. */
  --north-color-primary: #C05BA3;           /* HENRYS rosa - main brand color */
  --north-color-primary-dark: #8B3D74;      /* Rosa dark for hover/active states */
  --north-color-primary-light: #F0D9E8;     /* Rosa light for backgrounds */
  
  /* Legacy variables for backwards compatibility */
  --brand-color-primary: #C05BA3;      /* HENRYS rosa - main brand color */
  --brand-color-light: #F0D9E8;        /* Rosa light - hover/background states */
  --brand-color-dark: #8B3D74;         /* Rosa dark - active/pressed states */
  
  /* ========================================
     NORTH Platform Theme Color Variables
     (Legacy - kept for backwards compatibility)
     ======================================== */
  /* Brand farger - HENRYS */
  --north-primary: #F0D9E8; /* brand pink - light */
  --north-primary-50: #F7EBF3; /* near-white pink */
  --north-primary-100: #F0D9E8;
  --north-primary-200: #E7C3DE;
  --north-primary-dark: #a04987; /* darker pink for hover states */
  --brand-primary: #F0D9E8; /* light pink for header */
  --brand-secondary: #C05BA3; /* accent pink for contrast */
  --brand-accent-1: #333333;
  
  /* Basis farger */
  --north-bg: #ffffff;
  --north-text: #1f2937;
  --north-text-secondary: #374151;
  
  /* Gråskala (Tailwind gray) */
  --north-gray-50: #f9fafb;
  --north-gray-100: #f3f4f6;
  --north-gray-200: #e5e7eb;
  --north-gray-300: #d1d5db;
  --north-gray-400: #9ca3af;
  --north-gray-500: #6b7280;
  --north-gray-600: #4b5563;
  --north-gray-700: #374151;
  
  /* Status farger - Success (grønn) */
  --north-success-bg: #dcfce7;
  --north-success-text: #166534;
  --north-success-border: #22c55e;
  --north-success-bg-light: #f0fdf4;
  --north-success-text-dark: #16a34a;
  
  /* Status farger - Error (rød) */
  --north-error-bg: #fee2e2;
  --north-error-text: #991b1b;
  --north-error-border: #ef4444;
  --north-error-bg-light: #fef2f2;
  --north-error-text-dark: #dc2626;
  
  /* Status farger - Warning (gul/oransje) */
  --north-warning-bg: #fef3c7;
  --north-warning-text: #92400e;
  
  /* Accent farger */
  --north-blue-50: #f0f9ff;
  --north-blue-100: #e0f2fe;
}

/**
 * Brand Colors for HENRYS AS
 * Primary: Rosa (mørkere) #A04987
 */

/* Branded Header - Use dark pink for strong contrast */
.site-header,
header.site-header {
  background: var(--brand-primary) !important;
  color: #FFFFFF;
}

/* Ensure multi-row header sections inherit brand color */
.header-top,
.header-nav,
.header-search {
  background: var(--brand-primary);
  color: #FFFFFF;
  border-bottom-color: rgba(255, 255, 255, 0.25);
}

.header-nav .container { /* preserve spacing, but text white */
  color: #FFFFFF;
}

.site-header .site-branding .site-title,
.site-header .site-branding a {
  color: #FFFFFF;
  text-decoration: none;
}

/* Logo image keeps its original colors (pink) */
.site-header .site-branding img,
.site-header .site-branding .custom-logo {
  /* No color filters - let pink logo shine */
}


.site-header .main-navigation .primary-menu a {
  color: #222222;
}

.site-header .main-navigation .primary-menu a:hover,
.site-header .main-navigation .primary-menu a:focus-visible {
  color: #000;
}

.site-header .main-navigation .primary-menu > li > a::after {
  background: #FFFFFF;
}

.header-cta .btn-primary {
  background: var(--brand-primary);
  color: #FFFFFF;
}

.header-cta .btn-primary:hover,
.header-cta .btn-primary:focus-visible {
  background: var(--brand-secondary);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(192, 91, 163, 0.3);
}

.mobile-menu-toggle {
  color: #FFFFFF;
}

.mobile-menu-toggle:hover,
.mobile-menu-toggle:focus-visible {
  color: #FFFFFF;
}

/* Footer styling inherited from parent theme (north-platform). */

/* Ensure dark corporate footer if parent CSS fails to load */
.site-footer,
.footer-main {
  background: #111827 !important;
  color: #FFFFFF !important;
}
.footer-bottom {
  background: #0D1117 !important;
  color: rgba(255,255,255,0.75) !important;
}

/* Calendar Overrides for HENRYS - Brand color only */
.north-events__calendar-header {
  background: linear-gradient(to right, var(--brand-secondary, #C05BA3), #a04987) !important;
}

.north-events__calendar-day-event {
  background-color: var(--brand-secondary, #C05BA3) !important;
}

.north-events__calendar-day-event:hover {
  background-color: #a04987 !important;
}

/* Event Featured Image - HENRYS Override (optional aspect ratio adjustment) */
.north-event-featured-image {
  aspect-ratio: 16 / 9.84;
  object-fit: contain;
}

/* Event Card CTA Button - HENRYS Brand Override */
.north-events__card-cta {
  --north-primary: var(--brand-secondary, #C05BA3);
  --north-primary-dark: #a04987;
}

/* Booking Submit Button - HENRYS Brand Override */
.north-booking-submit {
  --north-primary: var(--brand-secondary, #C05BA3);
  --north-primary-dark: #a04987;
}

/* Event Artist Link - HENRYS Brand Override */
.north-event-artist-link {
  color: var(--brand-secondary, #C05BA3);
}

.north-event-artist-link:hover {
  color: #a04987;
}

/* Event Meta Item - Fix lyserosa labels on artist page */
.north-event-meta-item .label {
  color: #374151;
  font-weight: 600;
}

.north-event-meta-item .value {
  color: #1f2937;
}