/*
Theme Name: Mercomax Theme
Theme URI: https://mercomax.pe
Author: EduardoDev & Antigravity
Description: Tema personalizado para Mercomax E-commerce, migrado desde React/Tailwind.
Version: 1.0
Text Domain: mercomax
*/

/* Base Styles & Variables */
:root {
    --primary: #EE8722;
    --primary-dark: #d67610;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Fix for WordPress Header overlap when admin bar is active */
.admin-bar #main-header {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    .admin-bar #main-header {
        top: 46px !important;
    }
}

/* Utilities not easily covered by standard Tailwind CDN config */
@layer utilities {
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

/* Specific component overrides for WordPress hierarchy */
#main-header a {
    text-decoration: none;
}

/* Custom logo size */
.custom-logo-link img {
    height: 2.5rem;
    width: auto;
}

@media (min-width: 768px) {
    .custom-logo-link img {
        height: 3.5rem;
    }
}

/* Product Card Title Clamp */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}