/* =====================================================
   style.css — equivalente di globals.css di Next.js
   ===================================================== */

/* Spazio per navbar fixed-top */
body {
  padding-top: 0;
}

.navbar {
  font-size: 0.92rem;
}

/* Classi custom usate nei componenti */
.mycontainer,
.Mycontainer {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 15px;
}

.my-div {
  padding: 2rem 0;
}

/* Footer links */
.my-footer-ul {
  list-style: none;
  padding: 0;
  margin: 8px 0;
}

.my-footer-li {
  margin-bottom: 6px;
}

.my-footer-a {
  color: #bfbfbf;
  text-decoration: none;
}

.my-footer-a:hover {
  color: #94D7B5;
  text-decoration: underline;
}

/* Responsive font per il titolo hero */
@media (max-width: 768px) {
  h1.display-5 {
    font-size: 10vw !important;
  }

  .lead {
    font-size: 4.5vw !important;
  }
}


/* ------------------- */

/* stylelint-disable stylistic/selector-list-comma-newline-after */

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif
    /*rtl:Amiri, Georgia, "Times New Roman", serif*/
  ;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif
    /*rtl:Amiri, Georgia, "Times New Roman", serif*/
  ;
}

.flex-auto {
  flex: 0 0 auto;
}

.h-250 {
  height: 250px;
}

@media (min-width: 768px) {
  .h-md-250 {
    height: 250px;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}

/*
   * Blog posts
   */
.blog-post {
  margin-bottom: 4rem;
  background-image: linear-gradient(180deg, #F7F9FC, #FFFFFF);
  color: #696969;
  padding: 20px;
}

.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #696969;
}

.my-container {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

.my-container img {
  vertical-align: middle;
}

.my-container .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  /* Fallback color */
  background: rgba(0, 0, 0, 0.5);
  /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

.my-div {
  font-size: 1.1em;
  color: #696969;
}

.my-citazione {
  font-weight: 700;
  font-size: 1em;
  color: #2F4F4F;
  font-style: italic;
}

.citazione-articolo {
  font-style: italic;
  font-weight: 600;
  background-color: #f8f9fa;
  /* bg-light */
  padding: 1rem;
  /* p-3 */
  border-left: 4px solid #ffc107;
  /* border-start border-4 border-warning */
  color: #5672AD
}

.my-AncorLink {
  color: #696969 !important;
  font-style: italic;
  text-align: left !important;
  text-decoration: none;
  font-weight: 450;
}

.a {
  color: #696969 !important;
  /*  font-style: italic; */
  text-align: left !important;
  text-decoration: none !important;
  font-weight: 450;
}

.btn-href {
  color: #ffffff !important;
}

.btn-href-black {
  font-weight: 350;
  color: #000000 !important;
}

.my-text-dark {
  font-weight: 450;
  color: #2F4F4F !important;
}

.my-card-text {
  color: #696969 !important;
}

.my-trattativa-rosso {
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-weight: 450;
  color: #ffffff !important;
  background-color: #ff0022 !important;
}

.my-trattativa-giallo {
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-weight: 450;
  color: #424242 !important;
  background-color: #ff8f00 !important;
}

.my-trattativa-verde {
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-weight: 450;
  color: #ffffff !important;
  background-color: #8fc963 !important;
}

.my-trattativa-azzurro {
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-weight: 450;
  color: #ffffff !important;
  background-color: #54B4D3 !important;
}

.leaflet-container {
  width: 100%;
  height: 45vh;
}

.accordion-button:not(.collapsed) {
  background-color: #f2f2f2 !important;
  color: #696969;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none !important;
  border-color: rgba(0, 0, 0, .125) !important;
}

.my-modal {
  width: 90vw;
  /* Occupy the 90% of the screen width */
  max-width: 90vw;
}

.my-a {
  color: #999999 !important;
  text-align: left !important;
  text-decoration: none !important;
  font-weight: 450;
}

.my-link {
  color: #2F4F4F !important;
  text-decoration: underline;

}

.my-footer-li {
  color: #999999 !important;
}

.my-footer-ul {
  color: #999999 !important;
}

.my-footer-a {
  color: #999999 !important;
}


.contattaci-btn {
  position: fixed;
  top: 85px;
  z-index: 999;
}

/* BOTTONE CONTATTACI   Inizio */
/* XL */
@media (min-width: 1200px) {
  .contattaci-btn {
    left: 25px;
  }
}

/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
  .contattaci-btn {
    left: 35px;
  }
}

/* MD */
@media (min-width: 768px) and (max-width: 991px) {
  .contattaci-btn {
    right: 35px;
  }
}

/* SM e XS */
@media (max-width: 767px) {
  .contattaci-btn {
    right: 35px;
  }
}

/* BOTTONE CONTATTACI   Fine */
/* Colonna fissa in alto   Inizio */
.sticky-sidebar {
  position: sticky;
  top: 80px;
  /* meglio del 200 se hai navbar */
  align-self: flex-start;
}

.sticky-sidebar2 {
  position: sticky;
  top: 400px;
  /* meglio del 200 se hai navbar */
  align-self: flex-start;
}

/* Colonna fissa in alto   Fine */

.breadcrumb-item,
.breadcrumb-item a {
  color: #696969 !important;
  text-decoration: none;
}

.pagination .page-link {
  color: #696969 !important;
  border-color: #e0e0e0 !important;
  background-color: #fff;
}

.pagination .page-link:hover {
  color: #4f4f4f !important;
  background-color: #f5f5f5;
  border-color: #d6d6d6;
}

.pagination .page-item.active .page-link {
  background-color: #696969 !important;
  border-color: #696969 !important;
  color: #fff !important;
}

.pagination .page-item.disabled .page-link {
  color: #b5b5b5 !important;
  background-color: #fff;
  border-color: #e0e0e0;
}

.my-text {
  color: #696969;
}

.my-text-heading {
  color: #696969;
}

.my-text-muted {
  font-size: 1.1rem !important;
  color: #5572ac;
}

.my-toc,
h1,
h2,
h3 {
  scroll-margin-top: 130px;
}

.my-toc,
a,
li {
  color: #696969 !important;
  text-decoration: none;
}

.my-a-blu {
  color: #5572ac !important;
}