/*
 Theme Name:   TH Shop Mania Child - OLHOS 360
 Theme URI:    https://olhos360.com.br
 Description:  Child theme do TH Shop Mania para customizações OLHOS 360. Protege contra atualizações do tema pai.
 Author:       OLHOS 360
 Author URI:   https://olhos360.com.br
 Template:     th-shop-mania
 Version:      2.0.0
 Text Domain:  th-shop-mania-child
*/

/* ═══════════════════════════════════════════════════════════
   OLHOS 360 — Child Theme CSS v2.0
   A Helvetica é forçada via PHP (functions.php) no output
   buffer e no wp_footer. Este CSS serve como camada extra.
   ═══════════════════════════════════════════════════════════ */

/* Reforço CSS (complementar ao PHP) */
html body,
html body * {
    font-family: Helvetica, "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Proteção de ícones — valores explícitos */

/* Font Awesome 6 (Solid + Regular + Light + Duotone) */
.fa, .fas, .far, .fal, .fad, .fa-solid, .fa-regular,
i[class*="fa-"]:not(.fab):not(.fa-brands),
span[class*="fa-"]:not(.fab):not(.fa-brands),
.fa::before, .fas::before, .far::before, .fal::before, .fad::before,
i[class*="fa-"]::before, span[class*="fa-"]::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
}

/* Font Awesome Brands */
.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
}

/* Dashicons (WordPress) */
.dashicons, .dashicons-before, span.dashicons,
[class*="dashicons-"]::before {
    font-family: "dashicons" !important;
}

/* Elementor Icons */
.eicon, [class*="eicon-"], [class*="eicon-"]::before, .e-font-icon-svg,
.elementor-icon i, .elementor-icon svg {
    font-family: "eicons" !important;
}

/* Amelia Icons */
.am-icon, [class*="am-icon"], [class*="am-icon"]::before {
    font-family: "amelia" !important;
}

/* WooCommerce Star Rating */
.star-rating, .star-rating span::before {
    font-family: "star" !important;
}

/* Fluent Support / Element Icons */
[class*="fluent_"], [class*="fluent_"]::before,
[class^="el-icon-"], [class*=" el-icon-"] {
    font-family: "element-icons" !important;
}

/* Themify Icons */
[class^="ti-"], [class*=" ti-"] {
    font-family: "themify" !important;
}

/* Outros elementos de UI */
.wp-menu-image, .wp-menu-image::before {
    font-family: "dashicons" !important;
}
.select2-selection__arrow, .mce-btn i, button.wp-switch-editor {
    font-family: "dashicons" !important;
}

/* Dokan form labels — ícones Font Awesome via ::before */
.form-label::before,
.dokan-form-label::before,
.o360-title-label::before,
label.o360-title-label::before,
.dokan-form-group label::before,
.dokan-form-group .form-label::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* TinyMCE editor icons */
.mce-ico, .mce-ico::before, .mce-ico::after,
[class*="mce-i-"]::before,
.mce-btn i::before {
    font-family: "tinymce", "tinymce-small", Arial !important;
}

/* TinyMCE icons que usam dashicons */
.mce-i-dashicon::before,
.mce-ico.mce-i-dashicon::before,
i.mce-i-dashicon::before {
    font-family: "dashicons" !important;
}

/* WooCommerce Fly Cart icons */
[class*="woofc-icon"], [class*="woofc-icon"]::before, [class*="woofc-icon"]::after,
.woofc-close::before {
    font-family: "woofc" !important;
}

/* Ocultar elementos desabilitados */
.widget_recently_viewed_products,
div[class*="recently-viewed"],
div[class*="recently_viewed"] {
    display: none !important;
}

/* OLHOS360 — Header compacto + Logo menor no mobile/tablet (aprovado 18/03) */
@media (max-width: 1024px) {
    img[src*="Logo-OLHOS"],
    a[rel="home"] img,
    .custom-logo {
        max-width: 42px !important;
        width: 42px !important;
        height: auto !important;
        display: block !important;
        margin: 2px 0 !important;
    }

    a[rel="home"] {
        padding: 0 !important;
        margin: 0 !important;
        line-height: 0 !important;
    }
}