/* Philippine Flag Color Theme */

:root {
    --ph-blue: #8B0000;
    --ph-red: #CE1126;
    --ph-gold: #FCD116;
    --ph-white: #FFFFFF;
    --ph-light-blue: #F5E6E6;
}

/* Primary Color - Blue */
.ph-primary, .btn-ph-primary {
    background-color: var(--ph-blue) !important;
    color: white !important;
}

.btn-ph-primary:hover {
    background-color: #660000 !important;
}

.ph-primary-text {
    color: var(--ph-blue) !important;
}

.ph-primary-border {
    border: 2px solid var(--ph-blue) !important;
}

/* Accent Color - Red */
.ph-accent, .ph-alert-danger {
    background-color: var(--ph-red) !important;
    color: white !important;
}

.ph-accent-text {
    color: var(--ph-red) !important;
}

.ph-accent-border {
    border: 2px solid var(--ph-red) !important;
}

/* Success/Gold Color */
.ph-success {
    background-color: var(--ph-gold) !important;
    color: #333 !important;
}

.ph-success-text {
    color: var(--ph-gold) !important;
}

.ph-success-border {
    border: 2px solid var(--ph-gold) !important;
}

/* Light Background */
.ph-light-bg {
    background-color: var(--ph-light-blue) !important;
}

/* Card Styling */
.ph-card {
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 61, 165, 0.1) !important;
}

.ph-card-header {
    background: linear-gradient(135deg, var(--ph-blue) 0%, #660000 100%) !important;
    color: white !important;
    border: none !important;
}

.ph-card-header h4 {
    color: white !important;
}

/* Alert Styling */
.ph-alert-warning {
    background-color: #FFF3CD !important;
    border-left: 4px solid var(--ph-red) !important;
    color: #333 !important;
}

.ph-alert-danger {
    background-color: var(--ph-red) !important;
    border-left: 4px solid #8b0913 !important;
    color: white !important;
}

.ph-alert-success {
    background-color: #D4EDDA !important;
    border-left: 4px solid var(--ph-gold) !important;
    color: #155724 !important;
}

.ph-alert-info {
    background-color: var(--ph-light-blue) !important;
    border-left: 4px solid var(--ph-blue) !important;
    color: var(--ph-blue) !important;
}

/* Button Styling */
.btn-ph-success {
    background-color: var(--ph-gold) !important;
    color: #333 !important;
    border: none !important;
    font-weight: 600;
}

.btn-ph-success:hover {
    background-color: #F5C600 !important;
    color: #333 !important;
}

.btn-ph-danger {
    background-color: var(--ph-red) !important;
    color: white !important;
    border: none !important;
    font-weight: 600;
}

.btn-ph-danger:hover {
    background-color: #b00d1f !important;
}

.btn-ph-outline {
    border: 2px solid var(--ph-blue) !important;
    color: var(--ph-blue) !important;
    background-color: white !important;
}

.btn-ph-outline:hover {
    background-color: var(--ph-blue) !important;
    color: white !important;
}

/* Badge Styling */
.badge-ph-blue {
    background-color: var(--ph-blue) !important;
    color: white !important;
}

.badge-ph-red {
    background-color: var(--ph-red) !important;
    color: white !important;
}

.badge-ph-gold {
    background-color: var(--ph-gold) !important;
    color: #333 !important;
}

/* Form Elements */
.form-control:focus {
    border-color: var(--ph-blue) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 61, 165, 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--ph-blue) !important;
    border-color: var(--ph-blue) !important;
}

/* Progress Bar */
.progress-bar-ph {
    background-color: var(--ph-blue) !important;
}

/* Icon Colors */
.ph-icon-blue {
    color: var(--ph-blue) !important;
}

.ph-icon-red {
    color: var(--ph-red) !important;
}

.ph-icon-gold {
    color: var(--ph-gold) !important;
}

/* Text Styling */
.text-ph-primary {
    color: var(--ph-blue) !important;
}

.text-ph-accent {
    color: var(--ph-red) !important;
}

.text-ph-success {
    color: var(--ph-gold) !important;
}

/* Amount Display */
.ph-amount {
    color: var(--ph-red) !important;
    font-size: 1.8rem;
    font-weight: bold;
}

/* QR Code Border */
.ph-qr-code {
    border: 3px solid var(--ph-blue) !important;
    padding: 10px;
    border-radius: 8px;
}

/* Input File Styling */
.ph-file-input {
    border: 2px dashed var(--ph-gold) !important;
    padding: 10px;
    border-radius: 5px;
}

.ph-file-input:focus {
    border-color: var(--ph-blue) !important;
    background-color: var(--ph-light-blue);
}

/* Accordion */
.ph-accordion-button:not(.collapsed) {
    background-color: var(--ph-blue) !important;
    color: white !important;
}

.ph-accordion-button {
    color: var(--ph-blue) !important;
}

/* Navigation */
.navbar-ph {
    background: linear-gradient(90deg, var(--ph-blue) 0%, #660000 100%);
}

.navbar-ph .navbar-brand {
    color: white !important;
    font-weight: bold;
}

/* Custom Divider */
.ph-divider {
    border-top: 2px solid var(--ph-blue) !important;
    margin: 20px 0;
}