/* ==========================================================================
   C5 House AB — Global Styles
   
   PRINCIPLE: This CSS does NOT touch any text properties (font, color, 
   size, weight, line-height, letter-spacing, text-transform).
   All text styling is controlled exclusively through Divi 5 module settings.
   
   This file handles ONLY:
   - CSS custom properties (variables for reference)
   - Page background
   - Font smoothing
   - Link hover transitions
   - Sticky footer fix (structural)
   - Smooth scroll
   - Selection color
   - Utility classes (opt-in only, applied manually via CSS Class field)
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS Custom Properties (reference values — use in Divi's custom CSS fields)
   -------------------------------------------------------------------------- */
:root {
    /* Brand colors */
    --c5-primary:       #1A1A1A;
    --c5-accent:        #3D6B8E;
    --c5-accent-light:  #6A9DC2;
    --c5-bg:            #FAFAFA;
    --c5-surface:       #FFFFFF;

    /* Borders */
    --c5-border:        #F0F0F0;

    /* Widths */
    --c5-content-width: 50rem;
    --c5-wide-width:    60rem;
}

/* --------------------------------------------------------------------------
   Page Background & Font Smoothing
   -------------------------------------------------------------------------- */
body,
body.et_divi_theme {
    background-color: var(--c5-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --------------------------------------------------------------------------
   Link Transitions (hover behavior only, not color)
   -------------------------------------------------------------------------- */
a {
    text-decoration: none;
    transition: color 0.2s ease;
}

/* --------------------------------------------------------------------------
   Smooth Scroll
   -------------------------------------------------------------------------- */
html {
    scroll-behavior: smooth;
}

/* --------------------------------------------------------------------------
   Selection Color
   -------------------------------------------------------------------------- */
::selection {
    background-color: #E8F0F6;
    color: var(--c5-accent);
}

/* --------------------------------------------------------------------------
   Sticky Footer Fix (structural — ensures footer stays at bottom)
   -------------------------------------------------------------------------- */
#page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#main-content {
    flex: 1;
}

/* --------------------------------------------------------------------------
   Remove Divi Default Button Arrow
   -------------------------------------------------------------------------- */
.et_pb_button:after,
.et_pb_more_button:after {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Utility Classes (opt-in only — apply via Divi Advanced → CSS Class)
   -------------------------------------------------------------------------- */
.c5-narrow-content .et_pb_text_inner,
.c5-narrow-content .et_pb_blurb_description {
    max-width: var(--c5-content-width);
    margin-left: auto;
    margin-right: auto;
}

.c5-fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: c5FadeIn 0.8s ease forwards;
}

@keyframes c5FadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}