/* 1. Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&family=Poppins:wght@500;600;700&display=swap');

/* =========================================
   2. EVENT PAGE SCSS VARIABLES (Your Inspector Finds!)
   ========================================= */
:root, body {
    /* Event Header */
    --conf-theme-header-bg: #1a2a6b !important;
    /* Fatter Gold Border Color */
    --conf-theme-header-border-bottom: #d4a96a !important; 
    /* Support/Contact Box Header */
    --conf-theme-support-header-bg: #1a2a6b !important;
    
    /* Global safe fallbacks */
    --text-blue-color: #1a2a6b !important;
    --indico-blue: #1a2a6b !important;
}

/* =========================================
   3. GLOBAL TYPOGRAPHY
   ========================================= */
body, p, .ui.text, .event-description {
    font-family: 'Nunito Sans', sans-serif !important;
}
h1, h2, h3, h4, .ui.menu, .item, .brand-text, .confTitleBox {
    font-family: 'Poppins', sans-serif !important;
}

/* =========================================
   4. THE MAIN PAGE HEADER (div.page-header)
   ========================================= */
div.page-header {
    background-color: #1a2a6b !important;
    background-image: none !important;
}

/* OVERRIDE THE 60PX SHRINK RAY & ADD PADDING */
div.page-header img.header-logo {
    height: 120px !important;
    max-height: 120px !important; 
    width: auto !important;
    /* Top: 5px, Right: 0, Bottom: 5px, Left: 20px */
    margin: 5px 0 5px 20px !important; 
}

/* =========================================
   5. EVENT PAGE HEADER & LOGO INJECTION
   ========================================= */
.confTitleBox {
    border-bottom-width: 4px !important; 
    
    background-image: url('/static/custom/files/logo.svg') !important;
    background-size: auto 180px !important; 
    background-repeat: no-repeat !important;
    
    /* Shift the image 20px from the left edge */
    background-position: 20px center !important; 
    
    /* 180px (image) + 20px (shift) + 20px (gap between logo and text) = 220px */
    padding-left: 220px !important; 
    
    min-height: 190px !important; 
    display: flex !important;
    align-items: center !important;
}

/* =========================================
   6. THE BUTTONS (From your _palette.scss find)
   ========================================= */
.i-button.highlight:not(.label):not(.borderless):not(.text-color), 
.action-button:not(.label):not(.borderless):not(.text-color),
.categorynav .category-list .item .button-wrapper .action-button:not(.label):not(.borderless):not(.text-color),
.ui.button.primary, 
.ui.button.positive, 
.ui.blue.button {
    background: #d4a96a !important;
    border-color: #c4995a !important; /* Slightly darker gold for the border */
    color: #1a2a6b !important; /* Navy text */
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
}

/* Button Hover State */
.i-button.highlight:not(.label):not(.borderless):not(.text-color):hover, 
.action-button:not(.label):not(.borderless):not(.text-color):hover,
.ui.button.primary:hover, 
.ui.button.positive:hover,
.ui.blue.button:hover {
    background: #c4995a !important; 
    color: #1a2a6b !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

/* =========================================
   7. GENERAL GOLD ACCENTS (Safe Mode kept)
   ========================================= */
.ui.divider {
    border-top: 1px solid #d4a96a !important;
    opacity: 0.5;
}
.ui.segment {
    border-top: 3px solid #d4a96a !important;
}
.ui.menu .active.item {
    border-bottom: 3px solid #d4a96a !important;
    color: #1a2a6b !important;
}
a {
    color: #1a2a6b;
    transition: color 0.2s ease-in-out;
}
a:hover {
    color: #d4a96a !important;
}