
.bsp-track-wrap{max-width:1050px;margin:40px auto;padding:0 18px;font-family:Arial,sans-serif;color:#332b25}
.bsp-track-head{text-align:center;margin-bottom:28px}.bsp-track-head span{font-size:11px;letter-spacing:2px}.bsp-track-head h1{font-family:Georgia,serif;font-size:38px;margin:8px 0}.bsp-track-head p{color:#756b62}
.bsp-track-form{max-width:640px;margin:auto;background:#f7f3ed;border:1px solid #e5ddd2;padding:26px;display:grid;gap:16px}.bsp-track-form label{font-weight:600;font-size:13px}.bsp-track-form input{display:block;width:100%;height:48px;margin-top:7px;padding:0 13px;border:1px solid #d5c9ba;background:white}.bsp-track-form button,.bsp-btn,.bsp-pin-check{border:0;background:#3b3128;color:white!important;padding:13px 20px;text-decoration:none;cursor:pointer;text-align:center}
.bsp-alert{max-width:640px;margin:0 auto 15px;padding:12px 15px}.bsp-error{background:#fff0f0;border:1px solid #e7bebe;color:#8a2222}
.bsp-status-box{margin:30px 0;border:1px solid #e4ddd4;background:#fff;padding:28px;box-shadow:0 10px 35px rgba(50,42,35,.06)}.bsp-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:22px;border-bottom:1px solid #eee7df}.bsp-summary span{display:block;font-size:10px;letter-spacing:1.2px;color:#847a70;margin-bottom:6px}.bsp-summary strong{font-size:15px}
.bsp-timeline{display:flex;justify-content:space-between;position:relative;margin:38px 0 25px}.bsp-timeline:before{content:"";position:absolute;left:5%;right:5%;top:17px;height:2px;background:#ddd6ce}.bsp-step{position:relative;z-index:1;text-align:center;width:16.66%;color:#9b938b}.bsp-step i{display:flex;width:36px;height:36px;margin:0 auto 8px;align-items:center;justify-content:center;border-radius:50%;background:#eee9e3;border:2px solid #fff;font-style:normal;font-size:12px}.bsp-step span{font-size:11px;font-weight:600}.bsp-step.done{color:#3b3128}.bsp-step.done i{background:#3b3128;color:#fff}
.bsp-shipment-meta{display:flex;gap:28px;padding:15px;background:#f7f3ed;font-size:13px}.bsp-activity{margin-top:24px}.bsp-activity-row{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid #eee}.bsp-activity-row time,.bsp-activity-row small{font-size:12px;color:#82786f;display:block;margin-top:3px}
.bsp-account-list h2{margin-bottom:18px}.bsp-order-card{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;border:1px solid #e5ddd4;padding:18px;margin-bottom:12px}.bsp-order-card small{display:block;margin-top:4px;color:#81776d}
.bsp-pin-box{margin:20px 0;padding:18px;border:1px solid #e3dbd1;background:#faf7f2}.bsp-pin-box h3{font-size:15px;margin:0 0 10px}.bsp-pin-row{display:flex;max-width:420px}.bsp-pin-input{height:46px;flex:1;padding:0 12px;border:1px solid #cfc4b6}.bsp-pin-result{margin-top:10px;font-size:13px}.bsp-pin-result.success{color:#176b35}.bsp-pin-result.error{color:#9b2424}
@media(max-width:700px){.bsp-summary{grid-template-columns:1fr}.bsp-status-box{padding:18px}.bsp-timeline{display:grid;grid-template-columns:1fr;margin:25px 0}.bsp-timeline:before{left:17px;right:auto;top:10px;bottom:10px;width:2px;height:auto}.bsp-step{width:100%;display:flex;align-items:center;text-align:left;margin:6px 0}.bsp-step i{margin:0 12px 0 0;flex:0 0 36px}.bsp-step span{font-size:13px}.bsp-account-list .bsp-order-card{grid-template-columns:1fr}.bsp-activity-row{grid-template-columns:1fr}.bsp-shipment-meta{flex-direction:column;gap:7px}.bsp-track-head h1{font-size:30px}}

.bsp-delivery-card{display:grid;grid-template-columns:2fr 1fr;gap:24px;background:#faf7f2;border:1px solid #e7ded2;padding:18px;margin-bottom:20px}.bsp-delivery-card span{display:block;font-size:10px;letter-spacing:1.2px;color:#897e73;margin-bottom:5px}.bsp-delivery-card p{margin:8px 0 0;line-height:1.6}.bsp-pin-box{border-radius:8px;background:#fff;border:1px solid #e7ded3;box-shadow:0 8px 25px rgba(58,47,37,.06)}.bsp-pin-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.bsp-pin-title>span{font-size:22px}.bsp-pin-title h3{margin:0 0 3px;font-size:16px}.bsp-pin-title small{color:#7b7167}.bsp-pin-row{border:1px solid #cfc4b6;border-radius:5px;overflow:hidden}.bsp-pin-input{border:0!important;outline:none}.bsp-pin-check{min-width:100px}.bsp-status-box.is-compact .bsp-timeline{margin-bottom:8px}@media(max-width:700px){.bsp-delivery-card{grid-template-columns:1fr}}


/* =========================================================
   Bauble Commerce Suite v3.2 — Final storefront UI corrections
   ========================================================= */

/* PRODUCT PAGE: intentionally minimal so the Mitti product design stays unchanged. */
.single-product .bsp-pin-box-product{
    margin:18px 0 0;
    padding:18px 0 0;
    border:0;
    border-top:1px solid rgba(55,47,39,.16);
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.single-product .bsp-pin-box-product .bsp-pin-title{
    margin-bottom:11px;
    align-items:center;
}
.single-product .bsp-pin-box-product .bsp-pin-title>span{
    font-size:19px;
    line-height:1;
}
.single-product .bsp-pin-box-product .bsp-pin-title h3{
    margin:0 0 2px!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:600!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
.single-product .bsp-pin-box-product .bsp-pin-title small{
    display:block;
    font-size:12px;
    line-height:1.45;
}
.single-product .bsp-pin-box-product .bsp-pin-row{
    display:flex;
    width:100%;
    max-width:none;
    min-height:48px;
    border:1px solid rgba(55,47,39,.30);
    border-radius:3px;
    background:#fff;
    overflow:hidden;
}
.single-product .bsp-pin-box-product .bsp-pin-input{
    flex:1 1 auto;
    width:100%;
    min-width:0;
    height:48px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:14px!important;
}
.single-product .bsp-pin-box-product .bsp-pin-check{
    flex:0 0 auto;
    min-width:100px;
    height:48px;
    margin:0!important;
    padding:0 20px!important;
    border:0!important;
    border-radius:0!important;
    background:#3b3128!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:48px!important;
}
.single-product .bsp-pin-box-product .bsp-pin-result{
    margin-top:8px;
    font-size:12px;
    line-height:1.5;
}

/* MY ACCOUNT: typography and structure */
.woocommerce-account .woocommerce-MyAccount-content{
    min-width:0;
}
.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
    max-width:none!important;
    width:auto!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
.woocommerce-account .woocommerce-MyAccount-content h1{
    margin:0 0 22px!important;
    font-size:34px!important;
    line-height:1.18!important;
    font-weight:600!important;
}
.woocommerce-account .woocommerce-MyAccount-content h2{
    margin:28px 0 16px!important;
    font-size:25px!important;
    line-height:1.25!important;
    font-weight:600!important;
}
.woocommerce-account .woocommerce-MyAccount-content h3{
    margin:0 0 12px!important;
    font-size:19px!important;
    line-height:1.3!important;
    font-weight:600!important;
}
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content address{
    font-size:14px;
    line-height:1.7;
}

/* View Order heading */
.woocommerce-account .woocommerce-MyAccount-content > p:first-child{
    margin:0 0 22px;
    padding:12px 15px;
    border:1px solid rgba(55,47,39,.12);
    background:#faf8f4;
    font-size:14px;
    line-height:1.6;
}
.woocommerce-account .woocommerce-order-details{
    margin:0 0 28px!important;
}
.woocommerce-account .woocommerce-order-details__title{
    margin:0 0 16px!important;
    font-size:30px!important;
    line-height:1.2!important;
}
.woocommerce-account .woocommerce-table--order-details{
    margin:0!important;
    border-collapse:collapse!important;
    background:#fff;
}
.woocommerce-account .woocommerce-table--order-details th,
.woocommerce-account .woocommerce-table--order-details td{
    padding:13px 15px!important;
    vertical-align:middle!important;
}

/* Billing and Shipping cards — prevents the broken vertical headings shown in screenshot. */
.woocommerce-account .woocommerce-customer-details{
    display:block!important;
    clear:both;
    margin:26px 0 0!important;
}
.woocommerce-account .woocommerce-customer-details > h2{
    display:none!important;
}
.woocommerce-account .woocommerce-customer-details .woocommerce-columns,
.woocommerce-account .woocommerce-customer-details .col2-set{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    margin:0!important;
}
.woocommerce-account .woocommerce-customer-details .woocommerce-column,
.woocommerce-account .woocommerce-customer-details .col-1,
.woocommerce-account .woocommerce-customer-details .col-2{
    float:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:20px!important;
    border:1px solid rgba(55,47,39,.14);
    background:#fff;
}
.woocommerce-account .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-account .woocommerce-customer-details h2{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 14px!important;
    padding:0 0 11px!important;
    border-bottom:1px solid rgba(55,47,39,.12);
    font-size:20px!important;
    line-height:1.3!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
}
.woocommerce-account .woocommerce-customer-details address{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    font-style:normal!important;
    color:inherit!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
}
.woocommerce-account .woocommerce-customer-details address p{
    margin:9px 0 0!important;
}
.woocommerce-account .woocommerce-customer-details address p::before{
    margin-right:7px;
}

/* Plugin tracking block inside account/order screens */
.woocommerce-account .bsp-status-box{
    margin:26px 0 0;
    padding:22px;
    border:1px solid rgba(55,47,39,.14);
    box-shadow:none;
}
.woocommerce-account .bsp-summary{
    gap:14px;
}
.woocommerce-account .bsp-summary > div{
    min-width:0;
}
.woocommerce-account .bsp-summary strong{
    overflow-wrap:anywhere;
}
.woocommerce-account .bsp-delivery-card{
    grid-template-columns:minmax(0,2fr) minmax(180px,1fr);
    padding:18px;
    border-radius:0;
    box-shadow:none;
}
.woocommerce-account .bsp-delivery-card p{
    overflow-wrap:anywhere;
}

/* Account navigation: subtle cleanup only */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
    margin:0!important;
    border-bottom:1px solid rgba(55,47,39,.12);
}
.woocommerce-account .woocommerce-MyAccount-navigation a{
    display:block;
    padding:13px 4px!important;
    font-size:15px;
    line-height:1.4;
    text-decoration:none;
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
    font-weight:600;
}

/* Tablet / Mobile */
@media(max-width:900px){
    .woocommerce-account .woocommerce-customer-details .woocommerce-columns,
    .woocommerce-account .woocommerce-customer-details .col2-set{
        grid-template-columns:1fr!important;
    }
    .woocommerce-account .woocommerce-MyAccount-content h1{
        font-size:29px!important;
    }
    .woocommerce-account .woocommerce-order-details__title{
        font-size:27px!important;
    }
}
@media(max-width:700px){
    .single-product .bsp-pin-box-product .bsp-pin-row{
        min-height:46px;
    }
    .single-product .bsp-pin-box-product .bsp-pin-input,
    .single-product .bsp-pin-box-product .bsp-pin-check{
        height:46px!important;
        line-height:46px!important;
    }
    .single-product .bsp-pin-box-product .bsp-pin-check{
        min-width:86px;
        padding:0 14px!important;
    }
    .woocommerce-account .woocommerce-MyAccount-content h1{
        font-size:27px!important;
    }
    .woocommerce-account .woocommerce-MyAccount-content h2,
    .woocommerce-account .woocommerce-order-details__title{
        font-size:24px!important;
    }
    .woocommerce-account .woocommerce-customer-details .woocommerce-column,
    .woocommerce-account .woocommerce-customer-details .col-1,
    .woocommerce-account .woocommerce-customer-details .col-2{
        padding:16px!important;
    }
    .woocommerce-account .woocommerce-customer-details .woocommerce-column__title,
    .woocommerce-account .woocommerce-customer-details h2{
        font-size:19px!important;
    }
    .woocommerce-account .woocommerce-table--order-details th,
    .woocommerce-account .woocommerce-table--order-details td{
        padding:11px 10px!important;
    }
    .woocommerce-account .bsp-status-box{
        padding:16px;
    }
    .woocommerce-account .bsp-delivery-card{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   v3.2.1 — Product title / top-summary overlap correction
   Keeps the existing Mitti product page design unchanged.
   ========================================================= */

/* Prevent any floated/absolutely-sized product widgets from squeezing text
   into a narrow vertical column beside the product title. */
.single-product div.product .summary,
.single-product div.product .summary.entry-summary{
    min-width:0!important;
    overflow:visible!important;
}
.single-product div.product .summary::after,
.single-product div.product .summary.entry-summary::after{
    content:"";
    display:block;
    clear:both;
}

/* Product title stays on one clean content row and never wraps letter-by-letter. */
.single-product div.product .summary .product_title,
.single-product div.product .summary h1.product_title{
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 18px!important;
    padding:0 0 12px!important;
    line-height:1.24!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    white-space:normal!important;
    position:relative!important;
    z-index:2!important;
}

/* Keep short description and price fully below the title. */
.single-product div.product .summary .woocommerce-product-details__short-description,
.single-product div.product .summary .price,
.single-product div.product .summary .woocommerce-product-rating,
.single-product div.product .summary .stock,
.single-product div.product .summary form.cart{
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    position:relative!important;
}

/* Customer reassurance boxes should not overlap or reduce the title/description width. */
.single-product .summary .customer-reassurance,
.single-product .summary .customer-reassurance-wrapper,
.single-product .summary .wd-product-brands,
.single-product .summary .product-reassurance,
.single-product .summary [class*="reassurance"]{
    float:none!important;
    clear:both!important;
    max-width:100%!important;
}

/* Hide only broken, empty or zero-width duplicate delivery fragments.
   The real Bauble PIN checker remains visible via .bsp-pin-box-product. */
.single-product .summary > :not(.bsp-pin-box-product)[style*="width: 0"],
.single-product .summary > :not(.bsp-pin-box-product)[style*="width:0"],
.single-product .summary > :not(.bsp-pin-box-product)[style*="max-width: 0"],
.single-product .summary > :not(.bsp-pin-box-product)[style*="max-width:0"]{
    display:none!important;
}

/* Final PIN checker positioning — directly below Buy Now, no floating card. */
.single-product .bsp-pin-box-product{
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    position:relative!important;
    z-index:1!important;
    margin-top:18px!important;
}
.single-product .bsp-pin-box-product + *{
    clear:both!important;
}

/* Slightly tighter spacing below the checker without changing the rest of page. */
.single-product .bsp-pin-box-product{
    margin-bottom:8px!important;
}

@media(max-width:767px){
    .single-product div.product .summary .product_title,
    .single-product div.product .summary h1.product_title{
        margin-bottom:14px!important;
        padding-bottom:10px!important;
    }
}
