/*
Theme Name: Sagratour
Theme URI: sagratour.it
Author: Giudansky.com
Author URI: https://wordpress.org
Template:  twentytwentyfive
Description: Sagratour child template
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* #region 1. Global Styles & UI Components */
* {
  word-break: keep-all;
  overflow-wrap: normal;
}

/* Sicurezza extra solo per .btn-primary */
.btn iconify-icon {
  color:#fff;
}
.btn-primary {
  /* sovrascrivo esattamente le stesse variabili */
  --bs-btn-bg:                   var(--wp--preset--color--sagratour) !important;
  --bs-btn-border-color:         var(--wp--preset--color--sagratour) !important;
  --bs-btn-hover-bg:             var(--wp--preset--color--sagratour-hover, var(--wp--preset--color--sagratour)) !important;
  --bs-btn-hover-border-color:   var(--wp--preset--color--sagratour-hover, var(--wp--preset--color--sagratour)) !important;
}

p:empty, p:blank {
  display: none;
}

iconify-icon {
  color: var(--wp--preset--color--sagratour);
  font-size: 1.2em;
}

.form-control, .comment-form-comment textarea {
.form-control, .comment-form-comment textarea, .login input.input {
  font-size: 1.1rem;
  border: 5px solid var(--wp--preset--color--custom-color-3) !important;
}
/* Uniforma i checkbox allo stile .form-control con bordo da 5px */
.form-check-input {
  border: 5px solid var(--wp--preset--color--custom-color-3) !important;
  background-color: #fff;
  cursor: pointer;
  width: 1.6rem; /* Aumentiamo la dimensione per bilanciare il bordo spesso */
  height: 1.6rem;
  border-radius: 4px; /* Leggermente arrotondato per coerenza */
  transition: background-color 0.2s, border-color 0.2s;
  margin:5px;
}

.form-check-input:checked {
  background-color: var(--wp--preset--color--custom-color-3) !important;
  border-color: var(--wp--preset--color--custom-color-3) !important;
}
.form-control:active {
  border: 5px solid var(--wp--preset--color--custom-color-2);
}
.wp-editor-wrap .wp-editor-area {
  font-family: sans-serif !important;
    border: 5px solid var(--wp--preset--color--custom-color-3);

}

.mainmenu .login a::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  width: 2rem;
  height: 2rem;
  display:block;
  margin-right: 5px;
  color:var(--wp--preset--color--custom-color-3);
  background-size:cover;
  background-position: center;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiA0YTQgNCAwIDAgMSA0IDRhNCA0IDAgMCAxLTQgNGE0IDQgMCAwIDEtNC00YTQgNCAwIDAgMSA0LTRtMCAxMGM0LjQyIDAgOCAxLjc5IDggNHYySDR2LTJjMC0yLjIxIDMuNTgtNCA4LTQiLz48L3N2Zz4=');

  
}
.mainmenu .login span {
  display:none;
}
 


/* #endregion */

/* #region 2. WordPress Core & Theme Layout */
#registerform {
  background: none;
  border: none;
}

.form-control {
  font-size:1.1rem;
  border: 5px solid var(--wp--preset--color--custom-color-3);
}
.form-control:active {
  border: 5px solid var(--wp--preset--color--custom-color-2);
}
.wp-editor-area {
    font-family: sans-serif !important; 

}

.is-style-asterisk:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' baseProfile='basic' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 39.1 39.1' xml:space='preserve'%3e%3cg%3e%3cpath fill='none' d='M30.1,26.8l0.9-0.9c0.2-0.2,0.4-0.5,0.6-0.7l0.3-0.4L24.3,26L24,25.6c0,0,0,0-0.1,0v5.5 c1.7-0.6,3.5-1.7,5.3-3.5C29.6,27.4,29.8,27.1,30.1,26.8z'/%3e%3cpath fill='none' d='M25.2,9.8l0.8,5l-0.3,0.3h2C27.8,12.8,27,11,25.2,9.8z'/%3e%3cpath fill='none' d='M14.1,30.9l-1-6.7l0.3-0.3H7.8C9.1,27.4,11.1,29.6,14.1,30.9z'/%3e%3cpath fill='none' d='M9.7,13.9l5.1-0.8l0.2,0.3V10C12.5,11,11,12.2,9.7,13.9z'/%3e%3cpath fill='%239E394C' d='M23.9,25.6L23.9,25.6C24,25.7,24,25.6,23.9,25.6L23.9,25.6z'/%3e%3cpath fill='%239E394C' d='M27.7,15.1h3.9c0.1-1.1,0.1-2.2-0.3-3.2c-0.7-2.1-2.3-3.9-4.8-5.2c-0.4-0.2-0.7-0.3-1.1-0.5 c-0.2-0.1-0.5-0.2-0.8-0.2l0.6,3.9C27,11,27.8,12.8,27.7,15.1z'/%3e%3cpath fill='%239E394C' d='M31.5,25.2c-0.2,0.3-0.4,0.5-0.6,0.7l-0.9,0.9c-0.3,0.3-0.5,0.6-0.8,0.8c-1.8,1.8-3.6,3-5.3,3.5V35 c1.1-0.3,2.2-0.5,3.1-1v0.2l2.2-1.5c1.7-1.1,2.8-2.5,3.8-3.9c0.2-0.3,0.5-0.7,0.7-1.1c0.2-0.4,0.4-0.8,0.6-1.2l1-2.1l-2.2,0.1 l-1.4,0.2L31.5,25.2z'/%3e%3cpath fill='%239E394C' d='M15.1,10v-4c-5.6,1.3-8.8,4-10.5,8.7l5.1-0.8C11,12.2,12.5,11,15.1,10z'/%3e%3cpath fill='%239E394C' d='M7.8,24H3.5c0.3,2.3,1.1,4.8,2.7,6.7c2.2,2.5,5.1,4.1,8.5,4.6l-0.7-4.4C11.1,29.6,9.1,27.4,7.8,24z'/%3e%3cpolygon points='21.4,20.1 15.8,25.2 17.7,37.6 18.1,39.1 21.4,38.8 '/%3e%3cpolygon points='38.8,17.6 20.2,17.6 25.3,23.3 37.5,21.4 39.1,20.9 '/%3e%3cpolygon points='17.6,19 23.2,13.9 21.4,1.6 20.9,0 17.6,0.3 '/%3e%3cpolygon points='19,21.5 13.9,15.8 1.5,17.7 0,18.2 0.2,21.5 '/%3e%3c/g%3e%3c/svg%3e");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}

@media only screen and (max-width: 992px) {
  .latest_stories .wp-block-post-template {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
/* #endregion */

/* #region 3. Login Page Customization */
body.login {
  background: var(--wp--preset--color--custom-color-2);
}

.login form {
  margin-top: 20px;
  margin-left: 0;
  padding: 26px 24px;
  font-weight: 400;
  overflow: hidden;
  background: #fff;
  box-shadow:none;
  border:none;
}
/* #endregion */

/* #region 4. Visual Effects & Masks */
body::after {
  content:"";
  width:100%;
  height:100%;
  background-image:url('images/rough-paper.png');
  background-size:cover;
  background-position: center;
  position:fixed;
  top:0;
  left:0;
  z-index:999;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity:0.6;
}

.tendine::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 60px;
  background: white;
  clip-path: polygon(0 100%, 0 0, 100% 0);
  z-index: 2;
  filter: drop-shadow(0 30px 20px rgba(0, 0, 0, 1));
}

/* Mascherina sotto */
.tendine::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 60px;
  background: white;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: 2;
  filter: drop-shadow(0 30px 20px rgba(0, 0, 0, 1));
}

/* Effetto Duotone per le immagini in evidenza */
.filter-duotone {
    position: relative;
    display: block;
    overflow: visible; 
    background-color: #eee; 
}

.filter-duotone img {
    display: block;
    width: 100%;
    height: auto;
    filter: grayscale(100%) contrast(1.5);
    mix-blend-mode: multiply;
    aspect-ratio: 7 / 10;
}
/* #endregion */

/* #region 5. Plugin: Dan Carosello Articoli */
.swiper.orizzontale {
  background-size:cover;
  background-position: center;
  background-attachment:fixed;
}  
.swiper.orizzontale::before {
  content:'';
  background-size:contain;
  background-position: center;
  background-repeat:none;
  position:absolute;
  width: 30%;
  height:100%;
  mix-blend-mode: color-burn;
  blur
}  
/* #endregion */

/* #region 6. Plugin: Dan Event Calendar */

/* --- Calendarietto in articolo --- */

/*  Animazione Calendario */
@keyframes wobble-effect {
  0%,
  100% {
    transform: rotate(-5deg) scale(1.5);
  }
  25% {
    transform: rotate(15deg) scale(1.5);
  }
  50% {
    transform: rotate(-10deg) scale(1.5);
  }
  75% {
    transform: rotate(7deg) scale(1.5);
  }
}

.event-date-calendar {
  position:absolute;
bottom: 80px;
  left: 10px;
  z-index:999; 
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f8f9fa;
  min-width: 50px;
  text-align: center;
  color: #333;
  vertical-align: middle;
  cursor: help;
  transform: rotate(-5deg);
  animation-name: wobble-effect;
  animation-duration: 2s;
  animation-iteration-count: 3;
  animation-delay: 1s;
  font-size: 0.8rem;
   transform: scale(1.5);
   box-shadow:  4px 4px 0px rgb(0, 0, 0);

}

.event-date-calendar .month {
  background-color: var(--wp--preset--color--custom-color-3, #cf2e2e);
  color: white;
  font-size: 0.7em;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  padding: 2px 0;
}

.event-date-calendar .day {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2;
  color: #212529;
}

.event-date-calendar .year {
  font-size: 0.7em;
  color: #6c757d;
  line-height: 1;
  padding-bottom: 3px;
}

.event-date-calendar.past-event {
  position: relative;
  opacity: 0.6;
}

.event-date-calendar.past-event::before,
.event-date-calendar.past-event::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120%; /* Leggermente più largo del contenitore */
  height: 4px; /* Spessore della linea */
  background-color: #000;
  transform-origin: center;
  mix-blend-mode: multiply;
  opacity: 0.5;
}

.event-date-calendar.past-event::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.event-date-calendar.past-event::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.date {
  color: var(--wp--preset--color--custom-color-2) !important;
}
/* #endregion */

/* #region 7. Plugin: Dan Content Ratings */
.dan-stars-selector iconify-icon.selected, 
.dan-stars-selector iconify-icon.hovered {
    color: var(--wp--preset--color--custom-color-3) !important;
}

.dan-star-rating {
    color: var(--wp--preset--color--custom-color-2) !important;
}
/* #endregion */