/* Custom styles for PrecioMásBajo.net */

/* Navbar customization */
.navbar {
    border-bottom: 1px solid #dee2e6;
}

.navbar-brand {
    font-weight: 600;
    font-size: 1.1rem;
}

.navbar-brand:hover {
    color: #495057 !important;
}

.hero-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.hero-section.bg-light {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    color: #333;
}

/* Logo styles - increased sizes */
.navbar-logo {
    height: 40px;
    /* Increased from 28px */
    width: auto;
    max-width: 140px;
    /* Increased from 100px */
}

.hero-logo {
    height: 70px;
    /* Increased from 50px */
    width: auto;
    max-width: 180px;
    /* Increased from 140px */
}

.footer-logo {
    height: 45px;
    /* Increased from 35px */
    width: auto;
    max-width: 120px;
    /* Increased from 90px */
    filter: brightness(0) invert(1);
}

/* Responsive logo adjustments */
@media (max-width: 768px) {
    .navbar-logo {
        height: 35px;
        /* Increased from 25px */
        max-width: 110px;
        /* Increased from 80px */
    }

    .hero-logo {
        height: 55px;
        /* Increased from 35px */
        max-width: 140px;
        /* Increased from 100px */
    }

    .footer-logo {
        height: 40px;
        /* Increased from 30px */
        max-width: 100px;
        /* Increased from 70px */
    }

    .navbar-brand {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .navbar-logo {
        height: 32px;
        /* Increased from 22px */
        max-width: 100px;
        /* Increased from 70px */
    }

    .hero-logo {
        height: 45px;
        /* Increased from 30px */
        max-width: 120px;
        /* Increased from 85px */
    }

    .navbar-brand strong {
        font-size: 0.9rem;
    }
}

/* Search button styling */
.btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d;
}

.btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: white;
}

.card {
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.price-section .display-4 {
    font-weight: bold;
}

.product-details ul li {
    padding: 0.25rem 0;
    border-bottom: 1px solid #eee;
}

.product-details ul li:last-child {
    border-bottom: none;
}

/* Brand buttons */
.btn-outline-primary {
    border-color: #007bff;
}

.btn-outline-primary:hover {
    background-color: #007bff;
    border-color: #007bff;
}

/* Pagination */
.pagination .page-link {
    color: #007bff;
}

.pagination .page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
}

/* Footer */
footer a {
    text-decoration: none;
    transition: color 0.3s ease;
}

footer a:hover {
    color: white !important;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .hero-section {
        padding: 2rem 0;
    }

    .hero-section .display-4 {
        font-size: 2rem;
    }

    .card-title {
        font-size: 0.9rem;
    }

    .display-4 {
        font-size: 2rem;
    }
}

/* Custom shadow for navbar */
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}