/* Custom CSS Fixes for Monicka Fashions */

/* Fix background color issue - remove gradient background */
body.gradient-bg {
    background: #ffffff !important;
    background-image: none !important;
}

/* Header thickness reduction and logo visibility fixes */
.header {
    padding: 8px 0 !important; /* Reduced from default padding */
    min-height: auto !important;
}

.header-desk {
    padding: 8px 0 !important; /* Reduced padding */
    min-height: 60px !important; /* Reduced from default height */
}

.logo {
    padding: 5px 0 !important; /* Minimal padding for logo */
    display: flex !important;
    align-items: center !important;
}

.logo__image {
    max-height: 45px !important; /* Ensure logo is clearly visible */
    width: auto !important;
    object-fit: contain !important;
}

/* Navigation adjustments for reduced header */
.navigation__list {
    margin: 0 !important;
    padding: 0 !important;
}

.navigation__link {
    padding: 10px 15px !important; /* Reduced padding */
    line-height: 1.2 !important;
}

/* Header tools alignment */
.header-tools {
    padding: 5px 0 !important;
}

.header-tools__item {
    margin: 0 8px !important; /* Reduced margin */
}

/* Mobile header adjustments */
@media (max-width: 991px) {
    .header {
        padding: 5px 0 !important;
    }
    
    .header-desk {
        min-height: 50px !important;
    }
    
    .logo__image {
        max-height: 35px !important;
    }
}

/* Fix any remaining gradient backgrounds */

/* Footer Logo Improvements */
.footer.footer_type_2 .footer-store-info .logo {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin-bottom: 20px !important;
}

.footer.footer_type_2 .footer-store-info .logo .logo__image {
    max-width: 180px !important;
    max-height: 70px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Footer logo responsive adjustments */
@media (max-width: 991px) {
    .footer.footer_type_2 .footer-store-info .logo .logo__image {
        max-width: 150px !important;
        max-height: 60px !important;
    }
}

@media (max-width: 576px) {
    .footer.footer_type_2 .footer-store-info .logo .logo__image {
        max-width: 130px !important;
        max-height: 50px !important;
    }
}
.gradient-bg-10 {
    background: transparent !important;
    background-image: none !important;
}

/* Ensure content area has proper background */
.main-content,
.container,
.content-wrapper {
    background: #ffffff;
}

/* Product page specific fixes */
.product-single {
    background: #ffffff !important;
}

.product-single__media,
.product-single__details {
    background: #ffffff !important;
}

/* Fix any purple/blue overlays */
.overlay,
.bg-overlay {
    background: transparent !important;
}

/* Ensure text remains readable */
.text-white {
    color: #333333 !important;
}

/* Header transparency fix */
.header-transparent-bg {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* Sticky header adjustments */
.header.position-fixed,
.header.sticky-top {
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Logo hover effects */
.logo:hover .logo__image {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Navigation hover improvements */
.navigation__link:hover {
    color: #007bff !important;
    transition: color 0.3s ease;
}

/* Search and cart icon adjustments */
.header-tools svg {
    width: 18px !important;
    height: 18px !important;
}

/* User account dropdown adjustments */
.header-tools .dropdown-menu {
    margin-top: 5px !important;
}

/* Cart counter badge positioning */
.cart-amount {
    top: -8px !important;
    right: -8px !important;
}

/* Language switcher adjustments */
.language-switcher {
    padding: 5px !important;
}

/* Footer spacing adjustment */
.footer {
    margin-top: 0 !important;
}

/* Breadcrumb adjustments */
.breadcrumb-container {
    padding-top: 80px !important; /* Account for reduced header height */
}

/* Page content top spacing */
.page-content {
    padding-top: 20px !important;
}

/* Product grid spacing */
.products-grid {
    margin-top: 20px !important;
}

/* Checkout page specific fixes */
.checkout-page {
    background: #ffffff !important;
}

.checkout__totals,
.checkout__payment-methods {
    background: #ffffff !important;
}

/* Ensure all modals have proper background */
.modal-content {
    background: #ffffff !important;
}

/* Fix any remaining color issues */
.bg-primary {
    background-color: #007bff !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

/* Hero Section Transparency Fix */
.slideshow-text {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

.slideshow-text * {
    background: transparent !important;
    background-color: transparent !important;
}

/* Ensure slideshow container has no background */
.slideshow .swiper-slide {
    background: transparent !important;
}

.slideshow .swiper-slide > div {
    background: transparent !important;
}

/* Remove any overlay backgrounds */
.slideshow .position-relative::before,
.slideshow .position-relative::after {
    display: none !important;
}

/* Ensure text remains readable with transparent background */
.slideshow-text h1,
.slideshow-text h2,
.slideshow-text h3,
.slideshow-text h4,
.slideshow-text h5,
.slideshow-text h6,
.slideshow-text p,
.slideshow-text a,
.slideshow-text span {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
    color: #ffffff !important;
}

/* Additional transparency fixes for any container elements */
.slideshow .container,
.slideshow .position-absolute,
.slideshow .translate-middle {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Remove any pseudo-element backgrounds */
.slideshow *::before,
.slideshow *::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Ensure character markup area is also transparent */
.character_markup,
.character_markup * {
    background: transparent !important;
    background-color: transparent !important;
}

/* Hero Section Basic Enhancements */
.slideshow {
    position: relative;
}

/* Enhanced Pagination Styling */
.slideshow-number-pagination .swiper-pagination-bullet {
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.slideshow-number-pagination .swiper-pagination-bullet-active {
    color: #ffffff !important;
    font-weight: 700 !important;
    transform: scale(1.1);
}

.slideshow-number-pagination .swiper-pagination-bullet:before {
    background: rgba(255, 255, 255, 0.3) !important;
    transition: all 0.3s ease !important;
}

.slideshow-number-pagination .swiper-pagination-bullet-active:before {
    background: #ffffff !important;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

/* Smooth slide transitions */
.swiper-container {
    overflow: hidden;
}

.swiper-slide {
    will-change: transform;
}

/* Enhanced image quality */
.slideshow-character__img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Loading animation for images */
.slideshow-character__img[src] {
    animation: imageLoad 0.8s ease-out;
}

@keyframes imageLoad {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Accessibility improvements */
.slideshow-text .btn-link:focus {
    outline: 2px solid rgba(255, 255, 255, 0.8);
    outline-offset: 4px;
}

/* Performance optimizations */
.slideshow * {
    will-change: auto;
}

.slideshow-text {
    will-change: transform, opacity;
}

/* Print styles */
@media print {
    .header {
        padding: 5px 0 !important;
        min-height: auto !important;
    }
    
    .logo__image {
        max-height: 30px !important;
    }
}