/*
Theme Name: Mokko
Theme URI: https://themeforest.net/user/madsparrow/portfolio
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Fanky Creative Agency and Portfolio Theme – It is a modern, stylish and versatile WordPress theme, ideal for creative agencies, portfolio designers, photographers, freelancers and startups. The theme offers unique animations, responsive design, SEO optimization, and powerful settings to create impressive websites without programming skills.
Version: 1.2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mokko
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, editor-style, featured-images, footer-widgets, theme-options, threaded-comments
Requires PHP: 7.4
Tested up to: 8.2
*/
/* ============================================================
   ACCESSIBILITY & TOUCH TARGET FIXES (WCAG 2.1 AA)
   ============================================================ */

/* 1. Touch targets min-height and tap area */
.elementor-nav-menu--layout-vertical .elementor-item,
.elementor-nav-menu--layout-horizontal .elementor-item,
.ms-sl,
.footer a,
footer a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* 2. Color Contrast Boost (WCAG AA 4.5:1 on dark backgrounds) */
p[style*="rgb(68, 64, 60)"] {
    color: #d6d3d1 !important;
}

a[href="/burn-home/"][style*="color: #FF4500"],
a[style*="color: #FF4500"] {
    color: #ff8c42 !important;
}

/* 3. Focus outlines for keyboard navigation */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
    outline: 2px solid #ff8c42 !important;
    outline-offset: 3px !important;
}



/* Ecosistema CBL x BURN - Gradient Text Mask */
#ecosistema-cbl-burn h2 span,
.burn-luxury-gradient-text {
    background: linear-gradient(90deg, #2dd4bf, #60a5fa) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block !important;
}