/*
Theme Name: martinomindfulness
Theme URI: martinomindfulness.it
Description: Tema minimale, che segue le ultime tendenze del web design
Version: 1.0
Author: Alessio Piazzini 
*/

@charset "UTF-8";
/* CSS Document */

:root {
  --primary-color: #E2B857 ;  /* oro */
  --secondary-color:#D6A53C;  /* oro caldo */
  --tertiary-color: #3B2F1C;  /* marrone scuro */ 
  --quaternary-color:#ffffff; /* bianco */  
  --quinary-color: #fffcf6 ;  /* beige */     
  --nonary-color: #3E3E3E ;   /* grigio scuro */    
  --tenth-color: #4B6043; 
  --eleventh-color: #c3df63;     /* verde acido */
  --twelfth-color: #E8EDE2;     /* verde chiaro */  
  --primary-gradient:  ;
  --tenth-color-alfa: rgba(38, 51, 34, 0.6);
  --secondary-gradient:  ;
  --primary-font: 'Work Sans', sans-serif;
  --secondary-font: 'Poppins', sans-serif;
}


html,body,p {font-family: var(--primary-font);color: var(--nonary-color); font-size: 17px;}

h1,h2,h3,h4{line-height: 1.4;}

a:link, a:hover, a:visited{color: var(--primary-color); text-decoration: none;}


/* font */
.primary-font{font-family: var(--primary-font);}
.secondary-font{font-family: var(--secondary-font);}

/* bold */
.fw-800{font-weight: 800;}
.fw-700{font-weight: 700;}
.fw-600{font-weight: 600;}

/* title */
.fs-60 {font-size: 60px;}
.fs-48 {font-size: 48px;}
.fs-42 {font-size: 42px;}
.fs-18 {font-size: 18px;}
.fs-16 {font-size: 16px;}
.fs-15 {font-size: 15px;}
.fs-14 {font-size: 14px;}
.fs-13 {font-size: 13px;}
.fs-12 {font-size: 12px;}
.fs-11 {font-size: 11px;}
.fs-10 {font-size: 10px;}

/* Width */
.w50-16px {width: calc(50% - 16px);}
.w25-16px {width: calc(25% - 16px);}
.w33-16px {width: calc(33% - 16px);}
.w67-16px {width: calc(67% - 16px);}
.w-70{width: 70%;}
.w-40{width: 40%;}
.w-60{width: 60%;}
.w-30{width: 30%;}
.w-33{width: 33.33%;}
.w-75{width: 75%;}
.w-25{width: 25%;}

/* Margin */
.mt-6 {margin-top: 5rem; }
.mb-6 {margin-bottom: 5rem; }

/* Gap */
.gap-6 {gap: 6rem;}

/* Padding */
.py-6 { padding-top: 5rem; padding-bottom: 5rem;}
.px-6 { padding-left: 5rem; padding-right: 5rem;}
.pt-6 { padding-top: 5rem; }
.pb-6 { padding-bottom: 5rem; }
.pe-6 { padding-right: 5rem; }
.ps-6 { padding-left: 5rem; }

/* Anchor */
a.anchor-1{position: relative;display: block;top: -100px; z-index: -1; }

/* Underline animated */
h2.title-underline::before {content: "";position: absolute;height: 4px; width: 15px;margin-top: 50px;border-radius: 20px; background:var(--tertiary-color);}
.preview-strumenti:hover h2.title-underline::before, .swiper-preview-news :hover h2.title-underline::before, .three-card :hover h2.title-underline::before{width: 100%;-webkit-transition: width 1s ease-in-out;-moz-transition: width 1s ease-in-out;-o-transition: width 1s ease-in-out;transition: width 1s ease-in-out;
background: -moz-linear-gradient(left, var(--tertiary-color) 0%, var(--octonary-color) 100%);
background: -webkit-linear-gradient(left,   var(--tertiary-color) 0%, var(--octonary-color) 100%);
background: linear-gradient(to right,  var(--tertiary-color) 0%, var(--octonary-color) 100%);}}

/* Position */
.position-relative{position: relative;}
.position-absolute{position: absolute;}

/* Display */
.display-inline-block{display: inline-block !important;}
.img-mobile-cover{width: 100%;height: auto;border-radius: 0;object-fit: cover;object-position: center;}

/* Bg color */
.bg-primary{background-color: var(--primary-color) !important;}
.bg-secondary{background-color: var(--secondary-color) !important;}
.bg-senary{background-color: var(--senary-color);}
.bg-quaternary{background-color: var(--quaternary-color);}
.bg-quinary{background-color: var(--quinary-color);}
.bg-septenary{background-color: var(--septenary-color);}  
.bg-tertiary{background-color: var(--tertiary-color);}  
.bg-octonary{background-color: var(--octonary-color);} 
.bg-tenth{background-color: var(--tenth-color);} 
.bg-tenth-color-alfa{background-color: var(--tenth-color-alfa);}
.bg-twelfth{background-color: var(--twelfth-color);} 

/* Bg color */
.color-primary{color: var(--primary-color) !important;} 

/* Width */
.w50-16px {width: calc(50% - 16px);}
.w25-16px {width: calc(25% - 16px);}
.w33-14px {width: calc(33% - 14px);}

/* Color */
.color-primary{color: var(--primary-color);}
.color-secondary{color: var(--secondary-color);}
.color-quaternary{color: var(--quaternary-color);}
.color-tertiary{color: var(--tertiary-color);}
.color-quinary{color: var(--quinary-color);}
.color-eleventh{color: var(--eleventh-color);}

/* background attachment fixed */
.background-attachment-fixed{background-attachment: fixed;}

/* brush */
.intro-brush { display: inline-block;background: linear-gradient(120deg, #E2B85733 0%, #E2B85780 100%);padding: 0.25rem 0.5rem;}

/* -1 */
.z-index-1{z-index: -1;top:0; left: 0; right:0;bottom: 0; }

/* list-icon-check */
.list-icon-check li {position: relative;padding-left: 28px;margin-bottom: 0.75rem;}
.list-icon-check li::before {content: "\F26A";font-family: "bootstrap-icons";color: var(--bs-success); position: absolute;left: 0;top: 0.1rem;font-size: 1rem;}

/* -1 */
.flex-1 {flex: 1;}

/* hr */
hr{border: 0;height: 3px;background-color: #ccc;width: 100%;margin: 30px 0;}

/* List */
.list-style-type-none{list-style-type: none;}

/* Background size*/
.background-cover-center {background-size: cover; background-position: center; }
.background-cover-bottom {background-size: cover; background-position: bottom; }
.background-cover-top {background-size: cover; background-position: top; }

/* Breadcrumb-nav*/
.breadcrumb-nav > span{border: 1px solid #fff;border-radius: 10px;padding: 4px 9px;}

/* fit-content*/
.width-fit {width: fit-content;}

.rounded-3-custom img{border-radius: 0.5rem !important;}

/* Swiper */
/* --- Swiper container & layout --- */
.swiper-wrapper {align-items: stretch; /* 🔥 forza tutte le slide a pari altezza */}
.swiper-slide {display: flex;height: auto; box-shadow: none !important;}
.swiper-slide .card {flex: 1 1 auto;height: 100%;background-color: #E8EDE2; /* verde salvia chiaro mindfulness */border-radius: 12px;box-shadow: none !important;}
.swiper-slide .card:hover {transform: none;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}

/* --- Frecce esterne --- */
.swiper-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: all;
  color: #4B6043; /* verde mindfulness */
  transition: color 0.3s ease;
    width: 28px;   /* riduce la larghezza */
  height: 28px;  /* riduce l'altezza */
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 24px; /* riduce l’icona vera e propria */
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: #E2B857; /* oro mindfulness */
}

.swiper-button-prev {
  left: 0px;
}

.swiper-button-next {
  right: 0px;
}

/* --- Responsive fix --- */
@media (max-width: 767px) {
  .swiper-button-prev {
    left: -10px;
  }
  .swiper-button-next {
    right: -10px;
  }
}



/* Button primary*/
.button-primary, a.button-primary, a.button-primary:link {font-size: 16px; text-decoration:none;background-position: 0 100%;border: 2px solid var(--primary-color);color: var(--tertiary-color);border: 0;  background: linear-gradient(270deg,#E2B857 50%,#D6A53C 0) 100%; background-color: rgba(0, 0, 0, 0);background-position-x: 100%;background-position-y: center;background-size: auto;background-color: #E2B857;background-size: 300% 200%;border: 2px solid #E2B857;border-radius: 4px;height: 100%;max-height: 48px;padding: 8px 22px;transition: .4s ease-out;display: inline-block !important; }
a.button-primary:hover {  background-position: 0 100%; border: 2px solid var(--secondary-color);color: var(--tertiary-color);}

/* Button secondary*/
.button-secondary, a.button-secondary, a.button-secondary:link {border-radius: 4px; font-size: 16px;text-decoration: none; background-color: transparent;border: 1px solid #3A3A3A;color: #3A3A3A;height: 100%;line-height: 24px;margin-top: 20px;padding: 12px 24px;align-items: center; background: linear-gradient(270deg,transparent 50%,#3A3A3A 0) 100%;background-color: rgba(0, 0, 0, 0);background-position-x: 100%;background-position-y: center;background-size: auto;background-origin: padding-box;background-position: 100% 100%;background-size: 300% 200%;cursor: pointer; display: flex;font-weight: 350;height: 100%;justify-content: center;max-height: 48px;padding: 14px 30px;text-align: center;transition: .4s ease-out;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
a.button-secondary:hover  { background-origin: border-box;background-position: 0 100%;border-color: #3A3A3A;color: #fff;}

/* WhatsApp */
a.wh-base:link, a.wh-base, a.wh-base:hover{text-decoration: underline; color: #05cd51;}

/* Main navigation */
a.footer-brand:link,  a.footer-brand:hover, a.footer-brand:visited, a.navbar-brand, a.navbar-brand:link, a.navbar-brand:hover {text-decoration: none !important; color: var(--secondary-color) !important;}
.navbar-expand-md .navbar-nav .nav-link {padding: 0 13px;}
.navbar li > a {color: var(--tertiary-color);text-decoration: none; }
.navbar li > a:hover {color: var(--secondary-color);}
.navbar-nav .nav-item:first-child {margin-left: 30px;}

/* Section chi sono */
#intro-chi-sono{border-bottom: 3px dotted #bbb5a9;}

/* Section intro libro */
#intro-libro{box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.05);background: linear-gradient(to bottom, #fffcf6 0%, #f5eddc 100%); }

/* Section emologia */
.texture-emologia {
  position: relative;
  background: linear-gradient(135deg, #f8f5ed 0%, #e9e3d4 100%);
  overflow: hidden;
}

/* Pseudo-elemento con sfumature colorate e blur */
.texture-emologia::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 30%, rgba(209, 199, 170, 0.4), transparent 60%),
              radial-gradient(circle at 80% 70%, rgba(152, 174, 138, 0.4), transparent 60%),
              radial-gradient(circle at 50% 50%, rgba(223, 210, 175, 0.3), transparent 70%);
  filter: blur(60px);
  z-index: 0;
}

.texture-emologia > * {
  position: relative;
  z-index: 1; /* Per far sì che il contenuto resti sopra il blur */
}

/* Cta final */
.cta-final .video-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1;}
.cta-final .video-background video {width: 100%;height: 100%;object-fit: cover;}
.cta-final .video-overlay {position: absolute;top: 0;left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 0;}
.cta-final .container {position: relative;z-index: 2;}

/* Titolo con ornamento */
.titolo-con-ornamento {position: relative;}
.titolo-con-ornamento::before {content: "";display: block;width: 100%;height: 60px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 60'><g fill='none' stroke='%23F2D4B9' stroke-width='1.8'><path d='M300 30 Q285 15, 270 30 Q285 45, 300 30 Q315 15, 330 30 Q315 45, 300 30 Z'/></g><circle cx='300' cy='30' r='3' fill='%23F2D4B9' /></svg>");
  background-repeat: no-repeat;background-position: center;background-size: contain;margin-bottom: 0;}

/* Movimenti */
.fade-in {opacity: 0;transform: translateY(40px);transition: opacity 1s ease-out, transform 1s ease-out;}
.fade-in.appear {opacity: 1;transform: translateY(0);}

/* WhatsApp */
.wh {position: fixed;z-index: 20;padding: 10px 10px 10px 15px;background: #05cd51;border-radius: 10px 0px 0 10px;color: #fff;font-size: 21px;top: 50%;right: 0;transform: translateY(-50%);}
a.wh, a.wh:link, a.wh:hover{color: #fff;}

/* Three card */
.three-card .bg-senary{z-index: -2; z-index: -2; left: 0;right: 0;bottom: 0;top: 0;}
.three-card .flex-1{height: 450px;overflow: hidden;background-color: rgba(0,0,0,0.2);}
.three-card .flex-1:hover .position-absolute{transition: all .5s;transform: scale(1.2);overflow: hidden;}
.three-card .video-container {left:0; right:0;position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.three-card .video-container  video {min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/* News */
.all-news .container-prev-post::after {content: "";display: block;margin-left: 410px;}
.all-news .prev-post {border: 1px solid var(--neutral-color4);}
.hero-single-news .container-hero {height: 300px;}
.hero-single-news {background: linear-gradient(90deg, rgba(0,0,0,0.7231486344537815) 0%, rgba(0,0,0,0.5886948529411764) 42%, rgba(0,0,0,0) 100%);}
.all-news  .post-thumb img {width: 100% !important; height: 100%  !important;object-fit: cover  !important;}
.all-news .post-thumb{height: 250px; overflow: hidden;}

/* Fascia video */
.preview-strumenti{border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.preview-strumenti .bg-general{z-index: -2; background-size: cover; background-position: center; left: 0;right: 0;bottom: 0;top: 0;}
.preview-strumenti .preview-width-video{height: 450px; background-color: rgba(0,0,0,0.5);}
.preview-strumenti .preview-width-video .video-container {left:0; right:0;position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.preview-strumenti .preview-width-video video {min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.preview-strumenti .preview-width-img{overflow: hidden;background-color: rgba(0,0,0,0.5);}
.preview-width-img{overflow: hidden;background-color: rgba(0,0,0,0.2);}
.preview-strumenti .preview-width-img:hover .position-absolute{transition: all .5s;transform: scale(1.2);overflow: hidden;}
.preview-strumenti .second-row-strumenti .flex-1{height: 450px}
.preview-strumenti .second-row-strumenti{margin-bottom:30px;}

/* Photo and description */
.photo-and-description .content{padding-top: 120px;padding-bottom: 120px;}
.photo-and-description  .bg .row {height: 100%;}
.photo-and-description  .bg {position: absolute;z-index: 0;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;height: 100%;}


/* Footer */
.footer{background-color: #15110A}
.footer a:link, .footer a:hover, .footer a:visited{text-decoration: underline; color: #fff;}
.footer{list-style-type: none;}
.footer p, .footer{font-size: 14px;}
.footer ul, .footer li{list-style-type: none;margin-left: 0; padding-left: 0;}
.copy{font-size: 12px !important;}

/* Hero */
.hero-video {display: flex;flex-direction: column;position: relative;color: var(--quaternary-color);}
.scroll-down{display: none;}
.hero-video .hero-video-txt h1, .hero-video .hero-video-txt p{color: #fff;}
.hero-video .container-video {width: 100%;height: auto;position: relative;overflow: hidden;}
.hero-video .container-video video {width: 100%;height: auto;object-fit: cover;display: block;position: relative;z-index: 1;}
.hero-video .video-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4); z-index: 2;}
.hero-video .hero-video-txt {position: relative;z-index: 3;padding: 0;margin: 0 auto;width: 100%;}
.hero-video::after {content: "";z-index: 2;position: absolute;inset: 0;background: linear-gradient(to bottom right, rgba(0,0,0,0.4), rgba(0,0,0,0.1));}
.hero-video .scroll-indicator {
  z-index: 5;
  position: absolute;
  left: 50%;
  bottom: 20px; /* o dove vuoi posizionarla verticalmente */
  transform: translateX(-50%);
  color: #fff !important;
  font-size: 30px;
  bottom: 10px;
}
.hero-video {height: calc(100vh - 85px);justify-content: center;align-items: center;}
.hero-video .scroll-indicator i {display: inline-block;animation: bounce 2s infinite;}

@keyframes bounce {
  0%, 100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, 6px);
  }
}


/* 3 col */
ul.custom li {display: flex;align-items: flex-start;margin-bottom: 0.75rem;}
ul.custom li i {margin-top: 0.25rem;}



/* ========== Layout DESKTOP ========== */
@media (min-width: 768px) {
/* Titoli e testi */
  .hero-video .hero-video-txt h1,
  .hero-video .hero-video-txt p {color: white;}
  .hero-video .container-video {position: absolute;top: 0;left: 0;height: 100%;z-index: 1;}
  .hero-video .container-video video {width: 100%;height: 100%;object-fit: cover;}
  .hero-video .video-overlay {height: 100%;}
}


@media (max-width: 991px) {
  .fs-48 {font-size: 34px;}
  .navbar-toggler{border:0;}
  .hero-video {background-color: #122411;}
  .navbar-nav .nav-item:first-child {margin-left: 0px;}
  .carousel h2 {bottom: 20px;} 
  .footer h4{padding-top: 40px;}
  #intro-chi-sono .w-30{width: 30% !important;}
  #intro-chi-sono .gap-6 {gap: 3rem !important;}
  .texture-emologia .w-33, #intro-chi-sono .w-70 {width: 100% !important;}
  .bg-tenth-color-alfa .w-75, .bg-tenth-color-alfa  .w-25{width: 100% !important;}
  .bg-tenth-color-alfa .justify-content-between{flex-direction: column !important;}
  #intro-libro .w-60{width: 100% !important;}
  .gap-6 {gap: 3rem !important;}
  .bg-quinary .swiper-nav{display: none;}
  .swiper-pagination {bottom: -40px !important;}
  .swiper-pagination-bullet-active {background-color: var(--secondary-color) !important;}
  .bg-tenth .container-widget .justify-content-between{flex-direction: column; text-align: center;}
  .bg-tenth .container-widget .w-33{width: 100% !important; text-align: center !important;}
  .bg-tenth .container-widget .ps-3{padding-left: 0 !important; text-align: center;width: 100%; margin-top: 15px;}
  .all-news .w33-14px {width: 100%;}
  .breadcrumb-nav {font-size: 9px !important;}
}