﻿/*
========================================================================================
    CSS HEADER PAGINA DESKTOP - NonSoloFitness
========================================================================================
    Richiede: css_2026_Variabili_globali.css (caricato prima di questo file)
========================================================================================
*/

.header_pagina_desktop {
    background-color: var(--nsf-header-dark); width: 100%; color: var(--nsf-white); padding:15px 0; position: relative; 
    line-height:1 !important; min-height:320px; }

.header_pagina_desktop .contenitore_1200 {
    background-color: transparent !important; box-shadow: none !important; } 

.header-left-col {
    display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 15px;
    width: 65%; padding: 10px 0; }
    
.header_pagina_desktop .breadcrumbs {
    margin-bottom:0 !important; padding-bottom:0 !important; font-size:14px; border-bottom:none !important; line-height:1.4 !important; 
    font-weight:400 !important; }
      
.header_pagina_desktop .breadcrumbs a {
    color: var(--nsf-gray-350) !important;}
    
.header_pagina_desktop h1 {
    font-family: 'Poppins',sans-serif; font-size: 32px; font-weight: 500; color: var(--nsf-white); 
    margin: 0 !important; line-height:1.2; }
    
.header_pagina_desktop h2 {
    font-size: 17px; font-weight: 400; color: var(--nsf-gray-350); margin: 0 !important; line-height:1.4; }
    
.header-badge-row {
    display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 14px; }
    
.badge-bestseller {
    background-color: var(--nsf-cta-info); color: var(--nsf-white); padding: 5px 8px; border-radius: 4px; font-weight: 600;
    font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
        
.badge-voto {
    color: var(--nsf-star-yellow); font-weight:600; }       
     
.rating-stars {
    color: var(--nsf-star-yellow); }
    
.rating-stars svg {
    margin-right: 4px; }
    
.rating-text {
    color: var(--nsf-white); font-weight: 500; }