/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* --- CSS Variables --- */
:root {
  --kr-black: #1A1A1A;
  --kr-charcoal: #2C2C2C;
  --kr-sand: #C4AA8B;
  --kr-sand-light: #D4C4AD;
  --kr-cream: #F5F0EB;
  --kr-off-white: #FAFAF8;
  --kr-taupe: #8B7D6B;
  --kr-blush: #D4A89A;
  --kr-sage: #9CAF94;
  --kr-stone: #A09688;
  --kr-light-grey: #E8E4DF;
}

/* ================================
   GLOBAL TYPOGRAPHY
   ================================ */
body,
.woodmart-text-block,
p,
.woocommerce-product-details__short-description {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 300;
  color: var(--kr-charcoal);
}

h1, h2, h3, h4, h5, h6,
.title,
.woodmart-title-container .title,
.section-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300;
  color: var(--kr-black);
}

/* ================================
   HEADER / NAVIGATION
   ================================ */
.whb-header {
  background-color: var(--kr-off-white) !important;
  border-bottom: 1px solid var(--kr-light-grey) !important;
}

.woodmart-navigation .menu > li > a,
.wd-nav .wd-nav-link {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--kr-taupe) !important;
  transition: color 0.3s ease !important;
}

.woodmart-navigation .menu > li > a:hover,
.woodmart-navigation .menu > li.current-menu-item > a,
.wd-nav .wd-nav-link:hover {
  color: var(--kr-black) !important;
}

.woodmart-logo img {
  max-height: 40px;
}

.whb-header .woodmart-shopping-cart .wd-tools-count,
.whb-header .wd-header-wishlist .wd-tools-count {
  background-color: var(--kr-sand) !important;
  color: #fff !important;
}

.whb-header .wd-tools-icon {
  color: var(--kr-charcoal) !important;
}

/* ================================
   ADD TO CART BUTTONS
   ================================ */
.single_add_to_cart_button,
.add_to_cart_button,
.checkout-button {
  background-color: var(--kr-sand) !important;
  color: #fff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 14px 36px !important;
  transition: all 0.3s ease !important;
}

.single_add_to_cart_button:hover,
.single_add_to_cart_button:focus,
.add_to_cart_button:hover,
.add_to_cart_button:focus,
.checkout-button:hover {
  background-color: var(--kr-taupe) !important;
  color: #fff !important;
}

/* ================================
   ALL OTHER BUTTONS — hover sand
   ================================ */
body .btn:hover,
body .btn:focus,
body a.btn:hover,
body .btn-color-primary:hover,
body .btn-color-black:hover,
body .btn-color-white:hover,
body .btn-color-default:hover,
body .btn-style-default:hover,
body .btn-style-bordered:hover,
body .button:hover,
body .woocommerce .button:hover,
body .wd-button-wrapper a:hover,
body .promo-banner .btn:hover,
body .wd-slide .btn:hover,
body input[type="submit"]:hover,
body .added_to_cart:hover {
  background-color: var(--kr-sand) !important;
  color: #fff !important;
  border-color: var(--kr-sand) !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

/* Secondary / outline buttons */
.btn-color-default,
.btn-style-bordered {
  background: transparent !important;
  color: var(--kr-black) !important;
  border: 1.5px solid var(--kr-black) !important;
  border-radius: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

/* ================================
   PRODUCT CARDS
   ================================ */
.wd-product .wd-entities-title a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--kr-black) !important;
}

.wd-product .price,
.wd-product .price .woocommerce-Price-amount {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  color: var(--kr-sand) !important;
  font-size: 15px !important;
}

.wd-product .product-image-link {
  background-color: var(--kr-cream) !important;
}

.wd-product:hover .wd-entities-title a {
  color: var(--kr-sand) !important;
}

.onsale,
.product-label span {
  background-color: var(--kr-blush) !important;
  color: #fff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
}

/* ================================
   WOOCOMMERCE PAGES
   ================================ */
.woocommerce-result-count,
.woocommerce-ordering select {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: var(--kr-taupe) !important;
}

.product_title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  color: var(--kr-black) !important;
  text-align: left !important;
}

.summary .price {
  font-size: 24px !important;
  color: var(--kr-sand) !important;
  text-align: left !important;
}

.summary .cart {
  text-align: left !important;
}

.summary .product_meta {
  text-align: left !important;
}

.summary .product-share {
  text-align: left !important;
  justify-content: flex-start !important;
}

.woocommerce-tabs .tabs li a {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--kr-taupe) !important;
}

.woocommerce-tabs .tabs li.active a {
  color: var(--kr-black) !important;
  border-bottom-color: var(--kr-sand) !important;
}

.quantity .minus,
.quantity .plus {
  background-color: var(--kr-cream) !important;
  color: var(--kr-black) !important;
  border: 1px solid var(--kr-light-grey) !important;
}

.quantity .minus:hover,
.quantity .plus:hover {
  background-color: var(--kr-light-grey) !important;
}

/* ================================
   FOOTER
   ================================ */
.footer-container {
  background-color: #2C2C2C !important;
}

.copyrights-wrapper {
  background-color: #242424 !important;
  color: #6B6560 !important;
  font-size: 13px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.footer-container .widget-title,
.footer-container h5 {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--kr-sand) !important;
}

.footer-container,
.footer-container p,
.footer-container .wd-sub-menu li a,
.footer-container a {
  color: #9A9590 !important;
  font-size: 14px !important;
}

.footer-container a:hover {
  color: var(--kr-cream) !important;
}

/* ================================
   SLIDER GRADIENTS
   ================================ */
#slide-27345 .wd-slide-bg::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(90deg, rgba(26,26,26,0.75) 0%, rgba(26,26,26,0.4) 50%, rgba(26,26,26,0.05) 100%);
  z-index: 1;
}
#slide-27345 .wd-slide-container { position: relative; z-index: 2; }

#slide-27354 .wd-slide-bg::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: radial-gradient(ellipse at center, rgba(26,26,26,0.15) 0%, rgba(26,26,26,0.6) 100%);
  z-index: 1;
}
#slide-27354 .wd-slide-container { position: relative; z-index: 2; }

#slide-27363 .wd-slide-bg::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(180deg, rgba(26,26,26,0.1) 0%, rgba(26,26,26,0.55) 70%, rgba(26,26,26,0.8) 100%);
  z-index: 1;
}
#slide-27363 .wd-slide-container { position: relative; z-index: 2; }

/* ================================
   CART SIDEBAR
   ================================ */
.cart-widget-side .widget_shopping_cart .buttons a {
  background-color: var(--kr-sand) !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.cart-widget-side .widget_shopping_cart .buttons a:hover {
  background-color: var(--kr-taupe) !important;
}

/* ================================
   BREADCRUMBS
   ================================ */
.woocommerce-breadcrumb,
.breadcrumbs {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  color: #A09688 !important;
}
.woocommerce-breadcrumb a,
.breadcrumbs a { color: #A09688 !important; }
.woocommerce-breadcrumb a:hover,
.breadcrumbs a:hover { color: var(--kr-sand) !important; }

/* ================================
   BACK TO PRODUCTS
   ================================ */
.wd-back-btn a {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #A09688 !important;
}
.wd-back-btn a:hover { color: var(--kr-sand) !important; }

/* ================================
   BLOG / ENTRIES
   ================================ */
.hidden-fields-container { display: none !important; }
h1.entry-title, h3.entry-title { color: white !important; }
.entry-thumbnail img { height: 240px; object-fit: cover; }
.wd-entry-meta, .entry-meta-list, .hovered-social-icons, .wd-post-meta { display: none !important; }

/* ================================
   ELEMENTOR CUSTOM CLASSES
   ================================ */
.kr-hero-section { background-color: var(--kr-off-white); padding: 80px 0; }
.kr-hero-tag { font-family: 'DM Sans', sans-serif; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--kr-sand); font-weight: 500; margin-bottom: 20px; }
.kr-hero-title { font-family: 'Cormorant Garamond', serif; font-size: 52px; font-weight: 300; color: var(--kr-black); line-height: 1.15; }
.kr-hero-desc { font-family: 'DM Sans', sans-serif; font-size: 15px; color: var(--kr-taupe); font-weight: 300; line-height: 1.8; }
.kr-section-label { font-family: 'DM Sans', sans-serif; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--kr-sand); font-weight: 500; }
.kr-section-title { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 300; color: var(--kr-black); }
.kr-cream-bg { background-color: var(--kr-cream) !important; }
.kr-feature-icon { color: var(--kr-sand); }
.kr-feature-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 400; color: var(--kr-black); }
.kr-feature-desc { font-family: 'DM Sans', sans-serif; font-size: 14px; color: var(--kr-taupe); font-weight: 300; }
.kr-divider { width: 60px; height: 1px; background-color: var(--kr-sand); margin: 0 auto; }
.kr-woven-bg { background-color: var(--kr-cream); background-image: repeating-linear-gradient(0deg, transparent, transparent 6px, rgba(196,170,139,0.12) 6px, rgba(196,170,139,0.12) 7px), repeating-linear-gradient(90deg, transparent, transparent 6px, rgba(196,170,139,0.12) 6px, rgba(196,170,139,0.12) 7px); }
.kr-newsletter-section { background-color: var(--kr-black); padding: 60px 0; }
.kr-newsletter-section .mc4wp-form input[type="email"] { background: transparent; border: 1px solid var(--kr-taupe); color: var(--kr-cream); font-family: 'DM Sans', sans-serif; font-size: 14px; padding: 14px 20px; border-radius: 0; }
.kr-newsletter-section .mc4wp-form input[type="email"]::placeholder { color: var(--kr-stone); }
.kr-testimonial { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 300; font-style: italic; color: var(--kr-charcoal); line-height: 1.6; }
.kr-testimonial-author { font-family: 'DM Sans', sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--kr-taupe); font-weight: 500; }
.kr-quote { border-left: 2px solid var(--kr-sand); padding-left: 24px; font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; font-style: italic; color: var(--kr-charcoal); }

/* ================================
   GENERAL
   ================================ */
a { transition: color 0.3s ease !important; }
::selection { background: #C4AA8B; color: #fff; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F5F0EB; }
::-webkit-scrollbar-thumb { background: #C4AA8B; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #8B7D6B; }

/* ================================
   RESPONSIVE
   ================================ */
@media (max-width: 1024px) {
  .kr-hero-title { font-size: 42px; }
  .kr-section-title { font-size: 30px; }
}
@media (max-width: 767px) {
  .kr-hero-title { font-size: 32px; }
  .kr-section-title { font-size: 26px; }
  .kr-hero-desc { font-size: 14px; }
}

/* Banner text gradient overlay */
.promo-banner .wrapper-content-banner {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.25) 60%, transparent 100%);
}
.promo-banner .banner-subtitle,
.promo-banner .banner-title,
.promo-banner .btn-style-link {
    color: #fff !important;
}
.promo-banner .btn-style-link .wd-btn-text {
    color: #fff !important;
    text-decoration: underline;
}