
/*
 * MİY Prefabrik v1.1.19 — Visual Theme Builder
 * Public frontend only. All rules are scoped to body.theme-enabled.
 * If theme_enabled=0 the v1.1.18 visual layer remains untouched.
 */

body.theme-enabled{
  --vtb-container:1200px;
  --vtb-section-space:72px;
  --vtb-page-padding:24px;
  --vtb-card-shadow:0 12px 34px rgba(0,0,0,.12);
  --vtb-card-hover-shadow:0 18px 46px rgba(0,0,0,.18);
  font-family:var(--theme-font);
  font-size:var(--theme-font-size);
  color:var(--theme-text);
  background:var(--theme-bg);
}

body.theme-enabled *,
body.theme-enabled *::before,
body.theme-enabled *::after{box-sizing:border-box}

body.theme-enabled .container{
  width:min(var(--theme-container-width),calc(100% - (var(--theme-page-padding) * 2)));
  margin-inline:auto;
}

body.theme-enabled .section{
  padding-block:var(--theme-section-space);
  background:var(--theme-bg);
  color:var(--theme-text);
}

body.theme-enabled .section:nth-of-type(even){
  background:var(--theme-section-alt-bg);
}

body.theme-enabled h1{
  font-family:var(--theme-heading-font);
  font-size:var(--theme-h1-size);
  line-height:var(--theme-heading-line-height);
  font-weight:var(--theme-heading-weight);
  letter-spacing:var(--theme-heading-letter-spacing);
}
body.theme-enabled h2{
  font-family:var(--theme-heading-font);
  font-size:var(--theme-h2-size);
  line-height:var(--theme-heading-line-height);
  font-weight:var(--theme-heading-weight);
  letter-spacing:var(--theme-heading-letter-spacing);
}
body.theme-enabled h3{
  font-family:var(--theme-heading-font);
  font-size:var(--theme-h3-size);
  line-height:var(--theme-heading-line-height);
  font-weight:var(--theme-heading-weight);
  letter-spacing:var(--theme-heading-letter-spacing);
}
body.theme-enabled p,
body.theme-enabled .muted{color:var(--theme-muted)}

/* HEADER / NAV */
body.theme-enabled .topbar{
  position:var(--theme-header-position);
  top:0;
  min-height:var(--header-h);
  background:color-mix(in srgb,var(--theme-header-bg) var(--theme-header-opacity),transparent);
  color:var(--theme-header-text);
  border-bottom:1px solid var(--theme-header-border);
  box-shadow:var(--theme-header-shadow);
  backdrop-filter:blur(var(--theme-header-blur));
  -webkit-backdrop-filter:blur(var(--theme-header-blur));
}
body.theme-enabled.theme-header-static .topbar{position:relative!important}
body.theme-enabled.theme-header-no-hide .topbar.hide{transform:none!important}
body.theme-enabled .nav-links{gap:var(--theme-menu-gap)}
body.theme-enabled .nav-links a,
body.theme-enabled .nav-links .mega-nav-link{
  color:var(--theme-menu-text);
  font-size:var(--theme-menu-size);
  border-radius:var(--theme-menu-radius);
}
body.theme-enabled .nav-links a:hover,
body.theme-enabled .nav-links .mega-nav-link:hover,
body.theme-enabled .lang-switch a.active{
  color:var(--theme-menu-hover-text);
  background:var(--theme-menu-hover-bg);
}
body.theme-enabled .mega-menu-panel{
  background:var(--theme-header-bg);
  color:var(--theme-header-text);
  border:1px solid var(--theme-border-color);
  border-radius:var(--theme-card-radius);
  box-shadow:var(--theme-card-shadow);
}

/* HERO
 * Do not add an automatic overlay here. Existing per-slide overlay controls stay authoritative.
 */
body.theme-enabled .hero-slider{
  border-radius:var(--theme-hero-radius);
  box-shadow:var(--theme-hero-shadow);
}
body.theme-enabled .hero-slide-inner{
  width:min(var(--theme-container-width),calc(100% - (var(--theme-page-padding) * 2)));
}
body.theme-enabled .hero-slide-content{
  max-width:var(--theme-hero-content-width);
}
body.theme-enabled .hero-slide-content h1,
body.theme-enabled .hero-slide-content h2{
  color:var(--theme-hero-title-color)!important;
  font-family:var(--theme-heading-font);
  font-size:var(--theme-hero-title-size);
  font-weight:var(--theme-heading-weight);
  line-height:var(--theme-heading-line-height);
}
body.theme-enabled .hero-slide-content p{
  color:var(--theme-hero-text-color);
  font-size:var(--theme-hero-text-size);
}
body.theme-enabled .hero-slide-badge{
  color:var(--theme-primary);
}
body.theme-enabled .hero-arrow{
  width:var(--theme-hero-control-size);
  height:var(--theme-hero-control-size);
  border-color:var(--theme-border-color);
}
body.theme-enabled .hero-dot.active{background:var(--theme-primary)}

/* CARDS */
body.theme-enabled .card,
body.theme-enabled .product-card,
body.theme-enabled .blog-card,
body.theme-enabled .reference-card,
body.theme-enabled .feature-card,
body.theme-enabled .home-feature-card,
body.theme-enabled .home-tech-card,
body.theme-enabled .concept-category-card,
body.theme-enabled .cta-box,
body.theme-enabled .content-card,
body.theme-enabled .detail-card,
body.theme-enabled .contact-card{
  background:var(--theme-card-bg);
  color:var(--theme-text);
  border:var(--theme-card-border-width) solid var(--theme-card-border);
  border-radius:var(--theme-card-radius);
  box-shadow:var(--theme-card-shadow);
}

body.theme-enabled .product-card,
body.theme-enabled .blog-card,
body.theme-enabled .reference-card,
body.theme-enabled .concept-category-card{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}

body.theme-enabled .product-card:hover,
body.theme-enabled .blog-card:hover,
body.theme-enabled .reference-card:hover,
body.theme-enabled .concept-category-card:hover{
  transform:translateY(calc(var(--theme-card-hover-lift) * -1));
  box-shadow:var(--theme-card-hover-shadow);
  border-color:color-mix(in srgb,var(--theme-primary) 45%,var(--theme-card-border));
}

body.theme-enabled .product-card-body,
body.theme-enabled .blog-card-body,
body.theme-enabled .concept-category-body,
body.theme-enabled .home-feature-card,
body.theme-enabled .home-tech-card{
  padding:var(--theme-card-padding);
}

body.theme-enabled .product-card-media,
body.theme-enabled .blog-card-media,
body.theme-enabled .concept-category-media{
  aspect-ratio:var(--theme-card-image-ratio);
  overflow:hidden;
}
body.theme-enabled .product-card-image,
body.theme-enabled .blog-card-image,
body.theme-enabled .concept-category-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* BUTTONS */
body.theme-enabled .btn{
  min-height:var(--theme-button-height);
  padding-inline:var(--theme-button-padding-x);
  border:1px solid var(--theme-button-border);
  border-radius:var(--theme-button-radius);
  background:var(--theme-button-bg);
  color:var(--theme-button-text);
  font-size:var(--theme-button-font-size);
  font-weight:var(--theme-button-weight);
  box-shadow:var(--theme-button-shadow);
}
body.theme-enabled .btn:hover{
  background:var(--theme-button-hover-bg);
  color:var(--theme-button-hover-text);
}
body.theme-enabled .btn.secondary{
  background:var(--theme-button-secondary-bg);
  color:var(--theme-button-secondary-text);
  border-color:var(--theme-button-secondary-border);
}
body.theme-enabled .btn.secondary:hover{
  background:var(--theme-button-secondary-hover-bg);
}

/* FORMS */
body.theme-enabled .field label{color:var(--theme-text)}
body.theme-enabled .field input,
body.theme-enabled .field select,
body.theme-enabled .field textarea{
  min-height:var(--theme-input-height);
  background:var(--theme-input-bg);
  color:var(--theme-input-text);
  border:1px solid var(--theme-input-border);
  border-radius:var(--theme-input-radius);
}
body.theme-enabled .field input:focus,
body.theme-enabled .field select:focus,
body.theme-enabled .field textarea:focus{
  outline:none;
  border-color:var(--theme-input-focus);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-input-focus) 18%,transparent);
}

/* POPUP */
body.theme-enabled .lead-popup{
  background:var(--theme-card-bg);
  color:var(--theme-text);
  border-radius:var(--theme-card-radius);
  border:1px solid var(--theme-card-border);
  box-shadow:var(--theme-card-hover-shadow);
}

/* FOOTER */
body.theme-enabled .site-footer{
  background:var(--theme-footer-bg);
  color:var(--theme-footer-text);
  padding-top:var(--theme-footer-padding-top);
  padding-bottom:var(--theme-footer-padding-bottom);
}
body.theme-enabled .site-footer h3,
body.theme-enabled .site-footer h4{color:var(--theme-footer-heading)}
body.theme-enabled .site-footer a{color:var(--theme-footer-link)}
body.theme-enabled .site-footer a:hover{color:var(--theme-footer-link-hover)}
body.theme-enabled .footer-grid-rich{gap:var(--theme-footer-gap)}
body.theme-enabled .footer-bottom-line{border-top-color:var(--theme-footer-border)}

/* Floating contact */
body.theme-enabled .whatsapp-float{
  width:var(--theme-float-size);
  height:var(--theme-float-size);
}

/* MOBILE */
@media(max-width:980px){
  body.theme-enabled .nav-links{
    background:var(--theme-mobile-menu-bg);
    color:var(--theme-mobile-menu-text);
  }
  body.theme-enabled .nav-links a,
  body.theme-enabled .nav-links .mega-nav-link{
    color:var(--theme-mobile-menu-text);
  }
}

@media(max-width:700px){
  body.theme-enabled .container{
    width:calc(100% - (var(--theme-mobile-page-padding) * 2));
  }
  body.theme-enabled .section{
    padding-block:var(--theme-mobile-section-space);
  }
  body.theme-enabled h1{font-size:var(--theme-mobile-h1-size)}
  body.theme-enabled h2{font-size:var(--theme-mobile-h2-size)}
  body.theme-enabled h3{font-size:var(--theme-mobile-h3-size)}
  body.theme-enabled .hero-slide-inner{
    width:calc(100% - (var(--theme-mobile-page-padding) * 2));
  }
  body.theme-enabled .hero-slide-content{
    max-width:100%;
  }
  body.theme-enabled .hero-slide-content h1,
  body.theme-enabled .hero-slide-content h2{
    font-size:var(--theme-mobile-hero-title-size);
  }
  body.theme-enabled .hero-slide-content p{
    font-size:var(--theme-mobile-hero-text-size);
  }
  body.theme-enabled .hero-slider{
    border-radius:var(--theme-mobile-hero-radius);
  }
  body.theme-enabled .product-card-body,
  body.theme-enabled .blog-card-body,
  body.theme-enabled .concept-category-body,
  body.theme-enabled .home-feature-card,
  body.theme-enabled .home-tech-card{
    padding:var(--theme-mobile-card-padding);
  }
}

@media(prefers-reduced-motion:reduce){
  body.theme-enabled *,
  body.theme-enabled *::before,
  body.theme-enabled *::after{
    transition:none!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}
