/*
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
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--wp--preset--color--custom-color-2);
  font-family: var(--wp--preset--font-family--londrina-solid) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: -0.1px !important;
  line-height: 1.125 !important;
  text-transform: uppercase !important;
}

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

.btn-primary {
  /* sovrascrivo esattamente le stesse variabili */
  --bs-btn-bg: var(--wp--preset--color--custom-color-2) !important;
  --bs-btn-border-color: var(--wp--preset--color--custom-color-2) !important;
  --bs-btn-hover-bg: var(
    --wp--preset--color--sagratour-hover,
    var(--wp--preset--color--custom-color-2)
  ) !important;
  --bs-btn-hover-border-color: var(
    --wp--preset--color--sagratour-hover,
    var(--wp--preset--color--custom-color-2)
  ) !important;
}

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

iconify-icon {
  /*color: var(--wp--preset--color--custom-color-3);*/
  font-size: 1.2em;
}

/* Sicurezza extra solo per .btn-primary */
.btn iconify-icon {
  color: #fff;
}

@keyframes icon-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

.icon {
  color: var(--wp--preset--color--custom-color-3);
  display: inline-block;
  animation: icon-pulse 2s infinite ease-in-out;
  vertical-align: middle;
}

.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: 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 */

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

.login .submit {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
  float: none !important;
  margin-top: 20px !important;
}

.login .submit input[type="submit"] {
  float: none !important;
}
/* #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;
  filter: blur(5px);
}
/* #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-rating-label {
  font-family: var(--wp--preset--font-family--londrina-solid) !important;
  font-size: 1.2rem !important;
  font-style: normal;
  font-weight: 900 !important;
  text-transform: uppercase;
  color: var(--wp--preset--color--custom-color-2) !important;
}
.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 */

/* region OVERRIDES */
.swiper-slide .title a {
  color: #000;
  text-decoration: none;
}
/* endregion */