/*!
Theme Name: myfireplace
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: myfireplace
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

myfireplace is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */


	 .entry-title{
		display: flex;
        font-family: 'Work Sans', sans-serif;
	 }

	 .post-edit-link{
		display: none;
	 }

	 .entry-content{
		margin-bottom: 70px;
	 }

	 /* My Account Navigation - Modern Design */
.woocommerce-MyAccount-navigation {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  padding: 20px;
  width: 100%;
  max-width: 300px;
  /* margin: 30px auto; */
  font-family: 'Poppins', sans-serif;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation li {
  margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation a {
  display: block;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  padding: 12px 16px;
  border-radius: 5px;
  transition: all 0.3s ease;
  background: #f8f8f8;
  box-shadow: inset 0 0 0 1px #eee;
}

.woocommerce-MyAccount-navigation a:hover {
  background: linear-gradient(135deg, #ff7f50, #ff4500);
  color: #fff;
  box-shadow: 0 4px 10px rgba(255,69,0,0.2);
}

.woocommerce-MyAccount-navigation-link.is-active a {
  background: linear-gradient(135deg, #ff7f50, #ff4500);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(255,69,0,0.25);
}

.woocommerce-MyAccount-navigation a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,69,0,0.4);
}

/* Optional: Add icons (if you want Font Awesome) */
.woocommerce-MyAccount-navigation a::before {
  content: '•';
  margin-right: 10px;
  color: #ff4500;
  transition: color 0.3s ease;
}

.woocommerce-MyAccount-navigation-link.is-active a::before,
.woocommerce-MyAccount-navigation a:hover::before {
  color: #fff;
}


/* ===============================
   WooCommerce Edit Account Form
   Modern, Clean Design
=================================*/

.woocommerce-MyAccount-content {
  background: #ffffff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  max-width: 100%;
  /* margin: 40px auto; */
  font-family: "Poppins", sans-serif;
}

.woocommerce-EditAccountForm label {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
  font-size: 15px;
}

.woocommerce-EditAccountForm input.input-text {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-size: 14px;
  background: #fafafa;
  transition: all 0.3s ease;
}

.woocommerce-EditAccountForm input.input-text:focus {
  border-color: #ff7f50;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(255,127,80,0.2);
  outline: none;
}

.woocommerce-EditAccountForm .form-row {
  margin-bottom: 20px;
}

.woocommerce-EditAccountForm fieldset {
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 15px;
  margin-top: 25px;
  background: #fdfdfd;
}

.woocommerce-EditAccountForm legend {
  font-weight: 600;
  color: #ff4500;
  padding: 0 10px;
  font-size: 16px;
}

.woocommerce-EditAccountForm em {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #666;
}

.woocommerce-EditAccountForm button.woocommerce-Button {
  display: inline-block;
  background: linear-gradient(135deg, #ff7f50, #ff4500);
  color: #fff;
  font-weight: 600;
  padding: 12px 28px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-size: 15px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255,69,0,0.25);
  margin-top: 10px;
}

.woocommerce-EditAccountForm button.woocommerce-Button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(255,69,0,0.35);
}

/* Password Inputs (eye button) */
.password-input {
  position: relative;
}

.password-input .show-password-input {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.password-input .show-password-input:hover {
  opacity: 1;
}

/* Responsive Design */
@media (max-width: 768px) {
  .woocommerce-MyAccount-content {
    padding: 25px;
  }

  .woocommerce-EditAccountForm .form-row-first,
  .woocommerce-EditAccountForm .form-row-last {
    width: 100%;
  }
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #cfc8d8;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.woocommerce-button{
	 background: linear-gradient(135deg, #ff7f50, #ff4500)!important;
     color: #fff!important;
}

/* 🌟 PREMIUM PRODUCT CARD DESIGN */
.product {
  width: 100%;
  background: linear-gradient(145deg, #ffffff, #f9f9f9);
  border-radius: 5px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-align: center;
  position: relative;
  padding: 20px 15px 70px;
  margin: 20px auto;
  transition: all 0.35s ease;
  cursor: pointer;
  border:1px solid gray!important;
}

.product:hover {
/*  transform: translateY(-8px);*/
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  background: linear-gradient(145deg, #ffffff, #f2f2f2);
}

/* 🔥 Product Image */
.product img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  transition: all 0.4s ease;
  transform: scale(1);
}

.product:hover img {
  transform: scale(1.08);
}

/* 🏷️ Sale Badge */
.product .onsale {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #ff3e3e;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 25px;
  letter-spacing: 0.3px;
  box-shadow: 0 3px 8px rgba(255, 62, 62, 0.4);
}

/* 🛍️ Product Title */
.product h2.woocommerce-loop-product__title {
  font-size: 17px;
  font-weight: 700;
  color: #222;
  margin: 18px 0 10px;
  transition: color 0.3s;
  line-height: 1.3;
}

.product:hover h2.woocommerce-loop-product__title {
  color: #ff3e3e;
}

/* 💰 Price Styling */
.product .price {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
}

.product .price del {
  color: #999;
  font-size: 14px;
  margin-right: 6px;
}

.product .price ins {
  color: #ff3e3e;
  text-decoration: none;
}

/* 🛒 Add to Cart Button (Floating Style) */
.product .button {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #ff3e3e, #ff6a00);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
  padding: 10px 28px;
  text-transform: capitalize;
  box-shadow: 0 4px 10px rgba(255, 106, 0, 0.4);
  transition: all 0.3s ease;
}

.product .button:hover {
  background: linear-gradient(90deg, #222, #444);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transform: translateX(-50%) scale(1.05);
}

/* ✨ Hover Glow Effect */
.product::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 80%);
  transition: all 0.6s ease;
}

.product:hover::before {
  left: 100%;
}

/* 📱 Responsive */
@media (max-width: 768px) {
  .product {
    width: 90%;
  }

  .product h2.woocommerce-loop-product__title {
    font-size: 15px;
  }
}


.woocommerce ul.products li.product .onsale {
    top: 0;
    right: 0;
    left: auto;
    margin: 0.5em .5em 0 0;
}

.woocommerce ul.products li.product a {
   text-decoration: none;
    display: flow;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: 0.5em 10px!important;
    margin: 0;
    font-size: 1em;
}

/* 🔥 Add to Cart Button - Gradient Red/Orange */
a.add_to_cart_button,
a.button.product_type_simple {
  display: inline-block;
  background: linear-gradient(90deg, #ff3e3e, #ff7b00);
  color: #fff !important;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 32px;
  border-radius: 40px;
  text-transform: capitalize;
  letter-spacing: 0.3px;
  transition: all 0.35s ease;
  box-shadow: 0 6px 14px rgba(255, 106, 0, 0.4);
  position: relative;
  overflow: hidden;
    transform: translateY(-3px) scale(1.03);
}

/* Hover with Shine */
a.add_to_cart_button:hover,
a.button.product_type_simple:hover {
  transform: translateY(-3px) scale(1.03);
  background: linear-gradient(90deg, #ff7b00, #ff3e3e);
  box-shadow: 0 8px 20px rgba(255, 106, 0, 0.5);
}

a.add_to_cart_button::before,
a.button.product_type_simple::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 80%);
  transform: skewX(-25deg);
  transition: all 0.6s ease;
}

a.add_to_cart_button:hover::before,
a.button.product_type_simple:hover::before {
  left: 125%;
}

/* Click Effect */
a.add_to_cart_button:active,
a.button.product_type_simple:active {
  transform: scale(0.96);
  box-shadow: 0 3px 10px rgba(255, 106, 0, 0.3);
}

/* 🌟 Mini Cart Dropdown Container */
.mini-cart-drop-down {
  width: 340px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  padding: 20px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  transition: all 0.3s ease;
  animation: slideDown 0.3s ease forwards;
  overflow: hidden;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 🛍️ Cart Items List */
.woocommerce-mini-cart {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 260px;
  overflow-y: auto;
}

.woocommerce-mini-cart::-webkit-scrollbar {
  width: 6px;
}
.woocommerce-mini-cart::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
}

/* 🧾 Individual Cart Item */
.woocommerce-mini-cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  transition: background 0.3s ease;
}

.woocommerce-mini-cart-item:hover {
  background: #f9f9f9;
  border-radius: 10px;
}

/* 🖼️ Product Image */
.woocommerce-mini-cart-item img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  object-fit: cover;
  margin-right: 10px;
  transition: transform 0.3s ease;
}

.woocommerce-mini-cart-item:hover img {
  transform: scale(1.05);
}

/* 🔗 Product Link */
.woocommerce-mini-cart-item a {
  color: #222;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.3s;
}

.woocommerce-mini-cart-item a:hover {
  color: #ff3e3e;
}

/* ❌ Remove Button */
.remove_from_cart_button {
  color: #ff3e3e !important;
  font-size: 30px!important;
  line-height: 1;
  padding: 5px;
  transition: all 0.3s ease;
  border-radius: 50%;

}

.remove_from_cart_button:hover {
  background: #ff3e3e;
  color: #fff !important;
  transform: scale(1.1);
  width: 24px;
    height: 24px;
        font-size: 30px !important;

}

/* 💰 Quantity & Price */
.woocommerce-mini-cart-item .quantity {
  font-size: 14px;
  color: #555;
  font-weight: 500;
}

/* 🧮 Subtotal Section */
.woocommerce-mini-cart__total {
  border-top: 1px solid #eee;
  padding-top: 15px;
  margin-top: 10px;
  font-weight: 600;
  font-size: 16px;
  color: #222;
  display: flex;
  justify-content: space-between;
}

/* 🛒 Buttons (View Cart & Checkout) */
.woocommerce-mini-cart__buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.woocommerce-mini-cart__buttons a.button {
  flex: 1;
  text-align: center;
  background: linear-gradient(90deg, #ff3e3e, #ff7b00);
  color: #fff !important;
  padding: 10px 15px;
  font-weight: 700;
  font-size: 14px;
  border-radius: 30px;
  margin: 0 5px;
  text-transform: capitalize;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(255, 106, 0, 0.3);
}

.woocommerce-mini-cart__buttons a.button:hover {
  background: linear-gradient(90deg, #ff7b00, #ff3e3e);
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(255, 106, 0, 0.4);
}

/* 🔹 General Cart Container */
.wc-block-cart {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  padding: 40px;
  transition: all 0.3s ease;
  font-family: "Poppins", sans-serif;
}

/* 🔹 Table Styling */
.wc-block-cart-items {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.wc-block-cart-items__header {
/*  background: linear-gradient(135deg, #ff6600, #ff9500);*/
    color: #000000;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    text-transform: capitalize !important;
    letter-spacing: 0.5px;
    font-size: 20px !important;
}

.wc-block-cart-items__header th {
  padding: 16px 10px;
}

.wc-block-cart-items__row {
  border-bottom: 1px solid #eee;
  transition: background 0.2s ease;
}

.wc-block-cart-items__row:hover {
  background: rgba(255, 243, 230, 0.5);
}

/* 🔹 Product Image */
.wc-block-cart-item__image img {
  border-radius: 12px;
  width: 90px;
  height: 90px;
  object-fit: cover;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

/* 🔹 Product Name + Price */
.wc-block-components-product-name {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  margin-bottom: 5px;
  display: inline-block;
}

.wc-block-components-product-name:hover {
  color: #ff6600;
}

.wc-block-cart-item__prices del {
  color: #999;
  font-size: 14px;
}

.wc-block-cart-item__prices ins {
  color: #ff6600;
  font-weight: 600;
  font-size: 16px;
}

/* 🔹 Quantity Selector */
.wc-block-components-quantity-selector {
  display: flex;
  align-items: center;
  gap: 5px;
}

.wc-block-components-quantity-selector__input {
  width: 60px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 6px;
  font-weight: 500;
}

.wc-block-components-quantity-selector__button {
  background: #ff6600;
  color: #fff;
  border: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease;
}

.wc-block-components-quantity-selector__button:hover {
  background: #e65c00;
}

/* 🔹 Remove Button */
.wc-block-cart-item__remove-link {
  background: none;
  border: none;
  color: #e74c3c;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.wc-block-cart-item__remove-link:hover {
  color: #c0392b;
}

/* 🔹 Totals Section */
.wc-block-cart__sidebar {
  background: #fff8f2;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 6px 18px rgba(255, 102, 0, 0.1);
}

.wc-block-cart__totals-title {
  font-size: 22px;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
}

/* 🔹 Coupon Input */
.wc-block-components-totals-coupon__form input {
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 10px;
  width: 100%;
}

.wc-block-components-totals-coupon__button {
  background: linear-gradient(135deg, #ff6600, #ff9500);
  border: none;
  color: #fff;
  border-radius: 10px;
  padding: 10px 25px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.wc-block-components-totals-coupon__button:hover {
  background: linear-gradient(135deg, #ff7f00, #ffaa33);
}

/* 🔹 Proceed to Checkout Button */
.wc-block-cart__submit-button {
  background: linear-gradient(135deg, #ff6600, #ff9500);
  color: #fff;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  padding: 14px 30px;
  text-align: center;
  display: block;
  margin-top: 25px;
  transition: transform 0.2s ease, box-shadow 0.3s;
}

.wc-block-cart__submit-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(255, 102, 0, 0.4);
}

.wc-block-cart .wc-block-cart__totals-title{
          font-size: 20px;
          text-transform: capitalize;
}



/* Comments Container */
#comments.comments-area {
    max-width: 800px;
    margin: 50px auto;
    background: #f8f9fa;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* Respond Form */
.comment-respond {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Title */
.comment-reply-title {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    border-bottom: 2px solid #00aaff;
    padding-bottom: 8px;
}

/* Logged-in info */
.logged-in-as {
    font-size: 14px;
    color: #555;
    background: #e6f7ff;
    padding: 10px 15px;
    border-radius: 8px;
}

/* Textarea */
.comment-form-comment textarea {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    resize: vertical;
    transition: all 0.3s ease;
}

.comment-form-comment textarea:focus {
    border-color: #00aaff;
    box-shadow: 0 0 8px rgba(0,170,255,0.3);
    outline: none;
}

/* Submit Button */
.comment-form .submit {
    background: #00aaff;
    color: #fff;
    padding: 12px 25px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.comment-form .submit:hover {
    background: #0077cc;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Label */
.comment-form-comment label {
    font-weight: 600;
    color: #333;
}

/* Required star */
.required {
    color: red;
}

/* Small text links */
.comment-form a {
    color: #00aaff;
    text-decoration: none;
    font-weight: 500;
}

.comment-form a:hover {
    text-decoration: underline;
}

/* Tabs Wrapper */
.woocommerce-tabs.wc-tabs-wrapper {
  
    margin: 50px auto;
    background: #fefefe;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    padding: 20px;

    text-align: left;
}

/* WooCommerce single product page - card container */


.woocommerce-product-gallery__wrapper{
  border:1px solid gray;
}



.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    margin-top: 70px;
}




/* Navigation container */
.nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.navigation.post-navigation {
    display: block;
    justify-content: space-between; /* left and right */
    align-items: center;
    margin: 40px 0;
    padding: 0 10px;
  
}

/* Individual link styling */
.nav-links a {
    display: inline-block;
    text-decoration: none;
    color: #333;
    background-color: #f5f5f5;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

/* Hover effect */
.nav-links a:hover {
    background-color: #fff;
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

/* Subtitle */
.nav-links a .nav-subtitle {
    display: block;
    font-size: 12px;
    color: #888;
}

/* Title */
.nav-links a .nav-title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

/* Left and Right alignment */
.nav-previous {
    text-align: left;
}

.nav-next {
    text-align: right;
}

/* Responsive for mobile */
@media (max-width: 768px) {
    .navigation.post-navigation {
        flex-direction: column;
        gap: 10px;
    }
    .nav-previous,
    .nav-next {
        text-align: center;
    }
}

#author{
  width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    resize: vertical;
    transition: all 0.3s ease;
}

#author{
  width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    resize: vertical;
    transition: all 0.3s ease;
}

#email{
  width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    resize: vertical;
    transition: all 0.3s ease;
}

#url{
  width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    resize: vertical;
    transition: all 0.3s ease;
}

.post-navigation{
  display: none;
}

.woocommerce div.product div.summary {
    margin-bottom: 2em;
    text-align: justify;
}

/* 🌐 SHOP / ARCHIVE pages me product style apply ho */
body.woocommerce-shop .product,
body.post-type-archive-product .product,
body.archive .product {
    width: 100%;
    background: linear-gradient(145deg, #ffffff, #f9f9f9);
    border-radius: 5px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 20px 15px 70px;
    margin: 20px auto;
    transition: all 0.35s ease;
    cursor: pointer;
    border: 1px solid gray !important;
}

/* 🚫 SINGLE PRODUCT page me border/shadow/gradient disable ho */
body.single-product .product {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    cursor: default !important;
    transition: none !important;
}

.wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
    float: right;
    font-size: 2em!important;
    margin-top: -24px;
}

p{
  padding-top:10px;
}


/* WooCommerce Product Box Styling */
.woocommerce ul.products li.product {
    border: 1px solid #000!important;
    border-radius: 5px!important;
    padding: 12px!important;
    box-sizing: border-box!important;
    margin:10px!important;
}

/* Image ke corners bhi round karne ke liye */
.woocommerce ul.products li.product img {
    border-radius: 5px!important!important;
}

.woocommerce ul.products li.product {
    transition: all 0.3s ease!important;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15)!important;
}