/*
 Theme Name:     pestea-child
 Theme URI:      https://example.com
 Description:    Child theme of Pestea
 Author:         Il tuo nome
 Template:       pestea
 Version:        1.0.0
*/

body h2 {
    font-size: 30px !important;
}

body h3 {
  font-size: 2.75rem !important;
}


@media (max-width: 600px) {

body h3 {
    font-size: 5rem !important;
}

}
@media (max-width: 600px) {

body h4 {
    font-size: 3rem !important;
}

}


/* SEZIONE A SFONDO GIALLO CON TESTI SEMPRE NERI */
.section-gialla {
    background-color: #f2c300 !important;
    padding: 60px 0 !important;
    position: relative;
    z-index: 1;
}

/* TESTO SEMPRE NERO DENTRO LA SEZIONE GIALLA */
.section-gialla * {
    color: #191b01 !important;
    fill: #191b01 !important; /* per icone SVG */
}




.ozellik-kutu-iletisim {
    background-color: #ffffff00;
    padding: 2.5rem;
    text-align: center;
    font-size: 1.5rem;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
    border-radius: 3rem;
    /* transition: transform .3s; */
}


/* Spazio extra sotto la sezione precedente in pagina contatti */
.iletisim-icon-alani {
    margin-bottom: 0% !important;
    padding-bottom: 0 !important;
    background-color: #191b01;
}

/* Spazio extra sopra la sezione gialla */
.section-gialla {
    padding-bottom: 0 !important;
    margin-top: 0% !important;
}

/* Spazio verticale tra *tutte* le card */
.iletisim-icon-alani .tablo--1-ve-3 {
    margin-bottom: 3% !important;
    margin-top: 5% !important;
}

/* Spazio sotto l'intera sezione per non farla schiacciare contro la successiva */
.iletisim-icon-alani {
    padding-bottom: 60px !important;
}







.bg-dark-olive .icon {
    background: #f2c30000;
    #background-color: #f2c300 !important;   /* giallo */
    color: #f2c300 !important;              /* icona scura per contrasto */
}


/* Testo giallo nella sezione scura */
.bg-dark-olive h1,
.bg-dark-olive h2,
.bg-dark-olive h3,
.bg-dark-olive strong,
.bg-dark-olive .baslik-4,
.bg-dark-olive .ozellik-kutu-iletisim--yazi {
    color: #f2c300 ;
}

.bg-dark-olive {
    background-color: #191b01 !important;
    
}

.bg-dark-olive .form__input {
    background-color: white;
    color: black;
}





/* pagina servizi */

/* pagina servizi */
/* wrapper centrato */
.punti-forza-wrapper {
    display: flex;
    text-align: left;
}



/* lista come griglia */
.punti-forza {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 900px;

    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 colonne desktop */
    gap: 18px 40px;
}

/* elemento singolo */
.punti-forza li {
    position: relative;
    padding-left: 38px;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.5;
    color: #f2c300 !important; /* testo giallo */
    break-inside: avoid;
}

/* cerchio giallo */
.punti-forza li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 26px;      /* dimensione cerchio */
    height: 26px;
    border-radius: 50%;
    background: #f2c300; /* giallo */
}

/* check nera dentro (grossa, stile icona) */
.punti-forza li::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 9px;
    border-radius: 2px;
    width: 16px;
    height: 12px;
    border-left: 6px solid #191b01;  /* nero */
    border-bottom: 6px solid #191b01;
    transform: rotate(-45deg);
}

@media (max-width: 600px) {
.punti-forza {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 900px;

    display: table;
    grid-template-columns: repeat(2, 1fr); /* 2 colonne desktop */
    gap: 18px 40px;
}

}

















/* spunte colore invertito */
/* lista come griglia */
/* Container principale */
.card-disinfestazione {
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 40px auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: Arial, sans-serif;
  overflow: hidden;
}

/* Immagine a sinistra */
.card-disinfestazione .img-box {
  flex: 1 1 300px;
  min-width: 280px;
}
.card-disinfestazione .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Testo su sfondo giallo */
.card-disinfestazione .text-box {
  flex: 1 1 400px;
  background-color: #f2c300;
  color: #191b01;
  padding: 24px;
}

/* Lista griglia a due colonne */
.punti-forza-invertito {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 40px;
}

/* Singolo elemento */
.punti-forza-invertito li {
  position: relative;
  padding-left: 38px;
  font-size: 18px;
  line-height: 1.5;
}

/* Cerchio nero */
.punti-forza-invertito li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #191b01;
}

/* Spunta gialla */
.punti-forza-invertito li::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  width: 10px;
  height: 5px;
  border-left: 3px solid #f2c300;
  border-bottom: 3px solid #f2c300;
  transform: rotate(-45deg);
}



.section-gialla {
  background-color: #f2c300 !important;
  color: #191b01 !important;
  padding: 60px 0;
}
.section-gialla * {
  color: #191b01 !important;
}