/* ======================================================
   AMERICAN REMODEL - PREMIUM VISUAL LAYER
   Child theme only. BeTheme, Muffin Builder and plugins stay intact.
====================================================== */

:root{
  --kh-bg:#f4f7fb;
  --kh-surface:#ffffff;
  --kh-surface-soft:#f8fbff;
  --kh-dark:#07111f;
  --kh-navy:#102a44;
  --kh-blue:#174a7c;
  --kh-blue-2:#0f6aa8;
  --kh-red:#c92832;
  --kh-red-dark:#a91d28;
  --kh-gold:#f2b84b;
  --kh-text:#172033;
  --kh-muted:#66758a;
  --kh-line:rgba(15,23,42,.11);
  --kh-line-strong:rgba(15,23,42,.18);
  --kh-shadow-sm:0 10px 28px rgba(8,17,31,.08);
  --kh-shadow:0 22px 60px rgba(8,17,31,.13);
  --kh-shadow-lg:0 34px 90px rgba(8,17,31,.18);
  --kh-radius-sm:14px;
  --kh-radius:22px;
  --kh-radius-lg:34px;
}

html.kh-american-remodel-loaded{
  scroll-behavior:smooth;
}

body.kh-american-remodel{
  background:var(--kh-bg);
  color:var(--kh-text);
  text-rendering:optimizeLegibility;
}

body.kh-american-remodel #Wrapper{
  overflow:hidden;
  background:
    radial-gradient(circle at 10% -8%, rgba(15,106,168,.12), transparent 30%),
    radial-gradient(circle at 95% 8%, rgba(201,40,50,.10), transparent 28%),
    linear-gradient(180deg,#fff 0%,#f6f8fb 42%,#edf3f9 100%);
}

body.kh-american-remodel a{
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

body.kh-american-remodel .section_wrapper,
body.kh-american-remodel .container{
  max-width:1220px;
}

body.kh-american-remodel .section{
  background-position:center;
}

body.kh-american-remodel .section:not(:first-child){
  padding-top:clamp(46px,6vw,92px);
  padding-bottom:clamp(46px,6vw,92px);
}

body.kh-american-remodel h1,
body.kh-american-remodel h2,
body.kh-american-remodel h3,
body.kh-american-remodel h4,
body.kh-american-remodel h5{
  color:var(--kh-dark);
  letter-spacing:0;
}

body.kh-american-remodel h1{
  font-weight:900;
  line-height:1.02;
}

body.kh-american-remodel h2,
body.kh-american-remodel h3{
  font-weight:900;
  line-height:1.08;
}

body.kh-american-remodel p,
body.kh-american-remodel li{
  color:inherit;
}

/* Header */
body.kh-american-remodel #Top_bar{
  background:rgba(255,255,255,.93)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(15,23,42,.08);
  box-shadow:0 14px 38px rgba(8,17,31,.08);
  transition:box-shadow .22s ease, background .22s ease;
}

body.kh-american-remodel.kh-header-scrolled #Top_bar{
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 18px 48px rgba(8,17,31,.12);
}

body.kh-american-remodel #Top_bar .top_bar_left{
  display:flex;
  align-items:center;
}

body.kh-american-remodel #Top_bar #logo img,
body.kh-american-remodel #Top_bar .logo-main{
  max-height:58px!important;
  width:auto;
}

body.kh-american-remodel #Top_bar .menu > li > a span{
  font-weight:850;
  letter-spacing:0;
  border-radius:999px;
  padding-inline:14px;
}

body.kh-american-remodel #Top_bar .menu > li.current-menu-item > a,
body.kh-american-remodel #Top_bar .menu > li.current_page_item > a,
body.kh-american-remodel #Top_bar .menu > li > a:hover{
  color:var(--kh-red)!important;
}

body.kh-american-remodel #Top_bar .menu > li.current-menu-item > a span,
body.kh-american-remodel #Top_bar .menu > li.current_page_item > a span{
  background:rgba(201,40,50,.08);
}

body.kh-american-remodel #Top_bar .responsive-menu-toggle{
  border:1px solid var(--kh-line);
  border-radius:14px;
  background:#fff!important;
  box-shadow:var(--kh-shadow-sm);
}

/* Hero and first visual section */
body.kh-american-remodel.home .entry-content > .section:first-child,
body.kh-american-remodel.home .mcb-section:first-child{
  position:relative;
  overflow:hidden;
  min-height:min(760px,82vh);
  display:flex;
  align-items:center;
  color:#fff;
  background:
    linear-gradient(128deg,rgba(7,17,31,.96) 0%,rgba(16,42,68,.92) 48%,rgba(23,74,124,.84) 100%),
    radial-gradient(circle at 82% 18%,rgba(242,184,75,.35),transparent 30%),
    radial-gradient(circle at 18% 86%,rgba(201,40,50,.32),transparent 34%);
  border-radius:0 0 var(--kh-radius-lg) var(--kh-radius-lg);
  box-shadow:0 34px 90px rgba(8,17,31,.24);
}

body.kh-american-remodel.home .entry-content > .section:first-child::before,
body.kh-american-remodel.home .mcb-section:first-child::before{
  content:"";
  position:absolute;
  inset:-20% -12% auto auto;
  width:min(58vw,760px);
  height:min(58vw,760px);
  background:
    linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,0) 62%);
  transform:rotate(18deg);
  clip-path:polygon(20% 0,100% 0,80% 100%,0 72%);
  pointer-events:none;
}

body.kh-american-remodel.home .entry-content > .section:first-child::after,
body.kh-american-remodel.home .mcb-section:first-child::after{
  content:"";
  position:absolute;
  right:7%;
  bottom:7%;
  width:220px;
  height:220px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  pointer-events:none;
}

body.kh-american-remodel.home .entry-content > .section:first-child h1,
body.kh-american-remodel.home .entry-content > .section:first-child h2,
body.kh-american-remodel.home .entry-content > .section:first-child h3,
body.kh-american-remodel.home .mcb-section:first-child h1,
body.kh-american-remodel.home .mcb-section:first-child h2,
body.kh-american-remodel.home .mcb-section:first-child h3{
  color:#fff;
  text-wrap:balance;
}

body.kh-american-remodel.home .entry-content > .section:first-child p,
body.kh-american-remodel.home .mcb-section:first-child p{
  color:rgba(255,255,255,.88);
  font-size:clamp(17px,2vw,21px);
  line-height:1.62;
}

body.kh-american-remodel.home .entry-content > .section:first-child .section_wrapper,
body.kh-american-remodel.home .mcb-section:first-child .section_wrapper{
  position:relative;
  z-index:1;
}

/* Content surfaces */
body.kh-american-remodel .wrap,
body.kh-american-remodel .column,
body.kh-american-remodel .mcb-wrap,
body.kh-american-remodel .mcb-column{
  box-sizing:border-box;
}

body.kh-american-remodel .icon_box,
body.kh-american-remodel .feature_box,
body.kh-american-remodel .article_box,
body.kh-american-remodel .trailer_box,
body.kh-american-remodel .promo_box,
body.kh-american-remodel .pricing-box,
body.kh-american-remodel .faq .question,
body.kh-american-remodel .accordion .question,
body.kh-american-remodel .get_in_touch,
body.kh-american-remodel .infobox,
body.kh-american-remodel .woocommerce ul.products li.product,
body.kh-american-remodel .shop_slider .shop_slider_ul li .item_wrapper{
  border:1px solid var(--kh-line)!important;
  border-radius:var(--kh-radius)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.94))!important;
  box-shadow:var(--kh-shadow)!important;
  overflow:hidden;
}

body.kh-american-remodel .icon_box,
body.kh-american-remodel .feature_box,
body.kh-american-remodel .article_box,
body.kh-american-remodel .promo_box,
body.kh-american-remodel .pricing-box{
  padding:clamp(20px,3vw,34px)!important;
}

body.kh-american-remodel .icon_box:hover,
body.kh-american-remodel .feature_box:hover,
body.kh-american-remodel .article_box:hover,
body.kh-american-remodel .trailer_box:hover,
body.kh-american-remodel .promo_box:hover,
body.kh-american-remodel .pricing-box:hover,
body.kh-american-remodel .woocommerce ul.products li.product:hover{
  transform:translateY(-5px);
  box-shadow:var(--kh-shadow-lg)!important;
  transition:transform .22s ease, box-shadow .22s ease;
}

body.kh-american-remodel .icon_box::before,
body.kh-american-remodel .feature_box::before,
body.kh-american-remodel .article_box::before,
body.kh-american-remodel .promo_box::before,
body.kh-american-remodel .pricing-box::before{
  display:none!important;
  content:none!important;
}

body.kh-american-remodel .icon_box .icon_wrapper,
body.kh-american-remodel .feature_box .icon_wrapper{
  color:var(--kh-red)!important;
}

body.kh-american-remodel .image_frame{
  border:0!important;
  border-radius:var(--kh-radius)!important;
  overflow:hidden;
  box-shadow:var(--kh-shadow-sm);
}

body.kh-american-remodel .image_frame .image_wrapper img{
  transform:scale(1);
  transition:transform .45s ease;
}

body.kh-american-remodel .image_frame:hover .image_wrapper img{
  transform:scale(1.035);
}

body.kh-american-remodel .blockquote,
body.kh-american-remodel blockquote{
  border-radius:var(--kh-radius);
  background:#fff;
  box-shadow:var(--kh-shadow-sm);
  border:1px solid var(--kh-line);
}

/* Buttons and forms */
body.kh-american-remodel .button,
body.kh-american-remodel a.button,
body.kh-american-remodel .mfn-btn,
body.kh-american-remodel input[type="submit"],
body.kh-american-remodel button:not(.pswp__button):not(.mfp-close):not(.single_add_to_cart_button){
  border-radius:999px!important;
  font-weight:900!important;
  letter-spacing:0;
  min-height:44px;
  border:1px solid transparent!important;
  box-shadow:0 14px 34px rgba(201,40,50,.18);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease, background .2s ease;
}

body.kh-american-remodel .button:hover,
body.kh-american-remodel a.button:hover,
body.kh-american-remodel .mfn-btn:hover,
body.kh-american-remodel input[type="submit"]:hover,
body.kh-american-remodel button:not(.pswp__button):not(.mfp-close):hover{
  transform:translateY(-2px);
  box-shadow:0 20px 44px rgba(16,42,68,.22);
  filter:saturate(1.08);
}

body.kh-american-remodel input[type="date"],
body.kh-american-remodel input[type="email"],
body.kh-american-remodel input[type="number"],
body.kh-american-remodel input[type="password"],
body.kh-american-remodel input[type="search"],
body.kh-american-remodel input[type="tel"],
body.kh-american-remodel input[type="text"],
body.kh-american-remodel input[type="url"],
body.kh-american-remodel select,
body.kh-american-remodel textarea{
  border-radius:14px!important;
  border-color:var(--kh-line-strong)!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(8,17,31,.05);
}

body.kh-american-remodel input:focus,
body.kh-american-remodel select:focus,
body.kh-american-remodel textarea:focus{
  border-color:var(--kh-red)!important;
  box-shadow:0 0 0 4px rgba(201,40,50,.11)!important;
}

/* WooCommerce */
body.kh-american-remodel.woocommerce-page #Content,
body.kh-american-remodel.woocommerce #Content{
  background:linear-gradient(180deg,#fff,#f5f8fc);
}

body.kh-american-remodel .woocommerce ul.products{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:26px;
}

body.kh-american-remodel .woocommerce ul.products::before,
body.kh-american-remodel .woocommerce ul.products::after{
  display:none;
}

body.kh-american-remodel .woocommerce ul.products li.product{
  width:auto!important;
  margin:0!important;
  padding:18px!important;
}

body.kh-american-remodel .woocommerce ul.products li.product .image_frame,
body.kh-american-remodel .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
  border-radius:18px!important;
  overflow:hidden;
}

body.kh-american-remodel .woocommerce ul.products li.product .desc{
  padding:16px 2px 4px!important;
}

body.kh-american-remodel .woocommerce ul.products li.product h4,
body.kh-american-remodel .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.kh-american-remodel .woocommerce div.product .product_title{
  font-weight:900;
  color:var(--kh-dark);
}

body.kh-american-remodel .woocommerce .price,
body.kh-american-remodel .woocommerce .amount{
  color:var(--kh-red)!important;
  font-weight:900!important;
}

body.kh-american-remodel .woocommerce span.onsale{
  border-radius:999px!important;
  background:var(--kh-red)!important;
  box-shadow:0 12px 30px rgba(201,40,50,.25);
}

body.kh-american-remodel .woocommerce div.product form.cart,
body.kh-american-remodel .woocommerce-cart-form,
body.kh-american-remodel .woocommerce-checkout #customer_details,
body.kh-american-remodel .woocommerce-checkout #order_review{
  border:1px solid var(--kh-line);
  border-radius:var(--kh-radius);
  background:#fff;
  box-shadow:var(--kh-shadow-sm);
  padding:clamp(18px,3vw,30px);
}

body.kh-american-remodel .woocommerce table.shop_table{
  border-radius:var(--kh-radius)!important;
  overflow:hidden;
  border-color:var(--kh-line)!important;
  background:#fff;
  box-shadow:var(--kh-shadow-sm);
}

/* Footer */
body.kh-american-remodel #Footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(242,184,75,.18),transparent 30%),
    radial-gradient(circle at 92% 20%,rgba(201,40,50,.18),transparent 26%),
    linear-gradient(135deg,#07111f,#102a44)!important;
  color:#dbe7f5;
  border-top:1px solid rgba(255,255,255,.10);
}

body.kh-american-remodel #Footer::before{
  content:"";
  position:absolute;
  inset:auto -12% -38% auto;
  width:520px;
  height:520px;
  background:rgba(255,255,255,.06);
  transform:rotate(22deg);
  clip-path:polygon(18% 0,100% 12%,72% 100%,0 78%);
}

body.kh-american-remodel #Footer a{
  color:#fff!important;
}

body.kh-american-remodel #Footer a:hover{
  color:#ffd37a!important;
}

body.kh-american-remodel #Footer h1,
body.kh-american-remodel #Footer h2,
body.kh-american-remodel #Footer h3,
body.kh-american-remodel #Footer h4,
body.kh-american-remodel #Footer h5,
body.kh-american-remodel #Footer h6{
  color:#fff!important;
}

body.kh-american-remodel #Footer .widgets_wrapper{
  position:relative;
  z-index:1;
  padding:clamp(44px,6vw,72px) 0;
}

body.kh-american-remodel #Footer .footer_copy{
  position:relative;
  z-index:1;
  border-top:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.10);
}

/* Plugin compatibility */
body.kh-american-remodel .wpcf7 form{
  display:grid;
  gap:14px;
}

body.kh-american-remodel .wpcf7-not-valid-tip{
  color:var(--kh-red);
  font-weight:700;
}

body.kh-american-remodel .rev_slider_wrapper,
body.kh-american-remodel rs-module-wrap{
  isolation:isolate;
}

body.kh-american-remodel .gn-mail-product-card{
  border-radius:var(--kh-radius)!important;
  box-shadow:var(--kh-shadow)!important;
}

/* Mobile */
@media(max-width:767px){
  body.kh-american-remodel #Top_bar{
    position:relative!important;
  }

  body.kh-american-remodel #Top_bar #logo img,
  body.kh-american-remodel #Top_bar .logo-main{
    max-height:48px!important;
  }

  body.kh-american-remodel.home .entry-content > .section:first-child,
  body.kh-american-remodel.home .mcb-section:first-child{
    min-height:auto;
    border-radius:0 0 28px 28px;
    padding-top:48px!important;
    padding-bottom:54px!important;
  }

  body.kh-american-remodel h1{
    font-size:38px!important;
    line-height:1.06!important;
  }

  body.kh-american-remodel h2{
    font-size:30px!important;
    line-height:1.12!important;
  }

  body.kh-american-remodel .section:not(:first-child){
    padding-top:40px;
    padding-bottom:40px;
  }

  body.kh-american-remodel .icon_box,
  body.kh-american-remodel .feature_box,
  body.kh-american-remodel .article_box,
  body.kh-american-remodel .promo_box,
  body.kh-american-remodel .pricing-box,
  body.kh-american-remodel .woocommerce ul.products li.product{
    border-radius:18px!important;
    padding:18px!important;
  }

  body.kh-american-remodel .woocommerce ul.products{
    grid-template-columns:1fr;
    gap:18px;
  }

  body.kh-american-remodel .button,
  body.kh-american-remodel a.button,
  body.kh-american-remodel input[type="submit"]{
    width:auto;
    max-width:100%;
    white-space:normal;
    text-align:center;
  }
}