/*
 Theme Name:   Astra Child
 Theme URI:    http://example.com/astra-child/
 Description:  Astra Child Theme
 Author:       Aapka Naam
 Author URI:   http://example.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child
*/

/* --- Yahan se Custom CSS Shuru Karen --- */
/* --- WooCommerce Checkout Page Styling --- */

/* Form ke labels ka color aur font change karna */
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
}

.woocommerce-additional-fields {
    display: none;
}


/*
--- Checkout Form Fields Styling (Text + Select) ---
Primary: #04C464
Secondary: #454545
*/

/* == Normal State (Jab click nahi kiya) == */

/* Text inputs aur Select boxes (Normal Border) */
body.woocommerce-checkout .form-row .input-text,
body.woocommerce-checkout .select2-container .select2-selection--single {
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 5px;
  border-color: #cccccc !important; /* Halki grey border (default) */
  color: #454545 !important; /* Secondary color text ke liye */
}

/* Select box ke andar ka text (Secondary color) */
body.woocommerce-checkout .select2-container .select2-selection__rendered {
  color: #454545 !important;
}

/* Select box ka Arrow (Secondary color) */
body.woocommerce-checkout .select2-container--default .select2-selection__arrow b {
  border-top-color: #454545 !important; /* Secondary color ka arrow */
}


/* == Focus State (Click karne par) == */

/* Text inputs (Focus) */
body.woocommerce-checkout .form-row .input-text:focus {
  border-color: #04C464 !important; /* Primary color border */
  box-shadow: 0 0 4px rgba(4, 196, 100, 0.5) !important; /* Primary color ka halka glow */
  outline: none !important;
}

/* Select boxes (Focus) */
body.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #04C464 !important; /* Primary color border */
  box-shadow: 0 0 4px rgba(4, 196, 100, 0.5) !important; /* Primary color ka halka glow */
  outline: none !important;
}


/* == Dropdown List Styling (Jo list khulti hai) == */

/* Jab dropdown khulta hai, uska border (Primary color) */
body.woocommerce-checkout .select2-dropdown {
  border-color: #04C464 !important;
}

/* Dropdown list mein option par HOver karne par (Primary color) */
body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #04C464 !important; /* Primary background */
  color: #ffffff !important; /* Safed text */
}

/* Dropdown list mein jo option pehle se selected ho */
body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5 !important; /* Halka grey background */
  color: #454545 !important; /* Secondary text color */
}


.woocommerce-page.woocommerce-checkout #payment #place_order, .woocommerce.woocommerce-checkout #payment #place_order {
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    background-color: #04C464;
}

tr.cart_item {
    color: #04c464;
}

.woocommerce-page.woocommerce-checkout form #order_review td.product-name, .woocommerce.woocommerce-checkout form #order_review td.product-name {
    flex-wrap: nowrap;
    font-weight: 700;
}
.woocommerce-page.woocommerce-checkout form #order_review td.product-name .product-quantity, .woocommerce.woocommerce-checkout form #order_review td.product-name .product-quantity {
    font-weight: 700;
    color: #545454;
}

.cart_item .woocommerce-Price-amount.amount bdi{
    font-weight: 700;
}

.cart_item .woocommerce-Price-currencySymbol
 {
    color: #545454;
    font-size: 17px;
}

tr.order-total
 {

    color: #04c464;
}




/*
--- WooCommerce Coupon Form Styling ---
Primary: #04C464
Secondary: #454545
*/

/* Coupon input field (Normal) */
.woocommerce-form-coupon .input-text {
  border: 1px solid #cccccc !important;
  color: #454545 !important; /* Secondary color text */
  padding: 10px !important;
  border-radius: 5px !important;
}

/* Coupon input field (Focus) */
.woocommerce-form-coupon .input-text:focus {
  border-color: #04C464 !important; /* Primary color border */
  box-shadow: 0 0 4px rgba(4, 196, 100, 0.5) !important; /* Primary color glow */
  outline: none !important;
}

/* "Apply coupon" button (Normal) */
.woocommerce-form-coupon .button {
  background-color: #04C464 !important; /* Primary color */
  color: #ffffff !important; /* Safed text */
  border: none !Dimportant;
  border-radius: 5px !important;
  padding: 10px 20px !important;
  line-height: 1.5 !important; /* Button height adjust */
}

/* "Apply coupon" button (Hover) */
.woocommerce-form-coupon .button:hover {
  background-color: #03a052 !important; /* Primary ka thora dark shade */
  color: #ffffff !important;
}


/* --- Coupon Field aur Button ke darmiyan Space Add Karna --- */

.woocommerce-form-coupon {
  display: flex; /* Form ko flexbox banao */
  align-items: flex-start; /* Items ko oopar align karo */
  width: 100%;
}

.woocommerce-form-coupon p.form-row-first {
  flex-grow: 1; /* Input field ko jitni jagah chahye do */
  margin-right: 10px !important; /* Right par 10px ka margin (space) do */
  margin-bottom: 0 !important; /* Neeche ka margin hatao */
}

.woocommerce-form-coupon p.form-row-last {
  margin-bottom: 0 !important; /* Neeche ka margin hatao */
}

.woocommerce-info {
    color: #0e0e10;
}
a.showcoupon {
    color: #04c464;
    font-weight: 700;
}

.woocommerce-message, .woocommerce-info {
    border-top-color: #04c464;
}

.woocommerce-message::before, .woocommerce-info::before {
    color: #04c464;
}






/*:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart).elementor-add-to-cart--align-justify .e-loop-add-to-cart-form-container a.added_to_cart {*/
/*    flex-basis: auto;*/
/*    display: none;*/
/*}*/
/* Hide default "View Cart" link after AJAX add to cart */
.woocommerce a.added_to_cart {
    display: none !important;
}


.woocommerce-message, .woocommerce-info {
    border-top-color: #04c464;
    display: none;
}

.description-box {
  padding: 20px;
  border: 1px solid #0073e6;
  border-radius: 8px;
  background: #f0f8ff;
  max-width: 600px;
  margin: auto;
}
.description-box h4 {
  margin-top: 0;
  margin-bottom: 15px;
  color: #0073e6;
  font-size: 20px;
}
.description-box p {
  font-size: 15px;
  margin-bottom: 10px;
  color: #333;
}
.account-section {
  background: #ffffff;
  padding: 12px 15px;
  border-radius: 6px;
  border: 1px solid #cce5ff;
  margin-bottom: 15px;
}
.account-section h5 {
  margin: 0 0 8px 0;
  color: #005bb5;
  font-size: 16px;
}
.account-section p {
  margin: 4px 0;
}




/*single product page remove tabs bar*/
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before {
    background: #046bd200;
}




















/*description and reviews*/
.entry-content :where(h1,h2,h3,h4,h5,h6) {
    margin-top: 0.5em;
}
.woocommerce-js #reviews #review_form {
    border: 2px solid #25d366;
    padding: 27px;
    border-radius: 25px;
}
.woocommerce-js #reviews #review_form #respond p.form-submit {
    margin-top: 0em;
}


.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed, [CLASS*="wc-block"] .wc-block-components-button {
    background-color: #04c464;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 12px;
    padding-left: 30px;
    line-height: 1em;
}
