/*
 Theme Name:     Mellow Child
 Theme URI:      http://mellow.tanshcreative.com
 Description:    Mellow Child Theme.
 Author:         tansh
 Author URI:     http://themeforest.net/user/tansh
 Template:       mellow
 Version:        1.0.0
*/

/* ========== GALLERIE & IMMAGINI ========== */

.modula-item,
img[class*="wp-image"] {
  border-radius: 20px;
}

.elementor-element-a3a490e img {
  width: 48px !important;
  height: 48px !important;
  object-fit: cover;
}


/* ========== FORM E BUTTON ========== */

.alternative-button p .wpcf7-submit {
  padding: 12px 20px;
  margin-left: 10px;
}


/* ========== MENU MOBILE (Slicknav) ========== */

.slicknav_nav {
  height: 100vh;
}

.slicknav_nav li {
  border: none !important;
}

.slicknav_nav li a {
  padding-right: 0;
  text-align: center;
  font-size: 26px;
}

.slicknav_nav .sub-menu {
  border-top: 1px solid var(--dtr-border-color-main);
  border-bottom: 1px solid var(--dtr-border-color-main);
}

.slicknav_nav .sub-menu li a {
  font-size: 18px;
  padding-left: 0;
  text-align: center;
}


/* ========== FOOTER ========== */

@media screen and (min-width: 1024px) {
  .footer-container {
    width: 1120px !important;
    margin: auto;
  }
}

@media screen and (max-width: 1024px) {
  .none-on-mobile {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .footer-logo {
    width: 50% !important;
    margin: auto;
  }
}

@media screen and (max-width: 768px) {
  .footer-logo {
    width: 100% !important;
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  .footer-container > div:first-child {
    text-align: center;
  }
}

/* ========== YOUTUBE ========== */
.wp-block-embed-youtube iframe {
  border-radius: 20px;
  overflow: hidden;
}

/* HEADER TRASPARENTE (tutte le varianti) */
body #dtr-header-global,
[data-theme="dark"] #dtr-header-global,
.dtr-sticky-on #dtr-header-global {
  /* annulla qualsiasi bg, anche se è una var o un gradient */
  background: none !important;
  background-color: transparent !important;
  /* sovrascrive la variabile usata dal tema padre solo sull’header */
  --dtr-base-color-dark: transparent !important;
  /* opzionale: elimina eventuali ombre */
  box-shadow: none !important;
}

/* se il tema usa wrapper/pseudo-elementi per il fondo */
#dtr-header-global::before,
#dtr-header-global::after,
#dtr-header-global .dtr-header-inner {
  background: none !important;
  background-color: transparent !important;
}


#cmplz-cookiebanner-container,
#cmplz-cookiebanner {
  position: relative !important;
  z-index: 999999 !important;
}