/*
Theme Name: Chedikadai Theme
Theme URI: 
Author: Digitalaraa
Author URI: 
Description: Custom WordPress theme.
Version: 1.0
Text Domain: chedikadaitheme
*/

/* 
    This file is strictly for WordPress theme recognition.
    Actual styles are loaded from assets/css/ 
*/

.cr-slider::before {
    content: none !important;
}

.cr-hero-banner .container-fluid .row::after {
    content: none !important;
}

.cr-slider::after {
    content: none !important;
}

.cr-hero-banner::before {
    content: none !important;
}

.cr-hero-banner::after {
    content: none !important;
}

.cr-tool .cr-tool-btn {
    display: none !important;
}

.section-popular::before {
    content: none !important;
}

.section-product-banner::before {
    background-image: url(../img/shape/7.png) !important;
}

/* .footer::before {
    background-image:url("../img/shape/7.png") !important;
} */
/* 
.footer::after {
    background-image: url("../img/shape/7.png") !important;
} */

/* --- 2026 Pro Header Design --- */
:root {
    --cr-pro-blur: 15px;
    --cr-pro-glass: rgba(255, 255, 255, 0.95);
    --cr-pro-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    --cr-primary: #08B908;
}

.cr-top-bar-green {
    background-color: var(--cr-primary);
    color: #fff;
    padding: 8px 0;
    font-size: 13px;
    font-weight: 500;
}

.cr-top-bar-green a {
    color: #fff;
    margin-right: 20px;
    text-decoration: none;
}

.cr-pro-header {
    background: #fff;
    -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 1000;
}

/* Glassmorphism Sticky */
header.cr-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    backdrop-filter: blur(var(--cr-pro-blur));
    -webkit-backdrop-filter: blur(var(--cr-pro-blur));
    background: var(--cr-pro-glass);
    box-shadow: var(--cr-pro-shadow);
}

header.cr-sticky .cr-top-bar-green {
    display: none;
}

.top-header-pro {
    padding: 25px 0;
    border-bottom: none !important;
}

.cr-centered-logo img {
    max-width: 140px;
    height: auto;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

header.cr-sticky .cr-centered-logo img {
    transform: scale(0.9);
}

/* Minimalist Search */
.cr-pro-search {
    position: relative;
    max-width: 250px;
}

.cr-pro-search input {
    border: none !important;
    background: #f8f9fa !important;
    border-radius: 30px !important;
    padding: 8px 15px 8px 40px !important;
    font-size: 13px !important;
    width: 100% !important;
    transition: all 0.3s ease;
}

.cr-pro-search input:focus {
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

.cr-pro-search .search-btn {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: #999;
}

/* Main Navigation (Left Aligned) */
.cr-pro-header .navbar {
    padding: 0;
}

.cr-pro-header .navbar-nav {
    gap: 25px;
    justify-content: flex-start;
    width: auto;
}

.cr-pro-header .nav-link {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 13px;
    color: #444 !important;
    position: relative;
    padding: 15px 0 !important;
}

.cr-pro-header .nav-link:before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #08B908;
    transition: width 0.3s ease;
}

.cr-pro-header .nav-item:hover .nav-link:before,
.cr-pro-header .nav-item.current-menu-item .nav-link:before {
    width: 100%;
}

/* Header Right Section */
.cr-header-right-pro {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
}

.cr-pro-icons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cr-pro-icons a {
    color: #444;
    font-size: 20px;
    transition: color 0.3s ease;
}

.cr-pro-icons a:hover {
    color: #08B908;
}

/* Mobile Pro Redesign */
@media (max-width: 991px) {
    .top-header-pro .row {
        flex-wrap: nowrap;
    }

    .cr-pro-search {
        display: none;
        /* Hide on mobile to save space */
    }

    .cr-centered-logo img {
        max-width: 100px;
    }
}

/* --- Dark Green Footer --- */
.footer {
    background-color: #1a3d2e !important;
    color: #e0e0e0 !important;
}

.footer h4,
.footer h5,
.footer .heading {
    color: #fff !important;
}

.footer p,
.footer a,
.footer li {
    color: #d0d8d4 !important;
}

.footer a:hover {
    color: #08B908 !important;
}

/* Footer Icons */
.footer i,
.footer .ri-phone-line,
.footer .ri-mail-line,
.footer .ri-map-pin-line,
.footer .location-icon:before,
.footer .mail-icon:before,
.footer .phone-icon:before {
    color: #64b496 !important;
}

.footer .cr-footer-links li:before,
.footer ul li:before {
    color: #64b496 !important;
}

.footer .cr-footer-border {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.cr-last-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.cr-last-footer p,
.cr-last-footer a {
    color: #b8c5bd !important;
}

/* --- CTA Color Consistency --- */
.cr-btn,
.btn-primary,
.cr-button,
button[type="submit"],
.cr-cart-update,
.cr-checkout-btn,
.add-to-cart,
.cr-add-to-cart {
    background-color: #08B908 !important;
    border-color: #08B908 !important;
    color: #fff !important;
}

.cr-btn:hover,
.btn-primary:hover,
.cr-button:hover,
button[type="submit"]:hover,
.cr-cart-update:hover,
.cr-checkout-btn:hover,
.add-to-cart:hover,
.cr-add-to-cart:hover {
    background-color: #2c3a8f !important;
    border-color: #2c3a8f !important;
}

/* Secondary CTA - Outline Style */
.cr-btn-secondary,
.btn-outline-primary {
    background-color: transparent !important;
    border: 1px solid #08B908 !important;
    color: #08B908 !important;
}

.cr-btn-secondary:hover,
.btn-outline-primary:hover {
    background-color: #08B908 !important;
    color: #fff !important;
}

.cr-product-tabs ul li::after {
    font-family: remixicon;
    content: "\ea6c";
    font-size: 16px;
    position: absolute;
    right: 30px;
    top: 20px;
}


/* Custom colors */
.bg-dark-green { background-color: #1a472a; }
.text-dark-green { color: #1a472a; }
.bg-light-green { background-color: #f0f9f0; }
.bg-success-soft { background-color: rgba(25, 135, 84, 0.1); }
.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white-20 { background-color: rgba(255, 255, 255, 0.2); }
.text-white-80 { color: rgba(255, 255, 255, 0.8); }
.text-white-60 { color: rgba(255, 255, 255, 0.6); }
.border-white-10 { border-color: rgba(255, 255, 255, 0.1) !important; }

/* Soft color backgrounds for collection items */
.bg-purple-soft { background-color: rgba(111, 66, 193, 0.1); }
.text-purple { color: #6f42c1; }
.bg-yellow-soft { background-color: rgba(255, 193, 7, 0.1); }
.text-yellow { color: #ffc107; }
.bg-blue-soft { background-color: rgba(13, 110, 253, 0.1); }
.text-blue { color: #0d6efd; }
.bg-pink-soft { background-color: rgba(220, 53, 69, 0.1); }
.text-pink { color: #dc3545; }

/* Interactive elements */
.hover-zoom {
    transition: transform 0.3s ease;
}
.hover-zoom:hover {
    transform: scale(1.03);
}
.border-hover-success {
    transition: border-color 0.3s ease;
}
.border-hover-success:hover {
    border-color: #198754 !important;
}
.transition-all {
    transition: all 0.3s ease;
}

/* Utility classes */
.min-h-300 { min-height: 300px; }

@media only screen and (max-width: 575px) {
    header {
        height: 73px !important;
    }
}