/**
* Theme Name: Zank Child
* Description: This is a child theme of Zank.
* Author: <a href="http://ninetheme.com/about">Ninetheme</a>
* Template: zank
* Version: 1.2.4
*/

/* Scope everything to this specific section */
#c2karts_home_id_slider1.woocommerce ul.products,
#c2karts_home_id_slider1 ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
}

#c2karts_home_id_slider1 ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Image: fixed height, consistent crop */
#c2karts_home_id_slider1 ul.products li.product a img {
    height: 220px !important;
    width: 100% !important;
    object-fit: contain !important;
}

/* Size row: fixed height so titles all start at the same line */
#c2karts_home_id_slider1 ul.products li.product .size,
#c2karts_home_id_slider1 ul.products li.product .product-attribute,
#c2karts_home_id_slider1 ul.products li.product .variation-swatch {
    min-height: 30px !important;
}

/* Title: fixed height (2 lines max) so price always lands in same spot */
#c2karts_home_id_slider1 ul.products li.product h2,
#c2karts_home_id_slider1 ul.products li.product .woocommerce-loop-product__title {
    min-height: 48px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 8px 0 !important;
}

/* Price: push to bottom, aligned across all cards */
#c2karts_home_id_slider1 ul.products li.product .price {
    margin-top: auto !important;
}

#c2karts_home_id_slider1 {
    display: none !important;
}

/* Product loop images: force every thumbnail to the same square box
   (e.g. 450x600 uploads now match 450x450 ones) */
.zank-product-loop-inner .zank-product-thumb img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #fff;
}

.woocommerce-Price-currencySymbol {
    color: red;
}

/* ===== Newsletter form: ek row + right side (icons ke paas) ===== */

/* Container bachi hui jagah le aur form ko right mein bheje */
.elementor-element.elementor-element-f317b97 {
    flex-grow: 1 !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    margin-right: 25px !important;   /* icons se gap: kam karein to aur paas jayega */
    width: auto !important;
}

.elementor-element.elementor-element-f317b97 .elementor-widget-wpforms {
    width: auto !important;
}

/* Form row */
#wpforms-form-11689 {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch !important;
    gap: 0;
    width: 480px;
    max-width: 100%;
    margin: 0 !important;
}

#wpforms-form-11689 .wpforms-field-container,
#wpforms-form-11689 .wpforms-field,
#wpforms-form-11689 .wpforms-submit-container {
    padding: 0 !important;
    margin: 0 !important;
}

#wpforms-form-11689 .wpforms-field-container {
    flex: 1 1 auto;
    min-width: 0;
}

#wpforms-form-11689 .wpforms-submit-container {
    flex: 0 0 auto;
    display: flex !important;
}

/* Input aur button - same height */
#wpforms-form-11689 input[type="email"],
#wpforms-form-11689 button.wpforms-submit {
    box-sizing: border-box !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    line-height: 1 !important;
}

#wpforms-form-11689 input[type="email"] {
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid #e10a0a !important;
    border-right: 0 !important;
    padding: 0 18px !important;
    box-shadow: none !important;
}

#wpforms-form-11689 button.wpforms-submit {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 32px !important;
    border: 1px solid #e10a0a !important;
    white-space: nowrap;
}

/* Form container ko right side push karna */
.elementor-element.elementor-element-f317b97 {
    flex-grow: 0 !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: 15px !important;   /* icons se gap */
}

/* Social icons wala container: sirf apni zarurat jitni width */
.elementor-element.elementor-element-f317b97 + .e-con {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
}

@media (max-width: 767px) {
    .elementor-element.elementor-element-f317b97,
    .elementor-element.elementor-element-f317b97 + .e-con {
        width: 100% !important;
        margin: 0 auto !important;
    }
}

/* Mobile: neeche-neeche full width */
@media (max-width: 767px) {
    .elementor-element.elementor-element-f317b97 {
        justify-content: center !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    #wpforms-form-11689 {
        flex-wrap: wrap;
        width: 100%;
    }
    #wpforms-form-11689 .wpforms-field-container,
    #wpforms-form-11689 .wpforms-submit-container,
    #wpforms-form-11689 button.wpforms-submit {
        width: 100% !important;
    }
    #wpforms-form-11689 input[type="email"] {
        border-right: 1px solid #e10a0a !important;
    }
    #wpforms-form-11689 .wpforms-submit-container {
        margin-top: 10px !important;
    }
}

/* My Account: Login / Register buttons - Bootstrap "btn btn-primary" style
   (theme mein sirf Bootstrap grid load hota hai, isliye button style yahan define kiya) */
.woocommerce-account .btn.btn-primary {
    display: inline-block;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    color: #fff;
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
    border-radius: .375rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.woocommerce-account .btn.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}
.woocommerce-account .btn.btn-primary:focus,
.woocommerce-account .btn.btn-primary:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
}
.woocommerce-account .btn.btn-primary:active {
    background-color: #0a58ca;
    border-color: #0a53be;
}
.woocommerce-account .btn.btn-primary:disabled {
    opacity: .65;
    pointer-events: none;
}

/* My Account: WooCommerce ka "show password" toggle button theme mein unstyled
   chhota khali box ban kar dikhta tha - use hide kiya */
.woocommerce-account .show-password-input {
    display: none !important;
}

/* Home main slider (Zank "Home Main Slider" widget): banner poora dikhe, cut na ho.
   Slider ki height fixed (vh) ki jagah banner image ke ratio (1671 x 941 = 16:9) se banti hai,
   isliye image "cover" hone par bhi koi hissa crop nahi hota - har screen size par. */
.zank-main-slider {
    height: auto !important;
    aspect-ratio: 1671 / 941;
}

/* C2Kart Shop Filters widget (Shopify style: Availability, Price, Color, Size ...) */
.c2kart-filters { font-size: 15px; color: #333; }
.c2kart-filters-title { font-size: 16px; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5; }
.c2kart-filter-section { border-bottom: 1px solid #e5e5e5; }
.c2kart-filter-heading {
    list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
    padding: 18px 0; font-size: 16px; color: #333;
}
.c2kart-filter-heading::-webkit-details-marker { display: none; }
.c2kart-filter-heading::after {
    content: ""; width: 8px; height: 8px; margin-right: 4px;
    border-right: 1.5px solid #333; border-bottom: 1.5px solid #333;
    transform: rotate(45deg); transition: transform .2s;
}
.c2kart-filter-section[open] > .c2kart-filter-heading::after { transform: rotate(-135deg); }
.c2kart-filter-body { padding: 0 0 18px; }
.c2kart-filter-body ul { list-style: none; margin: 0; padding: 0; max-height: 280px; overflow-y: auto; }
.c2kart-filter-option { margin: 0 0 12px; }
.c2kart-filter-option a,
.c2kart-filter-option > span { display: flex; align-items: center; gap: 10px; color: #333; text-decoration: none; }
.c2kart-filter-option a:hover .c2kart-filter-label { text-decoration: underline; }
.c2kart-filter-check {
    flex: 0 0 18px; width: 18px; height: 18px; border: 1px solid #555; border-radius: 2px; position: relative;
}
.c2kart-filter-option.is-active .c2kart-filter-check { background: #1c1c1c; border-color: #1c1c1c; }
.c2kart-filter-option.is-active .c2kart-filter-check::after {
    content: ""; position: absolute; left: 5px; top: 1px; width: 6px; height: 11px;
    border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.c2kart-filter-option.is-disabled { opacity: .45; }
.c2kart-filter-swatch { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #ddd; }
.c2kart-price-note { margin: 0 0 12px; font-size: 14px; color: #666; }
.c2kart-price-inputs { display: flex; align-items: center; gap: 10px; }
.c2kart-price-inputs label { display: flex; align-items: center; gap: 6px; flex: 1; margin: 0; }
.c2kart-price-inputs input { width: 100%; min-width: 0; height: 42px; padding: 0 10px; border: 1px solid #ccc; }
.c2kart-price-sep { color: #666; }
.c2kart-price-apply {
    margin-top: 12px; width: 100%; height: 40px; border: 0; background: #1c1c1c; color: #fff; cursor: pointer;
}
.c2kart-price-apply:hover { background: #000; }

/* C2Kart: Return / Refund request box (My Account order page + Order Tracking) */
.c2kart-return {
    margin: 30px 0;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
.c2kart-return h2 {
    margin: 0 0 10px;
    font-size: 22px;
}
.c2kart-return__details > summary {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
    background: #0d6efd;
    color: #fff;
    cursor: pointer;
    list-style: none;
}
.c2kart-return__details > summary::-webkit-details-marker {
    display: none;
}
.c2kart-return__details[open] > summary {
    margin-bottom: 15px;
}
.c2kart-return__form fieldset {
    margin: 0 0 15px;
    padding: 0;
    border: 0;
}
.c2kart-return__form legend,
.c2kart-return__form label {
    font-weight: 500;
}
.c2kart-return__item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
    font-weight: 400 !important;
}
.c2kart-return__item input[type="number"] {
    width: 70px;
}
.c2kart-return__form select,
.c2kart-return__form textarea {
    display: block;
    width: 100%;
    max-width: 480px;
}
.c2kart-return__form button {
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    background: #0d6efd;
    color: #fff;
    cursor: pointer;
}
.c2kart-return__error {
    padding: 10px 14px;
    border-left: 4px solid #d63638;
    background: #fcf0f1;
}
.c2kart-return__status {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    background: #fff8e5;
    font-weight: 500;
}
.c2kart-return__status--approved,
.c2kart-return__status--refunded {
    background: #edfaef;
}
.c2kart-return__status--rejected {
    background: #fcf0f1;
}