/* ========================================
   Custom Styles for CalProgs
   Manually crafted based on config.php settings
   Template Version: 1.25.10181225
   ======================================== */

/* Public Site Section Cards */
.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) + width */
    border-radius: 10px;
    padding: 1.5rem;
    color: #eab308;                           /* From $section_text_color (yellow-500) */
    max-width: 42rem !important;              /* max-w-2xl (672px) for card mode centering */
    margin-left: auto !important;             /* mx-auto for horizontal centering */
    margin-right: auto !important;            /* mx-auto for horizontal centering */
    backdrop-filter: none;                    /* No blur effect */
    -webkit-backdrop-filter: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Public Card without padding - for seamless content areas */
.prism-public-card-no-padding {
    background-color: rgba(25, 57, 87, 0.5);
    border: 2px solid #a16207;
    border-radius: 10px;
    padding: 0;
    color: #eab308;
    max-width: 42rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Portal Section Cards (for consistency, even if not portal-enabled) */
.prism-portal-card {
    background-color: transparent;
    border: 1px solid #4b5563;
    border-radius: 10px;
    padding: 1rem;
    color: inherit;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

/* Portal Card without padding */
.prism-portal-card-no-padding {
    background-color: transparent;
    border: 1px solid #4b5563;
    border-radius: 10px;
    padding: 0;
    color: inherit;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

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

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

/* Section Text Color */
.prism-section-content p,
.prism-section-content li,
.prism-section-content {
    color: #eab308;  /* From $section_text_color (yellow-500) */
}

/* Section Borders - Wide Mode (if ever switched) */
.prism-section-outer-wrapper {
    border-bottom: 2px solid #a16207;  /* From $section_border_color (yellow-700) + width */
}

/* Header Logo Styling */
.prism-logo-image, .prism-logo-container {
    width: 190px !important;       /* w-40 = 160px */
    height: auto !important;
    object-fit: contain;
    border-radius: 0.375rem;       /* rounded = 6px */
    border: 3px solid #a16207;     /* Border color yellow-700 */
    background-color: rgba(255, 255, 255, 0.6);  /* White with 60% opacity */
    padding: 0.75rem;              /* p-3 = 12px */
    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(255, 255, 255, 0.3);  /* white with 30% opacity */
    color: #eab308;  /* yellow-500 */
    border: 2px solid #a16207;  /* yellow-700 */
}

.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 */
}