/*
 * Zion Hill Montessori School - Custom Brand Colors
 * OPTION 1: Bright & Friendly (Primary Pages)
 * Primary Color: #1e88e5 (Bright Blue)
 * Secondary Color: #ffa726 (Warm Orange)
 * Tertiary Color: #ffc857 (Sunny Gold)
 */

/* ========================================
   PRIMARY COLOR OVERRIDES
   ======================================== */

/* Header */
.header-top {
    background-color: #1e88e5 !important;
}

.main-menu ul li:hover > a,
.main-menu ul .active > a {
    color: #1e88e5 !important;
}

.header-area .bar span {
    color: #1e88e5 !important;
}

/* Scroll to top button */
#scrollUp {
    background: #1e88e5 !important;
}

/* Form focus states */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
form select:focus,
textarea:focus,
.contact-from input:focus,
.contact-from textarea:focus,
.contact-from select:focus,
.post-comment-form input:focus,
.post-comment-form textarea:focus,
.widget .search-form input:focus,
.shop-sidebar .widget .search-form input:focus {
    border-color: #1e88e5 !important;
}

/* Contact Form Select Dropdowns */
.contact-from select {
    height: 60px;
    padding: 0 20px !important;
    width: 100%;
    margin-bottom: 20px;
    border: 2px solid #f4f4f4;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    color: #666 !important;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}

.contact-from select option {
    color: #666 !important;
    padding: 10px;
}

.contact-from select option:disabled {
    color: #ACACB5 !important;
}

/* Radio Button Styling */
.contact-from input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    cursor: pointer;
    accent-color: #1e88e5;
}

.contact-from input[type="radio"]:checked {
    background-color: #1e88e5;
    border-color: #1e88e5;
}

/* Links and hover states */
.class-item .class-content .title a:hover,
.team-info h3 a:hover,
.blog-item .blog-content .blog-meta span a:hover,
.widget .widget-wrapper li > a:hover,
.comment-box .comment-text .avatar-name .reply:hover,
.footer-widget .footer-social a:hover,
.copyright-text p a,
.shop-area .product-info h4 a:hover,
.widget_products .procuct-title a:hover,
.quick-view-single-product .thb-product-meta-before .add-to-wishlist a:hover {
    color: #1e88e5 !important;
}

/* Pagination */
.pagination ul li a:hover,
.pagination ul li.active a {
    border-color: #1e88e5 !important;
    box-shadow: 0px 4px 7px 0px rgba(30, 136, 229, 0.36) !important;
}

.pagination ul li a::before {
    background-image: linear-gradient(145deg, #1e88e5 0%, #ffa726 100%) !important;
}

/* Tags */
.tagcloud a:hover,
.single-post-tag a:hover {
    border-color: #1e88e5 !important;
    box-shadow: 0px 4px 7px 0px rgba(30, 136, 229, 0.36) !important;
}

.tagcloud a::before,
.single-post-tag a::before {
    background-image: linear-gradient(145deg, #1e88e5 0%, #ffa726 100%) !important;
}

/* Shop elements */
.shop-sidebar .widget_price_filter #slider-range .ui-slider-range,
.shop-sidebar .widget_price_filter .ui-state-default {
    background: #1e88e5 !important;
}

.quick-view-single-product .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:hover,
.quick-view-single-product .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:hover {
    background-color: #1e88e5 !important;
}

/* Progress wrap */
.progress-wrap svg.progress-circle path {
    stroke: #1e88e5 !important;
}

.progress-wrap::after {
    color: #1e88e5 !important;
}

/* ========================================
   GRADIENT OVERRIDES (Blue to Orange)
   ======================================== */

/* Primary buttons */
.thm-btn {
    background-image: linear-gradient(145deg, #1e88e5 0%, #ffa726 100%) !important;
    box-shadow: 0px 4px 7px 0px rgba(30, 136, 229, 0.36) !important;
}

/* Section backgrounds */
.section-bg-one {
    background-image: linear-gradient(0deg, #1e88e5 0%, #ffa726 100%) !important;
}

/* Feature items - Primary gradient */
.feature-item .feature-shape-1,
.feature-item .feature-content .feature-title-1 h3::after {
    background-image: linear-gradient(145deg, #1e88e5 0%, #ffa726 100%) !important;
    box-shadow: 0px 18px 30px 0px rgba(30, 136, 229, 0.36) !important;
}

/* School facilities icons - Primary */
.school-fecilities-single .icon-1 {
    background-image: linear-gradient(145deg, #1e88e5 0%, #ffa726 100%) !important;
    box-shadow: 0px 18px 30px 0px rgba(30, 136, 229, 0.36) !important;
}

/* Shop badges */
.shop-area .product-holder .product-badge {
    background-image: linear-gradient(145deg, #1e88e5 0%, #ffa726 100%) !important;
}

.shop-area .product-info .product-cart a::before {
    background-image: linear-gradient(145deg, #1e88e5 0%, #ffa726 100%) !important;
}

/* ========================================
   SECONDARY GRADIENT (Orange to Blue)
   ======================================== */

/* Secondary buttons */
.thm-btn-2 {
    background-image: linear-gradient(145deg, #ffa726 0%, #1e88e5 100%) !important;
    box-shadow: 0px 4px 6px 0px rgba(255, 167, 38, 0.36) !important;
}

/* Section background two */
.section-bg-two {
    background-image: linear-gradient(0deg, #ffa726 0%, #1e88e5 100%) !important;
}

/* Feature items - Secondary gradient */
.feature-item .feature-shape-2,
.feature-item .feature-content .feature-title-2 h3::after {
    background-image: linear-gradient(145deg, #ffa726 0%, #1e88e5 100%) !important;
    box-shadow: 0px 18px 24px 0px rgba(255, 167, 38, 0.36) !important;
}

/* School facilities icons - Secondary */
.school-fecilities-single .icon-2 {
    background-image: linear-gradient(145deg, #ffa726 0%, #1e88e5 100%) !important;
    box-shadow: 0px 18px 24px 0px rgba(255, 167, 38, 0.36) !important;
}

/* Header cart icon */
.header-cart .cart-icon i {
    background-image: linear-gradient(145deg, #ffa726 0%, #1e88e5 100%) !important;
}

/* ========================================
   TERTIARY COLORS (Lighter variations)
   ======================================== */

/* Section background three - using sunny gold to blue */
.section-bg-three {
    background-image: linear-gradient(0deg, #ffc857 0%, #1e88e5 100%) !important;
}

/* Feature items - Tertiary gradient */
.feature-item .feature-content .feature-title-3 h3::after {
    background-image: linear-gradient(145deg, #1e88e5 0%, #ffc857 100%) !important;
    box-shadow: 0px 18px 24px 0px rgba(30, 136, 229, 0.36) !important;
}

/* Feature items - Quaternary gradient */
.feature-content .feature-title-4 h3::after {
    background-image: linear-gradient(145deg, #ffa726 0%, #1e88e5 100%) !important;
    box-shadow: 0px 18px 24px 0px rgba(255, 167, 38, 0.36) !important;
}

/* ========================================
   ACCENT COLORS
   ======================================== */

/* Replace red/orange accents with warm orange */
.schedule li .class-size,
.blog-content .blog-btn {
    color: #ffa726 !important;
}

.post-item blockquote,
.shop-area .product-holder .product-badge.hot {
    background: #ffa726 !important;
}

/* ========================================
   PRELOADER COLORS
   ======================================== */

#object_one {
    background: #1e88e5 !important;
}

#object_two {
    background: #ffa726 !important;
}

#object_three {
    background: #ffc857 !important;
}

#object_four {
    background: #1e88e5 !important;
}

/* ========================================
   SELECTION COLORS
   ======================================== */

*::-moz-selection {
    background: #1e88e5 !important;
    color: #fff !important;
}

::-moz-selection {
    background: #1e88e5 !important;
    color: #fff !important;
}

::selection {
    background: #1e88e5 !important;
    color: #fff !important;
}