/*
 * Zion Hill Montessori School - Preschool/Early Years Custom Colors
 * OPTION 4: Playful & Vibrant (Preschool Pages)
 * Primary Color: #00a8e8 (Cyan Blue)
 * Secondary Color: #ff6b35 (Coral Orange)
 * Tertiary Color: #ffd23f (Sunshine Yellow)
 */

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

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

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

.header-area .bar span {
    color: #00a8e8 !important;
}

/* Scroll to top button */
#scrollUp {
    background: #00a8e8 !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: #00a8e8 !important;
}

/* Radio Button Styling */
.contact-from input[type="radio"] {
    accent-color: #00a8e8;
}

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

/* 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: #00a8e8 !important;
}

/* Pagination */
.pagination ul li a:hover,
.pagination ul li.active a {
    border-color: #00a8e8 !important;
    box-shadow: 0px 4px 7px 0px rgba(0, 168, 232, 0.36) !important;
}

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

/* Tags */
.tagcloud a:hover,
.single-post-tag a:hover {
    border-color: #00a8e8 !important;
    box-shadow: 0px 4px 7px 0px rgba(0, 168, 232, 0.36) !important;
}

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

/* Shop elements */
.shop-sidebar .widget_price_filter #slider-range .ui-slider-range,
.shop-sidebar .widget_price_filter .ui-state-default {
    background: #00a8e8 !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: #00a8e8 !important;
}

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

.progress-wrap::after {
    color: #00a8e8 !important;
}

/* ========================================
   GRADIENT OVERRIDES (Cyan to Coral)
   ======================================== */

/* Primary buttons */
.thm-btn {
    background-image: linear-gradient(145deg, #00a8e8 0%, #ff6b35 100%) !important;
    box-shadow: 0px 4px 7px 0px rgba(0, 168, 232, 0.36) !important;
}

/* Section backgrounds */
.section-bg-one {
    background-image: linear-gradient(0deg, #00a8e8 0%, #ff6b35 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, #00a8e8 0%, #ff6b35 100%) !important;
    box-shadow: 0px 18px 30px 0px rgba(0, 168, 232, 0.36) !important;
}

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

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

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

/* ========================================
   SECONDARY GRADIENT (Coral to Cyan)
   ======================================== */

/* Secondary buttons */
.thm-btn-2 {
    background-image: linear-gradient(145deg, #ff6b35 0%, #00a8e8 100%) !important;
    box-shadow: 0px 4px 6px 0px rgba(255, 107, 53, 0.36) !important;
}

/* Section background two */
.section-bg-two {
    background-image: linear-gradient(0deg, #ff6b35 0%, #00a8e8 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, #ff6b35 0%, #00a8e8 100%) !important;
    box-shadow: 0px 18px 24px 0px rgba(255, 107, 53, 0.36) !important;
}

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

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

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

/* Section background three - using sunshine yellow to cyan */
.section-bg-three {
    background-image: linear-gradient(0deg, #ffd23f 0%, #00a8e8 100%) !important;
}

/* Feature items - Tertiary gradient */
.feature-item .feature-content .feature-title-3 h3::after {
    background-image: linear-gradient(145deg, #00a8e8 0%, #ffd23f 100%) !important;
    box-shadow: 0px 18px 24px 0px rgba(0, 168, 232, 0.36) !important;
}

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

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

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

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

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

#object_one {
    background: #00a8e8 !important;
}

#object_two {
    background: #ff6b35 !important;
}

#object_three {
    background: #ffd23f !important;
}

#object_four {
    background: #00a8e8 !important;
}

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

*::-moz-selection {
    background: #00a8e8 !important;
    color: #fff !important;
}

::-moz-selection {
    background: #00a8e8 !important;
    color: #fff !important;
}

::selection {
    background: #00a8e8 !important;
    color: #fff !important;
}