/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 01 2025 | 10:01:31 */
/* Blocca lo scroll SOLO sulla pagina:
   "wp-custom-template-pagina-cameretta-salotto-cucina" */
body.page-template-wp-custom-template-pagina-cameretta-salotto-cucina {
  height: 100vh;     /* fallback */
  height: 100dvh;    /* mobile-safe */
  overflow: hidden;  /* niente scroll del body */
	
  background: url("https://lacasettadizadur.com/wp-content/uploads/2025/09/lacasettadizadur-sfondo-nuvole-risoluzione-3840x2160-digitale-rosino-scaled.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed; /* resta sempre adattato al viewport */
}

/* Estendi il blocco anche all'html, solo se il body ha quella classe */
html:has(body.page-template-wp-custom-template-pagina-cameretta-salotto-cucina) {
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}

/* Colonna centrale scrollabile SOLO in quel template */
body.page-template-wp-custom-template-pagina-cameretta-salotto-cucina .colonna_2 {
  height: 100vh;               /* o 100dvh per mobile */
  overflow-y: auto;            /* abilita lo scroll verticale */
  -webkit-overflow-scrolling: touch; /* scorrimento fluido su iOS */

/* Immagine pattern3 (stesso header)
background-image:url("https://lacasettadizadur.com/wp-content/uploads/2025/08/pattern3.jpg");
  background-repeat: repeat;
  background-size: 20%;
  background-position: center, top left;
*/
}

/* Effetto "glass" retrò anni '90 per la colonna centrale */
body.page-template-wp-custom-template-pagina-cameretta-salotto-cucina .colonna_2{
  position: relative;
  background: rgba(212,208,200,0.55); /* grigio Win95 semi-trasp */
  -webkit-backdrop-filter: blur(2px) contrast(1.02) saturate(1.05);
  backdrop-filter: blur(2px) contrast(1.02) saturate(1.05);
  border: 1px solid #808080;
  box-shadow:
    inset 1px 1px 0 #ffffff,
    inset -1px -1px 0 #404040; /* pannello incassato */
}


/* ------------------------------- */
/* !!!!!! SCROLLBAR CODICE !!!!!! */

/* Opzionale: nascondi la scrollbar
body.page-template-wp-custom-template-pagina-cameretta-salotto-cucina .colonna_2 { scrollbar-width: none; -ms-overflow-style: none; }
body.page-template-wp-custom-template-pagina-cameretta-salotto-cucina .colonna_2::-webkit-scrollbar { display: none; }
*/

/* Scrollbar retro anni '90 solo per .colonna_2 */

/* Scrollbar retro anni '90 solo per Chrome/Edge su .colonna_2 */
.colonna_2::-webkit-scrollbar {
  width: 22px;      /* larghezza scroll bar */
}

.colonna_2::-webkit-scrollbar-track {
  background-image:url("https://lacasettadizadur.com/wp-content/uploads/2025/08/sfondo-scroll-bar.png");
  border: 2px solid #808080;
  box-shadow:
    inset 2px 2px 0 #ffffff,   /* highlight alto/sinistra */
    inset -2px -2px 0 #808080; /* ombra basso/destra */
}

.colonna_2::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 2px solid #7f7f7f;
  box-shadow:
    inset 2px 2px 0 #e6e6e6,  /* highlight interno */
    inset -2px -2px 2px #272821; /* ombra interno */
}

.colonna_2::-webkit-scrollbar-button {
  /*background-color: #cccccc;*/

  background: #cccccc
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><polygon points='0,10 5,0 10,10' fill='black'/></svg>") 
    no-repeat center;
  background-size: 7px 7px;

   border: 2px solid #7f7f7f;
  box-shadow:
    inset 2px 2px 0 #e6e6e6,  /* highlight interno */
    inset -2px -2px 2px #272821; /* ombra interno */
  height: 22px;
}

/* Scrollbar retro anni '90 solo per .colonna_2 */