/* Custom Flat Modern Overrides */
:root{
    --flat-radius:12px;
    --flat-surface:#f7f8fa;
    --flat-muted:#6b7280;
    --flat-primary:var(--fs-color-primary, #2563eb);
}

/* Buttons: flat look, rounded corners, no inset shadows */
.button, button, input[type=button], input[type=reset], input[type=submit] {
    border-radius: var(--flat-radius) !important;
    box-shadow: none !important;
    background-image: none !important;
    transition: transform .18s ease, background-color .18s ease, color .18s ease;
}
.button.is-outline { background: transparent; border: 1px solid rgba(0,0,0,.06); }
.button:hover { transform: translateY(-1px); }

/* Inputs: flat, clear borders, rounded */
input[type=text], input[type=search], input[type=email], input[type=tel], textarea, select {
    border-radius: calc(var(--flat-radius) - 4px);
    border: 1px solid rgba(0, 0, 0, .08);
    background-color: #fff;
    padding: 1.55em .9em;
    box-shadow: none;
}

/* WooCommerce quantity + add to cart area */
.quantity.buttons_added, .quantity.buttons-added {
    align-items: stretch;
    display: inline-flex;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 13px;
    background: #fff;
    flex: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus,
.quantity.buttons-added .minus,
.quantity.buttons-added .plus {
    width: 2.7rem;
    min-width: 2.7rem;
    margin: 0;
    border: 0;
    background: #f3f4f6;
    color: #111827;
    font-size: 1.1rem;
    line-height: 1;
    box-shadow: none;
        width: fit-content;
}

.quantity.buttons_added .qty,
.quantity.buttons-added .qty {
    width: 3.6rem;
    margin: 0;
    border: 0;
    border-left: 1px solid rgba(0, 0, 0, .08);
    border-right: 1px solid rgba(0, 0, 0, .08);
    border-radius: 0;
    text-align: center;
    background: #fff;
    min-height: 2.7rem;
    padding: 0;
}

.single-product form.cart {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.single-product-shopee {
    width: 100%;
    margin-top: .5rem;
}

.single-product-shopee .shopee-buy-button {
    align-items: center;
    background: #ee4d2d;

/* Mini cart quantity controls */
.woocommerce-mini-cart-item.mini_cart_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.woocommerce-mini-cart-item.mini_cart_item > a:not(.remove),
.woocommerce-mini-cart-item.mini_cart_item > .variation,
.woocommerce-mini-cart-item.mini_cart_item > .quantity {
    width: 100%;
}

.mini-cart-item--qty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: 100%;
    padding-top: .15rem;
}

.mini-cart-item--qty-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    width: 100%;
}

.mini-cart-item--qty-row .quantity {
    margin: 0;
    font-size: .9rem;
}

.mini-cart-qty-control {
    align-items: center;
    display: inline-flex;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 999px;
    background: #fff;
}

.mini-cart-qty-btn {
    align-items: center;
    background: #f3f4f6;
    border: 0;
    color: #111827;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 2rem;
    box-shadow: none;
}

.mini-cart-qty-btn:hover {
    background: #e5e7eb;
    transform: none;
}

.mini-cart-qty-value {
    min-width: 2.1rem;
    text-align: center;
    font-size: .92rem;
    font-weight: 700;
    color: #111827;
    padding: 0 .35rem;
}

.mini-cart-item--qty.is-updating {
    opacity: .65;
    pointer-events: none;
}

@media (max-width: 549px) {
    .mini-cart-item--qty {
        flex-direction: column;
        align-items: flex-start;
    }
}
    border: 0;
    border-radius: 999px !important;
    color: #fff;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    margin: 0;
    padding: .85rem 1.1rem;
    text-decoration: none;
    width: fit-content;
    box-shadow: none;
}

.single-product-shopee .shopee-buy-button:hover {
    background: #d84320;
    transform: translateY(-1px);
    color: #fff;
}

.single-product-shopee .shopee-buy-button i {
    font-size: 1.05rem;
}

@media (max-width: 549px) {
    .single-product-shopee .shopee-buy-button {
        width: 100%;
    }
}

/* Product search form: keep the button inside the field area */
.searchform .flex-row.relative {
    align-items: stretch;
    position: relative;
}

.searchform .search-field {
    border-radius: 8px !important;
    padding-right: 3.5rem;
}

.searchform .search-button.submit-button.icon {
    align-items: center;
    background-color: #b0272c;
    border: 0;
    border-radius: 8px !important;
    color: #fff;
    display: flex;
    height: 36px;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 47px;
}

.searchform .search-button.submit-button.icon:hover {
    background-color: color-mix(in srgb, var(--flat-primary) 88%, #000);
    transform: translateY(-50%) scale(1.03);
}

.searchform .search-button.submit-button.icon i {
    font-size: 1rem;
    line-height: 1;
}

/* Cards / boxes: subtle surface color and rounded */
.badge .badge-inner { border-radius: 8px; }

/* Nav and header buttons: rounded, minimal */
.header-button .button, .nav>li>a.button { border-radius: 10px; padding: .55em .9em; }
.header-vertical-menu__opener { border-radius: var(--flat-radius); }

/* Header cart: icon only, label appears on hover */
.header-cart-link--simple {
    align-items: center;
    display: inline-flex;
    gap: .45rem;
    margin-right: 0;
    padding: .5rem .7rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, .03);
}

/* Header account: simple user icon with a clean label */
.account-link--simple {
    align-items: center;
    display: inline-flex;
    gap: .45rem;
    margin-right: 0;
    padding: .5rem .7rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, .03);
}

.account-link--simple:hover,
.account-link--simple:focus-visible {
    background: rgba(0, 0, 0, .06);
}

.account-link--simple .header-account-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.account-link--simple .header-account-icon i {
    font-size: 1rem;
}

.account-link--simple .header-account-title {
    font-size: .92rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

@media (max-width: 849px) {
    .account-link--simple .header-account-title {
        display: none;
    }
}

.header-cart-link--simple:hover,
.header-cart-link--simple:focus-visible {
    background: rgba(176, 39, 44, .08);
}

.header-cart-link--simple .header-cart-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.header-cart-link--simple .header-cart-icon i {
    font-size: 1.05rem;
}

.header-cart-link--simple .header-cart-title--hover {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: max-width .2s ease, opacity .2s ease;
}

.header-cart-link--simple:hover .header-cart-title--hover,
.header-cart-link--simple:focus-visible .header-cart-title--hover {
    max-width: 64px;
    opacity: 1;
}

@media (max-width: 849px) {
    .header-cart-link--simple .header-cart-title--hover {
        display: none;
    }
}

/* Icons (Font Awesome): consistent sizing and less emphasis */
i[class^="fa-"] , i[class*=" fa-"] { font-size: 1.05em; vertical-align: middle; }
.has-icon-bg .icon .icon-inner { border-radius: 50%; }

/* Remove heavy decorations */
.is-bevel:after, .is-gloss:after, .is-shade:after { box-shadow: none; }

/* Toggle / accordion buttons */
.toggle { background: transparent; border: 0; border-radius: 8px; padding: .45em; }
.toggle:hover { background: rgba(0,0,0,.03); }

/* Utility: softer muted text */
.muted, .help-text { color: var(--flat-muted); }

/* Product grid/cards - flat modern style */
.product-small.box {
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: none;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease;
}

.product-small.box .box-image {
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.product-small.box img {
    display: block;
    width: 100%;
    height: auto;
}

.product-small .box-text {
    padding: 12px 12px 16px;
}

.product-small .title-wrapper a {
    color: #0f172a;
    font-weight: 600;
    text-decoration: none;
}

.product-small .price, .product-small .price .amount {
    color: var(--flat-primary);
    font-weight: 700;
}

.product-small .image-tools, .product-small .box-image .image-tools {
    opacity: 0;
    transition: opacity .15s ease;
}

.product-small.box:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 24px rgba(2,6,23,0.06);
}

.product-small.box:hover .image-tools {
    opacity: 1;
}

.product-small .button, .product-small .add_to_cart_button {
    border-radius: 10px;
    padding: .55rem .85rem;
    box-shadow: none;
}

.product-small .button.is-outline, .product-small .add_to_cart_button.is-outline {
    background: transparent;
    border: 1px solid rgba(0,0,0,0.06);
    color: var(--flat-primary);
}

@media (max-width: 720px) {
    .product-small.box { transform: none !important; }
    .product-small .box-text { padding: 10px; }
}

/* Title with categories shortcode styling */
.kan-title-with-cat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.kan-title-left { display:flex; flex-direction:column; gap:.35rem; }
.kan-title-text { margin:0; font-weight:800; color:#b0272c !important; position:relative; font-size:1.06rem; padding-left:48px; }
.kan-title-text::before { content: ""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:38px; height:28px; background:#111827; border-radius:6px; background-image: linear-gradient(135deg, #fff 0 2px, transparent 2px), linear-gradient(135deg, #fff 0 2px, transparent 2px); background-position: 10% 50%, 28% 50%; background-size: 10px 20px, 10px 20px; background-repeat:no-repeat; opacity:0.95 }
.kan-title-text::after { content: ""; position:absolute; left:46px; bottom:-8px; width:44px; height:4px; background:#b0272c; border-radius:3px; }
.kan-title-cats { display:flex; gap:.5rem; flex-wrap:wrap; }
.kan-title-cat { background: var(--flat-surface); color:var(--flat-muted); padding:.35rem .6rem; border-radius:999px; font-size:.86rem; text-decoration:none; border:1px solid rgba(0,0,0,0.03); }
.kan-title-cat:hover { background: rgba(0,0,0,0.03); }
.kan-title-right { margin-left:auto; }

.kan-title-more { display:inline-flex; align-items:center; gap:.35rem; background:transparent; border:0; padding:.25rem .4rem; border-radius:6px; color:#b0272c; text-decoration:none; font-weight:700; font-size:.95rem; }
.kan-title-more::after { content: '\00BB'; color:#b0272c; margin-left:4px; }
.kan-title-more:hover { text-decoration:underline; opacity:0.95 }

/* Divider underline for the whole block */
.kan-title-with-cat { padding-bottom: .8rem; border-bottom: 1px solid rgba(0,0,0,0.06); }

/* Decorative small label style to the left of title to look 'cool' */
.kan-title-text { letter-spacing: .4px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }

@media (max-width:720px){
    .kan-title-with-cat{flex-direction:column; align-items:flex-start}
    .kan-title-right{width:100%}
    .kan-title-more{width:100%; justify-content:flex-start}
}

@media (max-width:720px){
    .kan-title-with-cat{flex-direction:column; align-items:flex-start}
    .kan-title-right{width:100%}
    .kan-title-more{width:100%; justify-content:center}
}

/* Keep specificity light so overrides are predictable */