/*
	Theme Name:     Propharm Child
	Theme URI:      http://www.enovathemes.com/propharm
	Description:    Propharm - Pharmacy Medical WooCommerce WordPress Theme
	Author:         Enovathemes
	Author URI:     https://enovathemes.com
	Version:        1.0
	Template:       propharm
*/

/* =Theme customization starts here
-------------------------------------------------------------- */


/* ===================================  Cart styles ========================= */
.custom-cart-layout {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 40px;
    align-items: start;
}

/* Right: totals */
.cart-right-box {
    position: sticky;
    top: 20px;
}

.cart-right-box .cart_totals {
    margin-bottom: 30px;
}

/* Mobile */
@media (max-width: 768px) {
    .custom-cart-layout {
        grid-template-columns: 1fr;
    }

    .cart-right-box {
        position: static;
    }
}

/* To settle box */
.cart-settle-box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.06); */
    border: 1px solid rgba(0,0,0,.1)
}

/* Heading */
.cart-settle-box h3 {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 600;
}

/* Field wrapper */
.cart-settle-box .settle-field {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

/* Labels */
.cart-settle-box label {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
}

/* Inputs & textarea */
.cart-settle-box input,
.cart-settle-box textarea {
    width: 90%;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background: #fafafa;
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* Focus state */
.cart-settle-box input:focus,
.cart-settle-box textarea:focus {
    outline: none;
    border-color: #0ea5e9;
    box-shadow: 0 0 0 2px rgba(14,165,233,0.15);
    background: #fff;
}

/* Textarea */
.cart-settle-box textarea {
    resize: vertical;
    min-height: 80px;
}

/* Order button */
.settle-order-btn {
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    background: #0ea5e9;
    color: #fff;
    border: none;
    cursor: pointer;
}

.settle-order-btn:hover {
    background: #0284c7;
}

/* =================================== End Cart styles ========================= */

.woocommerce-cart-form{
	width: 100% !important;
}

.to-settle{
	font-weight: 700;
    font-size: 16px;
	padding: 0 16px 12px 16px;
	margin-bottom: 0;
}

/* .product .woocommerce-product-gallery__image--placeholder .wp-post-image {
  display: flex;
  padding: 80px 0;
} */


/* .woocommerce-page .cart-collaterals h2{
    display: none;
} */

@media only screen and (min-width: 1280px) {
    .cart-collaterals {
        width: calc(100%);
    }
}


.custom-attribute-list {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 10px 0; 
    padding: 10px;
}
.custom-attribute-list .attribute{
    font-size: 13px; 
    line-height: 1.6; 
    margin-bottom: 4px;
}

.custom-attribute-list .attribute-name{
    color: #184363;
}

.custom-attribute-list .attribute-value{
    color: #56778f;
}

.product-short-description, .post-excerpt { 
    display: none !important; 
}


/* ========================= 1. All Categories Menu CSS ========================= */
/* 1. Main Container - No border, auto-width */
.dhdent-megamenu-container {
    display: inline-flex !important; /* Shrinks container to sidebar width */
    position: relative !important;
    background: transparent !important;
    border: none !important; /* Removes main border */
    min-height: auto !important;
    width: auto !important;
}

.submenu-shadow-true .nav-menu .sub-menu,
.submenu-shadow-true.et-header-button .megamenu,
.et-header-button .megamenu {
  box-shadow: none !important;
  min-width: inherit;
  width: inherit;
}

/* 2. Parent Sidebar */
ul.dhdent-parent-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 215px !important;
    background: #fff !important;
    border: 1px solid #eaeaea !important; /* Border only around the list */
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

/* Removes borders between categories and reduces space */
ul.dhdent-parent-list li.cat-item {
    position: relative !important; /* Changed to relative for the panel anchor */
    margin: 0 !important;
    padding: 0;
    border: none !important;
    min-width: 214px;
}

ul.dhdent-parent-list li.cat-item > a {
    display: block !important;
    padding: 9px 15px !important; /* Tight spacing like Demegro */
    color: #184363 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    border-bottom: 1px solid #eaeaea !important; /* Very subtle divider */
    transition: all 0.2s ease !important;
    font-weight: 700;
}

/* 3. The Sub-Category Panel (Fly-out) */
ul.dhdent-parent-list li.cat-item ul.children {
    display: none !important;
    position: absolute !important;
    top: -1px !important; /* Align with parent top */
    left: 100% !important; /* Push completely outside the sidebar */
    /*width: 500px !important;*/ /* Set a specific width for the sub-menu */
    width: auto !important; /* Allow width to adjust based on content */
    min-height: 100% !important;
    background: #fff !important;
    padding: 5px 5px !important;
    margin: 0 !important;
    list-style: none !important;
    border: 1px solid #eaeaea !important;
    border-left: none !important;
    box-shadow: 10px 4px 15px rgba(0,0,0,0.05) !important;
    z-index: 999 !important;
    /* 2 Column layout */
    column-gap: 20px !important;
}

/* 4. Trigger: Show only on hover */
ul.dhdent-parent-list li.cat-item:hover > ul.children {
    display: block !important;
    padding: 0 !important;
}

ul.dhdent-parent-list li.cat-item ul.children li {
  white-space: nowrap;
}

/* Hover style for parent category */
ul.dhdent-parent-list li.cat-item:hover > a {
    background: #edf4f6 !important;
    color: #0088cc !important;
}

/* Hide the sub-menu if it's empty to prevent accidental white boxes */
ul.children:empty {
    display: none !important;
}

.custom-cms-content ul {
    padding-left: 20px !important;
}

.custom-cms-content ol li{
    font-weight:  700 !important;
}

.custom-cms-content ul li p{
    font-weight:  400 !important;
}

/* .et-accordion .active .toggle-ind {
        transform: rotate(90deg);
} */


.woocommerce-form-row .password-input {
  position: relative;
}

.woocommerce-form-row .password-input .show-password-input {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 !important;
  width: 42px;
  height: 42px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-radius: 0;
}