.elementor-1324 .elementor-element.elementor-element-6a37ae6{--display:flex;border-style:solid;--border-style:solid;border-width:1.5px 0px 0px 0px;--border-top-width:1.5px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#5E2154;--border-color:#5E2154;--border-radius:0px 0px 0px 0px;--margin-top:145px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1324 .elementor-element.elementor-element-2b15a6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:80px 0px 0px 0px;text-align:center;}.elementor-1324 .elementor-element.elementor-element-2b15a6c .elementor-heading-title{font-family:"Beau Rivage", Sans-serif;font-size:60px;font-weight:500;letter-spacing:1px;word-spacing:2.5px;}.elementor-1324 .elementor-element.elementor-element-2dc2f40{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-1324 .elementor-element.elementor-element-eb8c576.elementor-element{--align-self:center;}body.elementor-page-1324:not(.elementor-motion-effects-element-type-background), body.elementor-page-1324 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF1;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1324 .elementor-element.elementor-element-6a37ae6{--margin-top:115px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-1324 .elementor-element.elementor-element-6a37ae6{--margin-top:105px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}.elementor-1324 .elementor-element.elementor-element-2b15a6c .elementor-heading-title{font-size:50px;}}/* Start custom CSS for shortcode, class: .elementor-element-eb8c576 *//* Container Background & Card Styling */
.woocommerce .track_order {
    background-color: #FCFAF1 !important;
    max-width: 700px;
    margin: 20px auto 40px auto;
    padding: 40px 40px 50px 40px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(94, 33, 84, 0.05);
}

/* Hide Default Subtitle Text & Inject Updated Instruction Message */
.woocommerce .track_order p:first-of-type {
    font-size: 0 !important; /* Hides original text */
    margin-bottom: 30px !important;
}

.woocommerce .track_order p:first-of-type::after {
    content: "To track your order please enter your Order ID and your email address in the box below and press the \"Track\" button. This was given to you on your receipt and in the confirmation email you should have received." !important;
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    display: block !important;
}

/* Field Labels Above Inputs */
.woocommerce .track_order label {
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Change "Billing email" Label to "Email Address" */
.woocommerce .track_order .form-row-last label[for="order_email"] {
    font-size: 0 !important; /* Hides 'Billing email' */
}

.woocommerce .track_order .form-row-last label[for="order_email"]::after {
    content: "Email Address" !important;
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
    font-size: 16px !important;
    display: block !important;
}

/* Input Fields & Decreased Placeholder Text Size */
.woocommerce .track_order input.input-text {
    font-family: 'Noto Serif Bengali', serif !important;
    background-color: #FCFAF1 !important;
    border: 1px solid #e0cee0 !important;
    color: #5e2154 !important;
    font-size: 12px !important;
    padding: 14px 12px !important;
    border-radius: 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Placeholder Styling */
.woocommerce .track_order input.input-text::placeholder {
    color: rgba(94, 33, 84, 0.45) !important;
    font-style: italic !important;
    font-size: 12px !important;
}

/* Input Focus State */
.woocommerce .track_order input.input-text:focus {
    border-color: #5e2154 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(94, 33, 84, 0.1) !important;
}

/* Override Browser Autofill Blue Highlight */
.woocommerce .track_order input.input-text:-webkit-autofill,
.woocommerce .track_order input.input-text:-webkit-autofill:hover,
.woocommerce .track_order input.input-text:-webkit-autofill:focus,
.woocommerce .track_order input.input-text:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px rgba(224, 206, 224, 0.35) inset !important;
    -webkit-text-fill-color: #5e2154 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Submit Button */
.woocommerce .track_order button.button,
.woocommerce .track_order input[type="submit"] {
    font-family: 'Noto Serif Bengali', serif !important;
    background-color: #e0cee0 !important;
    color: #5e2154 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 16px 30px !important;
    width: 100% !important;
    margin-top: 20px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Submit Button Hover State */
.woocommerce .track_order button.button:hover,
.woocommerce .track_order input[type="submit"]:hover {
    background-color: #5e2154 !important;
    color: #FCFAF1 !important;
}

/* ==========================================================================
   TRACKING RESULTS PAGE CUSTOMIZATION (#5e2154, #e0cee0, #FCFAF1)
   ========================================================================== */

/* Main Status Heading Paragraph ("Order #1195 was placed on...") */
.woocommerce p.order-info,
.woocommerce p:has(mark) {
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

/* Highlighted Badges (Order #, Date, Completed status) */
.woocommerce mark.order-number,
.woocommerce mark.order-date,
.woocommerce mark.order-status,
.woocommerce mark {
    background-color: #e0cee0 !important;
    color: #5e2154 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

/* Section Headings ("Order updates", "Order details") */
.woocommerce h2.woocommerce-order-details__title,
.woocommerce h2.woocommerce-column__title,
.woocommerce .track_order + h2,
.woocommerce h2 {
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
    font-size: 26px !important;
    margin-top: 35px !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
}

/* Order Updates List & Tracking ID Text */
.woocommerce .order_details,
.woocommerce ol.commentlist,
.woocommerce ul.order_details {
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
}

.woocommerce .order_details li,
.woocommerce ol.commentlist li {
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
    font-size: 14px !important;
}

/* Clickable Tracking Link Styling */
.woocommerce a.fyolette-tracking-link,
.woocommerce .order_details a.fyolette-tracking-link {
    color: #5e2154 !important;
    font-family: 'Noto Serif Bengali', serif !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    transition: opacity 0.2s ease !important;
}

.woocommerce a.fyolette-tracking-link:hover,
.woocommerce .order_details a.fyolette-tracking-link:hover {
    color: #5e2154 !important;
    opacity: 0.75 !important;
}

/* Order Details Table Styling */
.woocommerce table.shop_table {
    font-family: 'Noto Serif Bengali', serif !important;
    border: 1px solid #e0cee0 !important;
    background-color: #FCFAF1 !important;
    border-collapse: collapse !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* Table Headers & Cells */
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border: 1px solid #e0cee0 !important;
    color: #5e2154 !important;
    padding: 14px 18px !important;
    font-family: 'Noto Serif Bengali', serif !important;
    font-size: 14px !important;
}

.woocommerce table.shop_table th {
    background-color: rgba(224, 206, 224, 0.25) !important;
    font-weight: 600 !important;
}

/* Product Item Links inside Table */
.woocommerce table.shop_table td.product-name a,
.woocommerce table.shop_table td a {
    color: #5e2154 !important;
    font-family: 'Noto Serif Bengali', serif !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

.woocommerce table.shop_table td.product-name a:hover {
    color: rgba(94, 33, 84, 0.7) !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   PLUS SIGN + EXACT ELEMENTOR BAG ICON STYLING
   ========================================================================== */

/* Hide WooCommerce default "View cart" links */
.woocommerce table.shop_table td.product-name a.added_to_cart,
.woocommerce table.shop_table td.product-name .wc-forward {
    display: none !important;
}

/* Inline flex alignment for table cell */
.woocommerce table.shop_table td.product-name {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

/* Reorder Icon Button Container */
.ajax-reorder-btn {
    background: transparent !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-right: 6px !important;
    box-shadow: none !important;
    transition: transform 0.2s ease !important;
}

/* Plus Sign Formatting */
.ajax-reorder-btn .reorder-plus {
    color: #5e2154 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Pure CSS SVG Masked Exact Elementor Bag Icon in #5e2154 */
.ajax-reorder-btn .reorder-bag-icon {
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    background-color: #5e2154 !important;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M30 35 C30 18 35 12 50 12 C65 12 70 18 70 35 L82 35 C88 35 90 37 90 43 L90 78 C90 88 84 92 72 92 L28 92 C16 92 10 88 10 78 L10 43 C10 37 12 35 18 35 Z M50 21 C40 21 39 25 39 35 L61 35 C61 25 60 21 50 21 Z M33 46 A 3.5 3.5 0 1 0 33 53 A 3.5 3.5 0 1 0 33 46 Z M67 46 A 3.5 3.5 0 1 0 67 53 A 3.5 3.5 0 1 0 67 46 Z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M30 35 C30 18 35 12 50 12 C65 12 70 18 70 35 L82 35 C88 35 90 37 90 43 L90 78 C90 88 84 92 72 92 L28 92 C16 92 10 88 10 78 L10 43 C10 37 12 35 18 35 Z M50 21 C40 21 39 25 39 35 L61 35 C61 25 60 21 50 21 Z M33 46 A 3.5 3.5 0 1 0 33 53 A 3.5 3.5 0 1 0 33 46 Z M67 46 A 3.5 3.5 0 1 0 67 53 A 3.5 3.5 0 1 0 67 46 Z'/></svg>") no-repeat center / contain;
}

/* Hover Scaling */
.ajax-reorder-btn:hover {
    transform: scale(1.15) !important;
}

.ajax-reorder-btn.loading {
    opacity: 0.5;
    pointer-events: none;
}

/* Hide Default Bottom "Order Again" Button */
.woocommerce p.order-again,
.woocommerce a.button.order-again,
.woocommerce .order-again a.button {
    display: none !important;
}

/* ==========================================================================
   STRICT SIDE-BY-SIDE BILLING & SHIPPING ADDRESS CARDS WITH INSET PADDING
   ========================================================================== */

/* Target the outer customer details wrapper and turn it into a flex container */
.woocommerce .woocommerce-customer-details,
.woocommerce section.woocommerce-customer-details,
.woocommerce .col2-set.addresses,
.woocommerce-columns--2 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 20px !important;
    margin-top: 30px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Force each column to take equal 50% width side-by-side */
.woocommerce .woocommerce-customer-details .woocommerce-column,
.woocommerce .col2-set.addresses .col-1,
.woocommerce .col2-set.addresses .col-2,
.woocommerce .woocommerce-columns--2 .woocommerce-column,
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
    flex: 1 1 0 !important;
    width: 50% !important;
    max-width: 50% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: left !important;
}

/* Title above each card */
.woocommerce .woocommerce-customer-details h3,
.woocommerce .woocommerce-column__title,
.woocommerce .col2-set.addresses h3,
.woocommerce .woocommerce-column h3 {
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    text-align: left !important;
}

/* Address Card Box with Generous Bottom & Side Inset Padding */
.woocommerce address {
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
    background-color: #FCFAF1 !important;
    border: 1px solid #e0cee0 !important;
    border-radius: 8px !important;
    padding: 28px 32px 32px 32px !important; /* Extra bottom & side padding */
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    font-style: normal !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: auto !important; /* Allows box to extend cleanly around icons */
}

/* Remove all inner borders/backgrounds */
.woocommerce address *,
.woocommerce address p,
.woocommerce address div,
.woocommerce address span,
.woocommerce .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details--phone {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
}

/* Phone & Email Spacing inside Address Card */
.woocommerce address a,
.woocommerce .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details--phone {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 12px !important;
    margin-bottom: 4px !important; /* Preserves clear spacing above bottom border */
    text-decoration: none !important;
}

/* Purple SVG Icons */
.woocommerce address svg,
.woocommerce address i {
    fill: #5e2154 !important;
    stroke: #5e2154 !important;
    color: #5e2154 !important;
    width: 15px !important;
    height: 15px !important;
}

/* ==========================================================================
   BRANDED WOOCOMMERCE ERROR & NOTICE MESSAGES (#FCFAF1, #5e2154, #e0cee0)
   ========================================================================== */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
ul.woocommerce-error {
    background-color: #FCFAF1 !important;
    border: 1px solid #e0cee0 !important;
    border-left: 4px solid #5e2154 !important; /* Branded accent bar */
    color: #5e2154 !important;
    font-family: 'Noto Serif Bengali', serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 16px 20px 16px 45px !important;
    border-radius: 6px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 2px 10px rgba(94, 33, 84, 0.04) !important;
    position: relative !important;
    list-style: none !important;
}

/* Error Message Text & Links */
.woocommerce-error li,
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
    font-family: 'Noto Serif Bengali', serif !important;
    color: #5e2154 !important;
    text-decoration: underline !important;
}

/* Replace Default Red Error Icon with Purple Accent Icon */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    color: #5e2154 !important;
    font-size: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 15px !important;
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (TABLETS & MOBILE DEVICES)
   ========================================================================== */

/* Tablet Optimization (768px and below) */
@media screen and (max-width: 768px) {
    .woocommerce .track_order {
        max-width: 92% !important;
        padding: 30px 20px 35px 20px !important;
        margin: 15px auto 30px auto !important;
    }

    .woocommerce .track_order .form-row-first,
    .woocommerce .track_order .form-row-last {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }

    .woocommerce .track_order p:first-of-type::after {
        font-size: 9px !important;
        line-height: 1.5 !important;
        letter-spacing: 1px !important;
    }

    .woocommerce .track_order button.button,
    .woocommerce .track_order input[type="submit"] {
        padding: 14px 20px !important;
        font-size: 12px !important;
    }

    .woocommerce table.shop_table th,
    .woocommerce table.shop_table td {
        padding: 10px 12px !important;
        font-size: 12px !important;
    }

    .woocommerce .woocommerce-customer-details,
    .woocommerce section.woocommerce-customer-details,
    .woocommerce .col2-set.addresses,
    .woocommerce-columns--2 {
        gap: 15px !important;
    }

    .woocommerce address {
        padding: 22px 24px 26px 24px !important;
        font-size: 13px !important;
    }
}

/* Mobile Devices (600px and below) */
@media screen and (max-width: 600px) {
    /* Stack address cards vertically on narrow mobile screens */
    .woocommerce .woocommerce-customer-details,
    .woocommerce section.woocommerce-customer-details,
    .woocommerce .col2-set.addresses,
    .woocommerce-columns--2 {
        flex-direction: column !important;
    }

    .woocommerce .woocommerce-customer-details .woocommerce-column,
    .woocommerce .col2-set.addresses .col-1,
    .woocommerce .col2-set.addresses .col-2,
    .woocommerce .woocommerce-columns--2 .woocommerce-column,
    .woocommerce-column--billing-address,
    .woocommerce-column--shipping-address {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    .woocommerce address {
        height: auto !important;
        padding: 20px 22px 24px 22px !important;
    }

    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        font-size: 13px !important;
        padding: 14px 15px 14px 40px !important;
    }
}/* End custom CSS */