/* ========================================
   CalProgs Prism Website Template System
   Copyright (c) 2025 CalProgs
   Template Version: 1.25.10181225
   Config Version: 1.25.07082033
   File: styles.css
   ========================================
   Site-specific styles for robeccles.com
   ======================================== */

/* Section Card Styling - Card Mode (app_wide_mode = 0) */
.prism-public-card {
    background-color: rgba(25, 57, 87, 0.5);  /* From $section_bg_color + opacity */
    border: 2px solid #a16207;                /* From $section_border_color (yellow-700) */
    border-radius: 10px;
    padding: 1.5rem;
    color: #eab308;                           /* From $section_text_color (yellow-500) */
    max-width: 42rem !important;              /* Card mode centering */
    margin-left: auto !important;
    margin-right: auto !important;
    backdrop-filter: none;                    /* From $section_bg_blur = false */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Body Background */
.prism-body {
    background-image: url('./images/badwater_small.jpg');  /* From $app_bg_image */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;       /* From $app_bg_align */
    background-attachment: fixed;
    color: #eab308;                           /* From $text_color (yellow-500) */
    font-size: 1.125rem;
}

/* Section Headers */
h1, h2, h3, h4, h5, h6 {
    color: #ca8a04;  /* From $section_header_color (yellow-600) */
}

/* Header Logo Styling */
.prism-logo-image, .prism-logo-container {
    width: 96px !important;
    height: 96px !important;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #000000;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
}

/* Header and Footer Bar Styling */
.prism-header, .prism-footer {
    background-color: rgba(25, 57, 87, 0.8);  /* RGB 25,57,87 with 80% opacity */
    color: #eab308;  /* yellow-500 */
}

.prism-header {
    border-bottom: 2px solid #a16207;  /* yellow-700 - bottom border only */
}

.prism-footer {
    border-top: 2px solid #a16207;  /* yellow-700 - top border only */
}

.prism-header-title {
    color: #eab308 !important;  /* header_footer_text_color */
}

/* Button Styles */
button, .prism-button {
    background-color: #a16207;  /* button_bg_color: yellow-700 */
    color: #eab308;  /* button_text_color: yellow-500 */
    border: 1px solid #713f12;  /* button_border_color: yellow-900 */
}

/* Form Input Styles */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    background-color: rgba(254, 240, 138, 0.1);  /* input_bg_color: yellow-200 with 10% opacity */
    color: #ffffff;  /* input_text_color: white */
    border: 1px solid #713f12;  /* input_border_color: yellow-900 */
}