/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

.card {
  --bs-card-border-width: 0px; /* Imposti uno spessore di bordo diverso */
  --bs-card-border-color: #000; /* Cambi il colore del bordo */
  --bs-card-border-radius: 0px; /* Modifichi il raggio di arrotondamento degli angoli */
}


/* Allinea il menu in basso rispetto al logo */
.navbar {
  display: flex;
  align-items: flex-end; /* Questo allinea il menu in basso rispetto all'elemento contenitore */
}

.navbar-brand img {
  max-height: 80px; /* Imposta l'altezza massima del logo in modo da avere un'altezza proporzionata */
  height: auto;
}

.header-actions {
  margin-left: auto; /* Assicura che gli elementi a destra del menu rimangano allineati a destra */
}

/* Regola gli spazi per migliorare l'aspetto */
.navbar-nav {
  margin-bottom: 0; /* Rimuove qualsiasi spazio inferiore extra sul menu */
}

/* Ridimensionamento dell'altezza della navbar in base al logo */
@media (min-width: 992px) {
  .navbar {
    min-height: 80px; /* L'altezza minima della navbar dovrebbe essere almeno quanto il logo */
  }
}

.card-img-background {
    position: relative;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* Questo crea un contenitore con un rapporto di 16:9 */
}

.card-body {
    position: relative;
    z-index: 2; /* Assicura che il contenuto appaia sopra l'immagine */
    background-color: rgba(255, 255, 255, 0.8); /* Background semi-trasparente per rendere il testo leggibile */
}

.card {
    overflow: hidden;
    border-radius: 0.25rem; /* Aggiunge un bordo arrotondato per migliorare l'estetica */
}

.img-container {
    height: 100%; /* Assicura che il contenitore Flexbox abbia altezza */
    min-height: 200px; /* Imposta una altezza minima per evitare che l'immagine sparisca */
}

.post-thumbnail-rounded {
    width: 100%; /* L'immagine si adatta alla larghezza della colonna */
    max-width: 200px; /* Imposta una dimensione massima per il lato circolare */
    padding-top: 100%; /* Questo trucco rende l'altezza uguale alla larghezza, creando un quadrato */
    border-radius: 50%; /* Crea il cerchio */
    background-size: cover; /* L'immagine copre il div senza deformarsi */
    background-position: center; /* Centra l'immagine nel cerchio */
    background-repeat: no-repeat;
}

.bs-grid-hero .bs-grid-text {
	background-color: rgba(128, 128, 128, 0.8);
}

.home-side .card .blog-post-title {
	font-size: 1rem;
	text-transform: uppercase;
    
}

.home-grid .blog-post-title {
	font-size: 1rem;
	text-transform: uppercase;
}

.navbar-nav .menu-item .nav-link:hover {
  text-decoration-line: underline;
}


/* 2026-04-13 :: LOGO POSITION */
/* ---------------------------------
   LOGO POSITION - DESKTOP ONLY
   Bootscore 6.3.1
--------------------------------- */

@media (min-width: 992px) {

  /* base comune per center/right */
  body.logo-pos-center #nav-main > .container,
  body.logo-pos-right #nav-main > .container {
    position: relative;
  }

  /* in desktop nascondiamo header-actions:
     nel tuo caso contiene solo il toggler mobile,
     che a >= lg è già inutile */
  body.logo-pos-center #nav-main .header-actions,
  body.logo-pos-right #nav-main .header-actions {
    display: none !important;
  }

  /* forza l'offcanvas a comportarsi come contenitore normale desktop */
  body.logo-pos-center #nav-main .offcanvas,
  body.logo-pos-right #nav-main .offcanvas {
    position: static;
    transform: none !important;
    visibility: visible !important;
    border: 0;
    background: transparent;
    flex-grow: 1;
    flex-basis: auto;
    width: auto;
    height: auto;
  }

  body.logo-pos-center #nav-main .offcanvas .offcanvas-header,
  body.logo-pos-right #nav-main .offcanvas .offcanvas-header {
    display: none;
  }

  body.logo-pos-center #nav-main .offcanvas .offcanvas-body,
  body.logo-pos-right #nav-main .offcanvas .offcanvas-body {
    display: flex;
    align-items: center;
    padding: 0;
    overflow: visible;
  }

  /* il menu di default in Bootscore tende a stare a destra;
     per center/right lo spingiamo a sinistra */
  body.logo-pos-center #bootscore-navbar,
  body.logo-pos-right #bootscore-navbar {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* ===== CENTER ===== */
  body.logo-pos-center #nav-main .navbar-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 20;
    white-space: nowrap;
  }

  body.logo-pos-center #nav-main .offcanvas .offcanvas-body {
    justify-content: flex-start;
  }

  /* piccolo spazio di sicurezza per evitare che il menu
     finisca sotto il logo se un giorno aggiungi più voci */
  body.logo-pos-center #bootscore-navbar {
    padding-right: 220px;
  }

  /* ===== RIGHT ===== */
  body.logo-pos-right #nav-main .navbar-brand {
    order: 2;
    margin-left: 1.25rem;
    margin-right: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;
  }

  body.logo-pos-right #nav-main .offcanvas {
    order: 1;
  }

  body.logo-pos-right #nav-main .offcanvas .offcanvas-body {
    justify-content: flex-start;
  }

  /* opzionale: riduce movimenti verticali */
  body.logo-pos-center #nav-main .navbar-brand img,
  body.logo-pos-right #nav-main .navbar-brand img,
  body.logo-pos-left #nav-main .navbar-brand img {
/*
    max-height: 60px;
    width: auto;
*/
  }
}