/*
Theme Name: OchaHouse Child
Theme URI: https://ochahouse.jwsuperthemes.com
Template: ochahouse
Author: the JWSThemes team
Author URI: https://jwsuperthemes.com
Description: OchaHouse Store Elementor WordPress theme is the ultimate choice for getting started with a website presenting services and products of a tea shop, cafe, tea online business services, etc. A bright and bold design of the theme makes it look outstanding. Due to the theme’s compatibility with the Elementor and WooCommere intergated, you can easily adjust the ready-made pages to match the needs of a range of other topic-specific websites, including tea ceremony blogs, tea master agencies, herbal tea presentation companies, tea workshops, and tea events firms.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 2.4.1
Updated: 2022-08-05 03:57:48
*/

:root {
  --main: #2e524a;
  --secondary: #fda043;
  --accent: #bac9ac;
  --accent_second: #ebdbcb;
  --light: #ffffff;
  --dark: #000000;
  --heading: #2e524a;
  --body: #363636;
  --bodybg: #ffffff;
  --btn-color: #ffffff;
  --btn-color2: #ffffff;
  --btn-bgcolor: #fda043;
  --btn-bgcolor2: #2e524a;
  --e-global-color-primary: #2e524a;
  --e-global-color-secondary: #040202;
  --menu-color: #040202;
}
.btn-theme {
  background: var(--main);
  color: #ffffff;
  height: 50px;
  padding: 0 40px;
  text-align: center;
  line-height: 50px;
}

button.btn-theme {
  border: 0;
}

/* ========================================
   Always Show Add to Cart Button (Not Just on Hover)
   ======================================== */
.product-item.product .buttton-inner {
  opacity: 1 !important;
  transform: rotate(-90deg) translateY(7px) !important;
}

/* Alternative: If you want buttons at the bottom instead of vertical */
.products-tab.layout2 .product-item.product .product-buy a {
  transform: translatey(0) !important;
  opacity: 1 !important;
}

.products-tab.layout3 .product-item.product .product-buy {
  opacity: 1 !important;
  position: relative !important;
  transform: none !important;
}

.products-tab.layout3 .product-item.product .price {
  opacity: 1 !important;
  transform: none !important;
}

/* ========================================
   Add to Cart Button - Dark Color
   ======================================== */
.shop-single .single_add_to_cart_button,
.single-product .single_add_to_cart_button {
  background: var(--dark, #000000) !important;
  color: var(--light, #ffffff) !important;
}

.shop-single .single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:hover {
  background: var(--secondary, #fda043) !important;
  color: var(--light, #ffffff) !important;
}

/* ========================================
   Buy Now Button Styles (Hidden for now)
   ======================================== */
.manakkal-buy-now-btn,
.manakkal-buy-now-wrap {
  display: none !important;
}

.manakkal-buy-now-btn:hover {
  background: var(--main, #2e524a);
  color: #ffffff !important;
}

/* Buy Now button in product loop/grid */
.product-item .manakkal-buy-now-wrap {
  display: inline-block;
  margin-top: 10px;
}

.product-item .manakkal-buy-now-wrap .manakkal-buy-now-btn {
  padding: 8px 15px;
  font-size: 13px;
}

/* Buy Now button on single product page */
.single-product .manakkal-buy-now-btn,
.shop-single .manakkal-buy-now-btn {
  margin-top: 10px;
  width: auto;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 500;
  background: var(--dark, #000000) !important;
  color: var(--light, #ffffff) !important;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.single-product .manakkal-buy-now-btn:hover,
.shop-single .manakkal-buy-now-btn:hover {
  background: var(--secondary, #fda043) !important;
  color: var(--light, #ffffff) !important;
}

/* Button container for loop products - show both buttons */
.product-content .manakkal-buttons-wrap {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.product-content .manakkal-buttons-wrap .add_to_cart_button,
.product-content .manakkal-buttons-wrap .manakkal-buy-now-btn {
  flex: 1;
  min-width: 100px;
  text-align: center;
  padding: 10px 15px;
}