/**
 * ProBroke Global Theme Styles
 *
 * Estilos generales del tema WordPress.
 * NO incluye estilos de la aplicación AppYacht (esos están en app_yacht/src/Modules/Front/).
 *
 * @package ProBroke
 * @since 1.0.0
 */

/* ==========================================================================
   CSS Variables / Design Tokens
   ========================================================================== */
:root {
    /* Brand Colors */
    --pb-primary: #0d6efd;
    --pb-secondary: #6c757d;
    --pb-success: #198754;
    --pb-danger: #dc3545;
    --pb-warning: #ffc107;
    --pb-dark: #212529;
    --pb-light: #f8f9fa;

    /* Typography */
    --pb-font-primary: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --pb-font-heading: 'Lato', sans-serif;

    /* Spacing */
    --pb-spacing-xs: 0.25rem;
    --pb-spacing-sm: 0.5rem;
    --pb-spacing-md: 1rem;
    --pb-spacing-lg: 1.5rem;
    --pb-spacing-xl: 3rem;
}

/* ==========================================================================
   Base Styles
   ========================================================================== */
body {
    font-family: var(--pb-font-primary);
}

/* ==========================================================================
   Navigation Menu Styles
   ========================================================================== */

/* Menú Principal - Navbar */
#main-nav {
    transition: background-color 0.3s ease;
}

#main-nav .navbar-nav .nav-link {
    font-weight: 500;
    transition: color 0.2s ease, opacity 0.2s ease;
}

#main-nav .navbar-nav .nav-link:hover {
    opacity: 0.85;
}

/* Botón de App Yacht destacado en menú */
#main-nav .nav-link.btn-app-yacht,
.menu-item-appyacht .nav-link {
    background-color: var(--pb-primary);
    color: #fff !important;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    margin-left: 0.5rem;
    font-weight: 600;
}

#main-nav .nav-link.btn-app-yacht:hover,
.menu-item-appyacht .nav-link:hover {
    background-color: #0b5ed7;
    color: #fff !important;
}

/* ==========================================================================
   Profile Menu Specific Styles
   ========================================================================== */
.profile-navigation {
    margin-bottom: var(--pb-spacing-lg);
}

.profile-navigation .nav-link {
    display: inline-flex;
    align-items: center;
    gap: var(--pb-spacing-sm);
}

/* ==========================================================================
   Landing Page Styles
   ========================================================================== */
.landing-hero {
    padding: var(--pb-spacing-xl) 0;
    text-align: center;
}

.landing-hero h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: var(--pb-spacing-md);
}

.landing-hero p.lead {
    font-size: 1.25rem;
    color: var(--pb-secondary);
}

/* ==========================================================================
   Footer Styles
   ========================================================================== */
#wrapper-footer {
    background-color: var(--pb-dark);
    color: var(--pb-light);
    padding: var(--pb-spacing-lg) 0;
    margin-top: auto;
}

#wrapper-footer a {
    color: var(--pb-light);
    opacity: 0.8;
}

#wrapper-footer a:hover {
    opacity: 1;
}

/* ==========================================================================
   Utility Classes (Custom)
   ========================================================================== */
.text-primary-brand {
    color: var(--pb-primary) !important;
}

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

/* Visibility helpers for menu items (manejadas por PHP, CSS no requerido) */
.logged-in-only,
.logged-out-only,
.has-subscription {
    /* Estas clases controlan visibilidad via PHP hook wp_nav_menu_objects */
    /* Ver: app_yacht/src/Modules/Account/boot.php */
    display: revert; /* Placeholder para evitar lint de ruleset vacío */
}