/* Shared styles - Common to both frontend and backoffice */

/* Define Manrope variable font */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-variable-b079b975.woff2') format('woff2-variations');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

/* Force Manrope font on all elements with !important */
* {
    font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important;
}

/* Specific overrides for common elements */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, textarea, select {
    font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important;
}

/* Navigation specific styles */
.nav-brand {
    font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important;
    font-weight: 700 !important;
}

.nav-link {
    font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important;
    font-weight: 500 !important;
}

/* Override any Tailwind font classes */
.font-sans {
    font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important;
}

/* Menu dropdown styles */
.group:hover .group-hover\:opacity-100 {
    opacity: 1 !important;
}

.group:hover .group-hover\:visible {
    visibility: visible !important;
}

/* Mobile menu item styles */
.mobile-menu-item {
    border-left: 3px solid transparent;
    transition: border-color 0.2s ease;
}

.mobile-menu-item:hover {
    border-left-color: #ea580c;
}

/* Powered by Smart Systems - Specific class to override general p styles */
.powered-by-smart-systems {
    font-size: 0.75rem !important; /* 12px */
    line-height: 1.5 !important;
    color: #6b7280 !important;
    text-align: center !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    letter-spacing: 0.05em !important;
}

.powered-by-smart-systems a {
    color: #374151 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.powered-by-smart-systems a:hover {
    color: #f97316 !important;
    text-decoration: underline !important;
    text-decoration-color: #f97316 !important;
    text-underline-offset: 2px !important;
    text-decoration-thickness: 2px !important;
}