﻿/* Variables consolidadas en site.css */

/* #region Color Scheme */
html {
    color-scheme: light;
}

html[data-theme="dark"] {
    color-scheme: dark;
}
/* #endregion */

/* #region Reset y Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', 'Segoe UI', Roboto, sans-serif;
}
/* #endregion */

/* #region Estructura Global Footer */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden;
    background-color: var(--bg-main);
    color: var(--text-main);
    transition: background-color 0.3s ease, color 0.3s ease;
}

body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background-color: var(--bg-main) !important;
    color: var(--text-main);
}

main {
    flex: 1;
    width: 100%;
}

main, section, .form-section, .carrito-section {
    flex: 1 0 auto;
}

#footer-placeholder {
    flex-shrink: 0;
}
/* #endregion */

/* #region SweetAlert */
.swal2-container {
    z-index: 15000 !important;
}
/* #endregion */

/* #region Transiciones y Hover Global */
:is(
    button:not(.btn-close):not(.btn-close-custom):not(.menu-toggle),
    .btn,
    a.btn,
    #button,
    [class^="btn-"],
    [class*=" btn-"],
    .nav-link-rd,
    .sesion > a,
    .dropdown-btn,
    .dropdown-content a,
    .user-pill,
    .navbar-brand,
    .card-option,
    .categoria-card,
    .restaurant-card,
    .ticket-card,
    .wallet-card,
    .stat-card,
    .quick-actions-card,
    .card-gestion-crud,
    .movimiento-detail,
    .movimientos-empty-link,
    .section-link,
    .locked-login-link,
    .footer-cta-btn,
    .login-link-pill
) {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

:is(
    button:not(.btn-close):not(.btn-close-custom):not(.menu-toggle),
    .btn,
    a.btn,
    #button,
    [class^="btn-"],
    [class*=" btn-"],
    .nav-link-rd,
    .sesion > a,
    .dropdown-btn,
    .dropdown-content a,
    .user-pill,
    .navbar-brand,
    .card-option,
    .categoria-card,
    .restaurant-card,
    .ticket-card,
    .wallet-card,
    .stat-card,
    .quick-actions-card,
    .card-gestion-crud,
    .movimiento-detail,
    .movimientos-empty-link,
    .section-link,
    .locked-login-link,
    .footer-cta-btn,
    .login-link-pill
):hover {
    transform: translateY(var(--hover-lift-global)) !important;
}
/* #endregion */

