/*
Theme Name: ESENLO Studio
Text Domain: esenlo-studio
Description: An editable, category-independent WooCommerce storefront with an editorial minimal design.
Version: 1.0.2
Update URI: false
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Unlayered rules intentionally override WooCommerce's unlayered defaults. */
body.esenlo-site .woocommerce a.button,
body.esenlo-site .woocommerce button.button,
body.esenlo-site .woocommerce input.button,
body.esenlo-site.woocommerce a.button,
body.esenlo-site.woocommerce button.button {
    background: var(--es-ink, #252525);
    color: var(--es-background, #faf8f5);
    border: 1px solid var(--es-ink, #252525);
    border-radius: 0;
    min-height: 44px;
    padding: 13px 20px;
    line-height: 1.3;
    text-decoration: none;
    font-weight: 500;
}
body.esenlo-site .woocommerce .button:hover,
body.esenlo-site.woocommerce .button:hover {
    background: #45423e;
    color: #fff;
}
body.esenlo-site .woocommerce button.button:disabled,
body.esenlo-site.woocommerce button.button:disabled,
body.esenlo-site .woocommerce .button.disabled {
    background: #e8e4de;
    border-color: #d1cbc2;
    color: #59554f;
    opacity: 1;
    cursor: not-allowed;
}
body.esenlo-site .icon-link,
body.esenlo-site .header-search summary,
body.esenlo-site .mobile-navigation summary {
    min-width: 44px;
    min-height: 44px;
}
body.esenlo-site .cart-count { right: 0; }
body.esenlo-site :focus-visible { outline: 2px solid #655039; outline-offset: 3px; }
@media (max-width: 760px) {
    body.esenlo-site .woocommerce input:not([type="checkbox"]):not([type="radio"]),
    body.esenlo-site .woocommerce select,
    body.esenlo-site .woocommerce textarea,
    body.esenlo-site .header-search input,
    body.esenlo-site .contact-form input,
    body.esenlo-site .contact-form textarea { font-size: 16px; }
    body.esenlo-site .woocommerce-cart-form .actions .coupon { display: flex; gap: 8px; }
    body.esenlo-site .woocommerce-cart-form .actions .coupon input { flex: 1; min-width: 0; width: auto; }
    body.esenlo-site .woocommerce-cart-form .actions .coupon .button { flex: 1; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}