/* Hide single blog featured image */
.single-post img.img-responsive {
    display: none !important;
}

/* Hide post meta (date, author, comments) */
.post-meta-info {
    display: none !important;
}
/* Hide Bigin Forms spam note and report abuse */
.wf-spam-content-note,
.wf-spam-content-report-link,
.wf-spam-content-note + span {
    display: none !important;
}

.wc-ppcp-checkout-container,
.paypal-buttons {
    z-index: 1 !important;
}
/* Short description */
.single-product-top .woocommerce-product-details__short-description,
.single-product-top .woocommerce-product-details__short-description * {
    color: #000000 !important;
    opacity: 1 !important;
}

/* Product tabs (description, additional info, reviews) */
.single-product .woocommerce-tabs,
.single-product .woocommerce-tabs * {
    color: #000000 !important;
    opacity: 1 !important;
}
/* FORCE blog body text to pure black */
.single-content .post-content,
.single-content .post-content p,
.single-content .post-content p * {
    color: #000000 !important;
    opacity: 1 !important;
}
/* Force blog post excerpts to black */
.post-excerpt,
.post-excerpt * {
    color: #000000 !important;
    opacity: 1 !important;
}
/* Add "Tags" title above blog tags */
.single-post .single-post-tags::before {
    content: "Tags";
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 10px;
}

/* Page title */
.woocommerce-account h1,
.woocommerce-account .entry-title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 60px;
}

/* Container */
.woocommerce-account .woocommerce {
    max-width: 1100px;
    margin: 0 auto;
}

/* Grid layout */
.woocommerce-account .u-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

/* Cards */
.woocommerce form.login,
.woocommerce form.register {
    background: #ffffff;
    padding: 36px;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.06);
    border: none;
}

/* Headings */
.woocommerce form.login h2,
.woocommerce form.register h2 {
    font-size: 26px;
    margin-bottom: 18px;
}

/* Inputs */
.woocommerce input.input-text {
    height: 54px;
    background: #f4f6f8;
    border-radius: 12px;
    border: none;
    padding: 0 18px;
    font-size: 15px;
}

/* Password eye icon spacing */
.woocommerce .password-input {
    width: 100%;
}

/* Login button (primary) */
.woocommerce form.login button.button {
    background: #e11d2e;
    color: #fff;
    width: 100%;
    height: 52px;
    border-radius: 14px;
    font-size: 16px;
    margin-top: 20px;
}

/* Register button (outline) */
.woocommerce form.register button.button {
    background: transparent;
    color: #e11d2e;
    border: 2px solid #e11d2e;
    width: 100%;
    height: 52px;
    border-radius: 14px;
    font-size: 16px;
    margin-top: 20px;
}

/* Lost password */
.woocommerce-LostPassword a {
    color: #e11d2e;
    font-weight: 500;
}

/* OR divider */
.woocommerce form.login .social-login-divider {
    text-align: center;
    margin: 20px 0;
    position: relative;
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce-account .u-columns {
        grid-template-columns: 1fr;
    }
}
/* Hide default Register heading */
.woocommerce-account .u-column2 h2 {
    font-size: 0;
    visibility: hidden;
    position: relative;
}

/* Add custom Register heading */
.woocommerce-account .u-column2 h2::after {
    content: "New User? Create an account";
    visibility: visible;
    font-size: 18px;
    font-weight: 700;
    color: #111;
    display: block;
    margin-bottom: 24px;
}
/* Force login form rows to stack */
.woocommerce form.login .form-row {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* Remember me – own line, left aligned */
.woocommerce form.login .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 14px 0 16px 0;
    width: 100%;
}

/* Login button below remember me */
.woocommerce form.login button.button {
    display: block;
    width: 100%;
    margin-top: 0;
}
/* Add space between password field and remember me */
.woocommerce form.login .woocommerce-form__label-for-checkbox {
    margin-top: 18px !important;
    margin-bottom: 20px !important;
}

/* Extra spacing before login button */
.woocommerce form.login button.button {
    margin-top: 07px !important;
}

/* Labels color */
.woocommerce form.login label,
.woocommerce form.register label {
    color: #000 !important;
}
/* Fix browser autofill color */
.woocommerce input:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    box-shadow: 0 0 0px 1000px #f4f6f8 inset;
}
/* Password strength base */
#password_strength {
    margin-top: 10px;
    font-weight: 600;
    font-size: 14px;
}

/* Weak */
#password_strength.bad,
#password_strength.short {
    color: #e11d2e !important; /* red */
}

/* Medium */
#password_strength.good {
    color: #f59e0b !important; /* orange */
}

/* Strong */
#password_strength.strong {
    color: #16a34a !important; /* green */
}
/* GOOGLE BUTTON */
.woocommerce form.login {
    position: relative;
}

/* Force Google wrapper to stack */
.woocommerce form.login 
.googlesitekit-sign-in-with-google__frontend-output-button {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* OR divider BELOW Google button */
.woocommerce form.login 
.googlesitekit-sign-in-with-google__frontend-output-button::after {
    content: "------- OR -------";
    display: block;
    text-align: center;
    color: #9ca3af;
    font-size: 14px;
    margin: 18px 0 22px;
}
.haru-woo-search__container {
    border: 1px solid #e0e0e0; /* change color if needed */
    border-radius: 17px;
    padding: 1px 1px;
}

/* Hide Login section on Sign Up page */
body.page-id-16488.woocommerce-account .u-column1,
body.page-id-16488.u-column1 {
    display: none !important;
}

/* Make Signup form full width */
body.page-id-16488.woocommerce-account .u-column2,
body.page-id-16488.u-column2 {
    width: 100% !important;
    float: none !important;
    margin: 0 auto;
}
/* Reduce Sign Up page header height */
body.page-id-16488 .haru-page-title {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    min-height: auto !important;
}

/* Reduce title font size */
body.page-id-16488 .haru-page-title__heading--main {
    font-size: 36px !important;
    margin-bottom: 0 !important;
}

@font-face {
  font-display: swap;
}
img {
  height: auto;
  max-width: 100%;
}
.sku_wrapper{
display:none !important;
}
/* Delivery text */
.product_meta::before{
content:"Delivery: 3–10 Business Days ";
display:block;
font-family: "Inter", sans-serif;
font-size:16px;
margin-bottom:10px;
color:#222;
}

/* Bold only the label */
.product_meta::before{
font-weight:600;
}
/* Force grey text to black */
/* Fix grey text in content areas only */
body,
p,
.entry-content,
.entry-summary,
.product_meta,
.woocommerce-product-details__short-description{
color:#000;
}

/* Keep labels strong */
.product_meta .label{
font-weight:600;
}

/* Keep links normal */
a{
color:inherit;
}

/* Trust signals design */
.blud-trust-signals{
display:flex;
gap:30px;
margin-top:16px;
font-size:16px;
font-weight:500;
color:#111;
flex-wrap:wrap;
}

.blud-trust-signals span{
display:flex;
align-items:center;
gap:6px;
}
.woocommerce-cart .woocommerce {
    padding-top: 20px;
}
/* Hide Clear Shopping Cart */
.woocommerce-cart .clear-shopping-cart {
    display: none !important;
}

/* Hide Update Cart button */
.woocommerce-cart button[name="update_cart"] {
    display: none !important;
}
/* Hide Clear Shopping Cart button */
.woocommerce-cart .empty-cart-button{
    display: none !important;
}
/* Hide Continue Shopping button */
.woocommerce-cart a.haru-button--bg-black {
    display: none !important;
}
.payment_method_ppcp {
    display:none !important;
}
.woocommerce-privacy-policy-text{
    display:none !important;
}
.blud-payment-note{
font-size:15px;
line-height:1.5;
background:#f8f9fa;
padding:14px 16px;
border-left:4px solid #000;
border-radius:6px;
margin:15px 0;
}

.blud-payment-note strong{
font-size:16px;
font-weight:600;
}

.blud-payment-note span{
color:#d63638;
font-weight:600;
}
.blud-cart-title{
font-size:22px;
font-weight:600;
margin-bottom:15px;
}.select2-container--default .select2-results__option {
padding:10px 12px;
font-size:14px;
}

.select2-container--default .select2-dropdown {
border-radius:8px;
border:1px solid #ddd;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
color:#000 !important;
background:#fff !important;
padding:8px !important;
border:1px solid #ddd !important;
}

.select2-container--default .select2-results__option--highlighted {
background:#000 !important;
color:#fff !important;
}

/* Red border for invalid fields */
.woocommerce form .form-row.woocommerce-invalid input,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid textarea {
    border: 2px solid #e53935 !important;
    background: #fff6f6;
}

/* Label color */
.woocommerce form .form-row.woocommerce-invalid label {
    color: #e53935;
}
.woocommerce-error {
    border-top: 3px solid #e53935;
    background: #fff6f6;
    padding: 15px;
    font-size: 14px;
}

.woocommerce-error li {
    margin-bottom: 5px;
}
/* Remove red border from phone field */
#billing_phone_field.woocommerce-invalid input {
    border: 1px solid #ddd !important;
    background: #fff !important;
}

/* Optional: reset label color */
#billing_phone_field.woocommerce-invalid label {
    color: inherit !important;
}
/* Fix WooCommerce error icon alignment */
.woocommerce-error {
    position: relative;
    padding-left: 40px;
}

.woocommerce-error::before {
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}
.back-to-top {
    bottom: 120px !important; /* increase this value to move it up */
}
p.wc-ppcp-cart-or {
    display: none !important;
}
/* Submenu links underline on hover */
.menu-item .sub-menu .haru-footer-link ul li a {
    position: relative;
    text-decoration: none;
}

.menu-item .sub-menu .haru-footer-link ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

.menu-item .sub-menu .haru-footer-link ul li a:hover::after {
    width: 100%;
}
.variable-item.selected {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.haru-page-title {
    padding: 28px 0 !important;
}
.haru-page-title__heading--main {
    font-size: 30px !important;
}
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-components-express-payment__title,
.wc-block-components-checkout-order-summary__title-text {
    font-size: 18px !important;
    font-weight: 600;
}
.wc-block-components-product-name {
    font-size: 14px !important;
    font-weight: 500;
}
.wc-block-components-product-details__name,
.wc-block-components-product-details__value {
    font-size: 12px !important;
    color: #727272;
}
.wc-block-components-product-price__value,
.wc-block-components-totals-item__value {
    font-size: 14px !important;
    font-weight: 400;
	color:black
}
.wc-block-components-checkout-step {
    margin-bottom: 24px !important;
}

.wc-block-components-order-summary-item {
    margin-bottom: 12px !important;
}
/* Main Place Order button */
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
    background-color: #e11d2e !important; /* better red */
    border-radius: 8px !important; /* reduce from pill */
    height: 52px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* spacing between text & price */

    max-width: 420px; /* prevents too wide */
    margin: 20px auto; /* center it */
}

/* Hover effect */
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    background-color: #c51625 !important;
}

/* Fix weird dot spacing */
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
	
}
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
    max-width: 520px !important; /* increase width */
}
/* Edit button inside address box */
.wc-block-components-address-card__edit {
    background: transparent !important;
    color: #e11d2e !important; /* keep your red */
    border: 1px solid #e11d2e !important;

    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 500;

    border-radius: 6px !important;
    height: auto !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Hover effect */
.wc-block-components-address-card__edit:hover {
    background: #e11d2e !important;
    color: #fff !important;
}
@media (max-width: 768px) {
/*    .wp-block-woocommerce-checkout-order-summary-block:not(:first-child) {
        display: none !important;
    }
}*/
@media (max-width: 768px) {
    .wc-block-components-checkout-place-order-button {
        height: 56px !important;
        padding: 0 16px !important;
        
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;

        white-space: nowrap; /* prevent breaking */
        font-size: 15px;
    }

    /* Prevent "Place Order" from breaking */
    .wc-block-components-checkout-place-order-button span {
        white-space: nowrap;
    }
}
@media (max-width: 768px) {
    .wc-block-components-checkout-place-order-button {
        width: calc(100% - 32px) !important; /* adds side space */
        margin: 16px auto !important; /* center it */
        border-radius: 10px !important;
    }
}
@media (max-width: 768px) {
    .wp-block-woocommerce-checkout {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
/* FIX PLACE ORDER BUTTON SIZE */
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
    height: 46px !important;          /* reduced height */
    font-size: 15px !important;       /* smaller text */
    max-width: 360px !important;      /* tighter width */
    margin: 14px auto !important;     /* less spacing */
    border-radius: 8px !important;
    padding: 0 14px !important;
}

/* MOBILE FIX */
@media (max-width: 768px) {
    .wc-block-components-checkout-place-order-button {
        height: 48px !important;
        font-size: 14px !important;
        width: calc(100% - 24px) !important; /* better side spacing */
        margin: 12px auto !important;
    }
}
/* ===== SHOPIFY-STYLE FLOATING INPUTS ===== */

/* Field container */
.wc-block-components-text-input,
.wc-block-components-combobox {
    position: relative !important;
    margin-bottom: 18px !important;
}

/* Input field */
.wc-block-components-text-input input,
.wc-block-components-combobox select {
    height: 56px !important;
    padding: 20px 14px 6px !important; /* top space for label */
    border-radius: 10px !important;
    border: 1px solid #dcdcdc !important;
    background: #fff !important;
    font-size: 14px !important;
}

/* Label inside box */
.wc-block-components-text-input label,
.wc-block-components-combobox label {
    position: absolute !important;
    top: 16px !important;
    left: 14px !important;
    font-size: 14px !important;
    color: #777 !important;
    pointer-events: none;
    transition: all 0.2s ease;
    background: #fff;
    padding: 0 4px;
}

/* When typing / filled */
.wc-block-components-text-input input:focus + label,
.wc-block-components-text-input input:not(:placeholder-shown) + label,
.wc-block-components-combobox select:focus + label {
    top: 6px !important;
    font-size: 14.5px !important;
    color: #000 !important;
}

/* Focus border */
.wc-block-components-text-input input:focus,
.wc-block-components-combobox select:focus {
    border: 1px solid #000 !important;
    box-shadow: none !important;
    outline: none !important;
}
/* Select wrapper */
.wp-block-woocommerce-checkout .wc-blocks-components-select__container {
    position: relative;
}

/* Dropdown field */
.wp-block-woocommerce-checkout .wc-blocks-components-select__select {
    height: 52px !important;
    padding: 18px 14px 6px !important;
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
}

/* Label */
.wp-block-woocommerce-checkout .wc-blocks-components-select__label {
    position: absolute !important;
    top: 6px !important;
    left: 14px;
    font-size: 11px !important;
    color: #666 !important;
    background: #fff;
    padding: 0 4px;
}
/* RESET weird popup positioning */
.wc-block-components-notices {
    position: static !important;
    transform: none !important;
    margin-top: 16px;
}

/* Make error full width below button */
.wc-block-components-notice-banner.is-error {
    width: 100%;
    border-radius: 8px;
    border-top: 3px solid #e53935;
    background: #fff6f6;
    padding: 14px 16px;
    font-size: 14px;
    box-shadow: none !important;
}

/* Clean icon alignment */
.wc-block-components-notice-banner svg {
    margin-top: 2px;
}

/* Spacing from Place Order button */
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
    margin-bottom: 10px;
}
/* ===== COUPON FORM WRAPPER ===== */
.wc-block-components-totals-coupon__form {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 10px;
}


/* Error box */
.wc-block-components-notice-banner.is-error {
    background: #fff5f5 !important;
    border-left: 4px solid #dc3545 !important;
    color: #dc3545 !important;
}

/* Invalid fields (Woo Blocks uses aria-invalid) */
.wc-block-components-text-input input[aria-invalid="true"],
.wc-block-components-select select[aria-invalid="true"] {
    border: 2px solid #dc3545 !important;
    background-color: #ffe6e6 !important;
}
/* Field-level error text */
.wc-block-components-validation-error {
    color: #dc3545 !important;
    font-size: 13px;
    margin-top: 6px;
}
/* Icon color (the ⚠️ symbol) */
.wc-block-components-validation-error svg {
    fill: #dc3545 !important;
}

/* Main blog container */
.single-content,
.page-content,
.archive-content {
    padding-left: 40px;
    padding-right: 40px;
}

/* Optional: better desktop spacing */
@media (min-width: 1200px) {
    .single-wrapper {
        max-width: 1400px;
        margin: 0 auto;
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (max-width: 768px) {
    .wc-block-components-checkout-place-order-button__price {
        display: none !important;
    }
}
@media (max-width: 768px) {

    .wc-block-components-checkout-place-order-button__text,
    .wc-block-components-checkout-place-order-button__text > div,
    .wc-block-components-checkout-place-order-button__price {
        white-space: nowrap !important;
        font-size: 14px !important;
    }

    .wc-block-components-checkout-place-order-button__separator {
        display: none !important;
    }
}
/* Frame section */
label[for^="pa_color"] {
    display: block;
    margin-bottom: 8px;
}

/* Helper text */
label[for^="pa_color"]::after {
    content: "(Select a frame to add to cart)";
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-top: 6px;
}

/* Frame buttons */
[data-attribute_id^="pa_color"] {
    margin-top: 15px;
}

[data-attribute_id^="pa_color"] .variable-item {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    transition: all .2s ease;
}

/* Hover */
[data-attribute_id^="pa_color"] .variable-item:hover {
    border-color: #000;
    transform: translateY(-1px);
}

/* Selected */
[data-attribute_id^="pa_color"] .selected,
[data-attribute_id^="pa_color"] .active {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}
/* Hide review date */
.woocommerce-review__published-date {
    display: none !important;
}

/* Hide the dash that appears before the date */
.woocommerce-review__dash {
    display: none !important;
}
/* samsung s8 responsive add to cart text */
@media (max-width: 480px) {
    .mobile-bottom-nav,
    .mobile-navigation,
    .bottom-navigation {
        width: 100%;
        overflow: visible;
    }

    .mobile-bottom-nav > *,
    .mobile-navigation > *,
    .bottom-navigation > * {
        min-width: 0;
    }

    .mobile-bottom-nav .cart,
    .mobile-navigation .cart,
    .bottom-navigation .cart {
        overflow: visible;
    }

    .mobile-bottom-nav a,
    .mobile-navigation a,
    .bottom-navigation a {
        white-space: nowrap;
    }
}
/* Show X for coupon popup to close */

.wc-block-components-notice-banner__dismiss::before {
    content: "×" !important;
    font-family: Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
    color: #292828 !important;
}

/* TBS Load More */
.tbs-load-more {
    display: block;
    margin: 50px auto 20px;
    padding: 14px 36px;
    border: 1px solid #111;
    background: #111;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1;
    cursor: pointer;
    transition: all 0.25s ease;
}

.tbs-load-more:hover {
    background: #fff;
    color: #111;
}

.tbs-load-more.loading {
    opacity: 0.55;
    cursor: wait;
}