/**
 * Utilities CSS - Classes Utilitárias
 *
 * Apenas utilitários específicos não cobertos pelo Bootstrap 5.
 * Evita duplicação e mantém apenas o essencial.
 *
 * @package RSimoesNegocios
 * @version 1.0.0
 */

/* ========================================
   IDENTIDADE VISUAL ESPECÍFICA
   ======================================== */

/* Cores de texto específicas da marca */
.text-primary-dark {
    color: var(--color-primary-dark) !important;
}

.text-primary-light {
    color: var(--color-primary-light) !important;
}

/* Backgrounds específicos */
.bg-primary-light {
    background-color: var(--color-primary-lighter) !important;
}

.bg-primary-dark {
    background-color: var(--color-primary-dark) !important;
}

/* ========================================
   SOMBRAS PERSONALIZADAS
   ======================================== */

.shadow-primary {
    box-shadow: 0 4px 12px rgba(0, 92, 169, 0.15) !important;
}

.shadow-hover {
    transition: box-shadow var(--transition-normal);
}

.shadow-hover:hover {
    box-shadow: var(--shadow-xl) !important;
}

/* ========================================
   ESPAÇAMENTOS ESPECÍFICOS
   ======================================== */

/* Seções */
.section-spacing {
    padding: var(--section-padding-y) 0;
}

@media (min-width: 768px) {
    .section-spacing {
        padding: var(--section-padding-y-md) 0;
    }
}

@media (min-width: 992px) {
    .section-spacing {
        padding: var(--section-padding-y-lg) 0;
    }
}

/* ========================================
   ANIMAÇÕES E TRANSIÇÕES
   ======================================== */

.transition-all {
    transition: all var(--transition-normal);
}

.transition-fast {
    transition: all var(--transition-fast);
}

.hover-lift {
    transition: transform var(--transition-normal);
}

.hover-lift:hover {
    transform: translateY(-5px);
}

/* ========================================
   BORDERS E RADIUS
   ======================================== */

.border-primary {
    border-color: var(--color-primary) !important;
}

.rounded-custom {
    border-radius: var(--radius-lg);
}

/* ========================================
   OVERFLOW E SCROLL
   ======================================== */

.overflow-hidden {
    overflow: hidden !important;
}

/* ========================================
   ASPECT RATIO (para imagens)
   ======================================== */

.aspect-ratio-16-9 {
    aspect-ratio: 16 / 9;
}

.aspect-ratio-4-3 {
    aspect-ratio: 4 / 3;
}

.aspect-ratio-square {
    aspect-ratio: 1 / 1;
}

/* ========================================
   OBJECT FIT
   ======================================== */

.object-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* ========================================
   NOTA IMPORTANTE
   ======================================== */

/*
    Este arquivo contém APENAS utilitários que não existem no Bootstrap 5
    ou que são específicos da identidade visual da RSimões Negócios.

    Para margin, padding, display, flex, etc., usar classes do Bootstrap.

    Exemplos Bootstrap:
    - Margin: m-*, mt-*, mb-*, mx-*, my-*
    - Padding: p-*, pt-*, pb-*, px-*, py-*
    - Display: d-none, d-flex, d-block, d-grid
    - Flex: justify-content-*, align-items-*
    - Text: text-center, text-start, text-end
    - Background: bg-primary, bg-light, bg-dark
    - Borders: border, border-*, rounded, rounded-*
*/