/* Stitch Custom Style System for Urban Fresh */

/* Material Symbols Outlined Configuration */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Organic Motif Patterns */
.organic-pattern {
    background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
    opacity: 0.05;
}

.organic-svg-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5c-5 10-15 10-20 20s5 15 15 15c5-10 15-10 20-20s-5-15-15-15z' fill='%23073a4e' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/* Soft Ambient Shadows (Rustic Paper Aesthetic) */
.tonal-layer-1 {
    box-shadow: 0 4px 20px -2px rgba(40, 24, 13, 0.08);
}

.custom-shadow {
    box-shadow: 0 10px 30px -10px rgba(40, 24, 13, 0.08);
}

/* Hero Section Background Overlays */
.hero-gradient {
    background: linear-gradient(180deg, rgba(27, 94, 32, 0.4) 0%, rgba(27, 94, 32, 0.1) 100%);
}

/* Scrollbar Visibility Utilities */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none;    /* Firefox */
}

/* Scroll Trigger Animations */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-on-scroll.active {
    opacity: 1;
    transform: translateY(0);
}

/* Keyframe Animations */
@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes kenburns {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.15);
    }
}

@keyframes bounce-x {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
}

.group-hover\:animate-bounce-x {
    animation: bounce-x 1s infinite ease-in-out;
}

/* Bootstrap Utility Overrides for Organic Vitality Theme */
.text-primary {
    color: #073a4e !important;
}
a.text-primary:focus, a.text-primary:hover {
    color: #04202b !important;
}
.bg-primary {
    background-color: #073a4e !important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #449f83 !important;
}
.border-primary {
    border-color: #073a4e !important;
}
.text-secondary {
    color: #449f83 !important;
}
a.text-secondary:focus, a.text-secondary:hover {
    color: #327c65 !important;
}
.bg-secondary {
    background-color: #449f83 !important;
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #327c65 !important;
}
.border-secondary {
    border-color: #449f83 !important;
}
.bg-ngo-green {
    background-color: #449f83 !important;
}

/* Border Radius Overrides to support Tailwind rounding under Bootstrap */
.rounded-sm {
    border-radius: 0.125rem !important;
}
.rounded-md {
    border-radius: 0.375rem !important;
}
.rounded-lg {
    border-radius: 0.5rem !important;
}
.rounded-xl {
    border-radius: 0.75rem !important;
}
.rounded-2xl {
    border-radius: 1rem !important;
}
.rounded-3xl {
    border-radius: 1.5rem !important;
}

/* Bootstrap Button Style Overrides */
.btn-primary {
    background-color: #073a4e !important;
    border-color: #073a4e !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #04202b !important;
    border-color: #04202b !important;
    color: #ffffff !important;
}
.btn-secondary {
    background-color: #449f83 !important;
    border-color: #449f83 !important;
    color: #ffffff !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
    background-color: #327c65 !important;
    border-color: #327c65 !important;
    color: #ffffff !important;
}

/* Inner Header Enhancements & Breadcrumb Optimization */
.inner-header {
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    z-index: 1;
}
.inner-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 58, 78, 0.6) 0%, rgba(7, 58, 78, 0.4) 100%);
    z-index: -1;
}
.inner-header h1 {
    font-family: 'Libre Caslon Text', serif !important;
    font-size: 38px !important;
    margin-bottom: 12px !important;
}
.inner-header ul li a, .inner-header ul li span {
    font-size: 15px !important;
    font-family: 'Manrope', sans-serif !important;
    color: rgba(255, 255, 255, 0.8) !important;
    transition: color 0.2s ease;
}
.inner-header ul li a:hover {
    color: #ffffff !important;
}
.inner-header ul li:after {
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    margin: 0 8px !important;
}

/* Success Utility Overrides for Theme Colors Alignment */
.text-success {
    color: #449f83 !important;
}
a.text-success:focus, a.text-success:hover {
    color: #327c65 !important;
}
.bg-success {
    background-color: #449f83 !important;
}
.btn-success {
    background-color: #449f83 !important;
    border-color: #449f83 !important;
    color: #ffffff !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    background-color: #327c65 !important;
    border-color: #327c65 !important;
    color: #ffffff !important;
}

/* Add to Cart Button Hover Overrides */
.add-to-cart-btn:hover {
    background-color: #449f83 !important;
    border-color: #449f83 !important;
    color: #ffffff !important;
}

/* Vermi Compost Section Specific Styles */
.organic-texture {
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 Q 20 0 30 10 T 50 10' fill='none' stroke='%23449f83' stroke-opacity='0.05'/%3E%3Cpath d='M60 40 Q 70 30 80 40 T 100 40' fill='none' stroke='%23449f83' stroke-opacity='0.05'/%3E%3C/svg%3E");
}

.floating {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

/* Ghee Section Specific Styles */
.organic-shape {
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.text-shadow-sm {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Card Shadow for Sambrani Cup section */
.card-shadow {
    box-shadow: 0 4px 20px -2px rgba(61, 43, 31, 0.08);
}

/* Home Slider Navigation Hover Override */
#home-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #449f83 !important;
}