/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* Styling for the category banner */
.category-banner {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-title {
    color: white;
    font-size: 40px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

/* Subcategory grid styling */  
.subcategory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 20px;
}

.subcategory-item {
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}

.subcategory-item img {
    width: 100%;
    height: auto;
    border-bottom: 5px solid #fff;
}

.subcategory-item:hover {
    transform: scale(1.05);
}

.subcategory-item h2 {
    font-size: 20px;
    margin: 15px 0;
    color: #333;
}

/* Product section styling */
.products-section {
    padding: 20px;
}

.products-section .product {
    padding: 15px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    margin-bottom: 20px;
}

.no-products {
    text-align: center;
    font-size: 18px;
    color: #ff6c2f;
    margin-top: 50px;
}
/* --- RESET the risky rules so Woodmart keeps control ---cart page-khushboo */
/* === CART: put table and totals on the same row (desktop) === */
@media (min-width: 1024px) {
  /* make the cart page container a flex row */
  .woocommerce-cart .woocommerce {
    display: block;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px; /* space between table and totals */
  }

  /* full-width blocks should occupy their own row */
  .woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
  .woocommerce-cart .woocommerce > .custom-cart-gif,
  .woocommerce-cart .woocommerce > .cross-sells {
    flex: 1 0 100%;
  }

  /* cart table (left) */
  .woocommerce-cart .woocommerce > form.woocommerce-cart-form {
    flex: 1 1 64%;
    min-width: 0;            /* prevents overflow */
  }

  /* cart totals (right) */
  .woocommerce-cart .woocommerce > .cart-collaterals {
    flex: 0 0 32%;
  }

  /* keep the totals card visible while scrolling (optional) */
  .woocommerce-cart .cart-collaterals .cart_totals {
    position: sticky;
    top: 100px;              /* adjust if your header is taller/shorter */
  }
}

/* mobile/tablet keeps normal stacking */
@media (max-width: 1023.98px) {
  .woocommerce-cart .woocommerce {
    display: block;
  }
}
/* Desktop/tablet: widen PRODUCT column, shrink PRICE */
@media (min-width: 992px) {
  /* Works for most WooCommerce themes incl. WoodMart */
  .woocommerce-cart table.shop_table.cart th.product-name,
  .woocommerce-cart table.shop_table.cart td.product-name { width: 49% !important; }

  .woocommerce-cart table.shop_table.cart th.product-price,
  .woocommerce-cart table.shop_table.cart td.product-price { width: 17% !important; }

  .woocommerce-cart table.shop_table.cart th.product-quantity,
  .woocommerce-cart table.shop_table.cart td.product-quantity { width: 12% !important; }

  .woocommerce-cart table.shop_table.cart th.product-subtotal,
  .woocommerce-cart table.shop_table.cart td.product-subtotal { width: 12% !important; }

  /* If your theme renders rows as flex (WoodMart sometimes does), keep these too */
  .woocommerce-cart .shop_table .product-name { flex: 0 0 52% !important; }
  .woocommerce-cart .shop_table .product-price { flex: 0 0 10% !important; text-align: left; }
  .woocommerce-cart .shop_table .product-quantity { flex: 0 0 14% !important; }
  .woocommerce-cart .shop_table .product-subtotal { flex: 0 0 14% !important; }
}

/* Optional: tidy the booking meta lines under the product title */
.woocommerce-cart td.product-name .wc-item-meta,
.woocommerce-cart td.product-name .variation {
  font-size: 12px;
  line-height: 1.3;
  margin-top: 6px;
}
.woocommerce-cart .product-price, .woocommerce-cart .product-subtotal
{
  white-space: normal!important;
}

/*code for quick view*/
.wvqv__title { font-size: 1.2rem; margin-bottom: .5rem; }
.wvqv__excerpt { font-size: .95rem; color: #444; margin-bottom: 1rem; }
.wvqv__button { margin: 1rem 0; }
.wvqv__categories { font-size: .9rem; margin-bottom: .75rem; }
.wvqv__share { margin-top: 1rem; }
/* Hide "View Rent Details" only inside Woodmart Quick View */
.mfp-content .product .view-rent-details,
.mfp-content .product a.view-rent-details,
.mfp-content .product .btn.view-rent-details { display:none !important; }


/* Show/Hide the specific Raw HTML block by class */
.bp-buy    .wpb_raw_code.wpb_raw_html.wpb_content_element.vc_custom_1731073982423 { 
  display: none !important; 
}
.bp-rental .wpb_raw_code.wpb_raw_html.wpb_content_element.vc_custom_1731073982423 { 
  display: block !important; 
}

/*variable options for category pages*/

.kh-variable-section {
  margin-top: 50px;
  padding: 30px 20px;
  background: #fafafa;
  border-radius: 8px;
}
.kh-variable-heading {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
}
.kh-variable-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 25px;
}
.kh-variable-item {
  padding: 20px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  text-align: center;
}
.kh-variation-select {
  width: 100%;
  margin-bottom: 12px;
  padding: 6px 8px;
}
.kh-add-to-cart-btn {
  width: 100%;
  padding: 10px;
  border-radius: 4px;
}

a.button.kh-select-options {
    background: #1253A0 !important;
    border-color: #1253A0 !important;
}
/* Hide Woodmart Quick View for variable products on archive/grid */
.product-type-variable .open-quick-view,
.product-type-variable .quick-view,
.product-type-variable .wd-quick-view {
  display: none !important;
}

/* Show a small "Select options" hint on variable products in category/shop grids */
.products .product.product-type-variable .wd-entities-title a::after,
.products .product.product-type-variable .product-title a::after,
.products .product.product-type-variable h3 a::after {
  content: "  ·  Select options";
  font-size: 12px;
  opacity: 0.75;
}

/*thank you page*/
/* Thank-you page: make the overview a 2×2 grid on mobile */
@media (max-width: 640px){
  /* Hide the table header */
  .woocommerce-order .woocommerce-order-overview thead { display:none; }

  /* Turn the values row into a two-column grid */
  .woocommerce-order .woocommerce-order-overview__details{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 16px;
    width: 100%;
  }

  /* Reset tabley bits so it looks like cards */
  .woocommerce-order .woocommerce-order-overview__details td{
    display:block;
    padding:10px 12px;
    border:1px solid #eee;
    border-radius:10px;
    white-space: normal;           /* allow wrapping */
    overflow-wrap: anywhere;       /* long emails wrap nicely */
    word-break: break-word;
  }

  /* Add labels before each value */
  .woocommerce-order .woocommerce-order-overview__details td:nth-child(1)::before{
    content: "Order number:"; font-weight:700; display:block; margin-bottom:4px;
  }
  .woocommerce-order .woocommerce-order-overview__details td:nth-child(2)::before{
    content: "Date:"; font-weight:700; display:block; margin-bottom:4px;
  }
  .woocommerce-order .woocommerce-order-overview__details td:nth-child(3)::before{
    content: "Email:"; font-weight:700; display:block; margin-bottom:4px;
  }
  .woocommerce-order .woocommerce-order-overview__details td:nth-child(4)::before{
    content: "Total:"; font-weight:700; display:block; margin-bottom:4px;
  }

  /* Make the Total look prominent */
  .woocommerce-order .woocommerce-order-overview__details td:nth-child(4){
    font-weight:700;
  }
}

<style>
.bp-deposit-info-link{ color:#6b7280; }
.bp-deposit-info-link:hover{ color:#111; }

  .bp-deposit-info-link{
    display:inline-flex; align-items:center; justify-content:center;
    width:22px; height:22px; border-radius:50%;
    color:#6b7280; text-decoration:none; cursor:pointer;
  }
  .bp-deposit-info-link:hover{ color:#111; }
  .bp-deposit-info-icon{ width:18px; height:18px; display:block; }
.bp-deposit-info-link{
  vertical-align:middle; line-height:1; margin-left:6px;
}
/* keep label+icon on one line */
.bp-deposit-label{ white-space:nowrap; }
.bp-deposit-info-link:focus{
  outline:2px solid #ff6c2f; outline-offset:2px; border-radius:50%;
}
/*my-account*/

/* ===== My Account: two-card layout (Woodmart) ===== */

/* 2-column grid */
.woocommerce-account #customer_login.u-columns.col2-set{
  display:grid; grid-template-columns:1fr 1fr; gap:36px;
}

/* Card look */
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2{
  background:#fff; border:1px solid #eaeaea; border-radius:12px;
  padding:24px 24px 28px;
}

/* Headings */
.woocommerce-account #customer_login h2{
  font-weight:700; line-height:1.15; margin:6px 0 18px;
}

/* Inputs */
.woocommerce-account form.woocommerce-form .form-row input.input-text{
  height:46px; border-radius:8px;
}

/* Buttons (use theme primary color/orange) */
.woocommerce-account .woocommerce-form .button,
.woocommerce-account .woocommerce-form .woocommerce-Button{
  width:100%; height:46px; border-radius:8px; font-weight:600;
}

/* Helper links */
.woocommerce-account .woocommerce-form .lost_password{ margin-top:10px; }

/* Mobile */
@media (max-width: 768px){
  .woocommerce-account #customer_login.u-columns.col2-set{
    grid-template-columns:1fr; gap:20px;
  }
}
/* undo any theme CSS that hides the column titles */
.woocommerce-account #customer_login .u-column1 > h2, h2.wd-login-title,
.woocommerce-account #customer_login .u-column2 > h2,
.woocommerce-account .bp-col-heading{
  display: block !important;
  visibility: visible !important;
  margin-bottom: 12px;
}


</style>