/*
Theme Name: Lotus POD
Template: hello-elementor
Text Domain: lotuspod
Version: 0.2.0
*/

/* M2 primary actions: design/system/tokens.json pinkDeep, white. */
.woocommerce a.button.checkout-button,
.woocommerce button#place_order,
.woocommerce button.button.single_add_to_cart_button,
.woocommerce a.button.checkout-button:hover,
.woocommerce button#place_order:hover,
.woocommerce button.button.single_add_to_cart_button:hover {
    background-color: #C2255C;
    color: #FFFFFF;
    min-height: 44px;
}

/* Keep accessible labels out of layout, including full-width mobile search labels. */
.screen-reader-text {
    position:absolute!important; width:1px!important; height:1px!important;
    padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0);
    clip-path:inset(50%); white-space:nowrap; border:0;
}

/* Header — Nắng ấm tokens; override Hello responsive defaults at every width. */
#site-header { background:var(--lp-color-white); border-bottom:1px solid var(--lp-color-line); }
#site-header .header-inner {
    box-sizing:border-box; position:relative; display:grid;
    grid-template-columns:minmax(0,1fr) auto 44px 44px;
    align-items:center; gap:8px; width:100%; max-width:1200px;
    margin-inline:auto; padding:16px; flex-wrap:nowrap;
}
#site-header .site-branding { min-width:0; width:auto; padding:0; }
#site-header .lp-brand { display:flex; align-items:center; gap:8px; min-height:44px; color:var(--lp-color-ink); text-decoration:none; }
#site-header .lp-brand svg { flex:none; width:32px; height:32px; }
#site-header .site-title {
    margin:0; min-width:0; font-family:var(--lp-font-heading); font-weight:800;
    font-size:18px; line-height:1.15; color:var(--lp-color-ink); overflow-wrap:anywhere;
}
#site-header .site-navigation { display:none!important; width:auto; }
#site-header .site-navigation ul { gap:8px; }
#site-header .site-navigation a { display:flex; align-items:center; min-height:44px; color:var(--lp-color-ink); }
#site-header .lp-search {
    grid-column:1/-1; grid-row:2; width:100%; max-width:none; min-width:0;
    margin:0; padding:0; flex-wrap:nowrap; gap:8px; font-family:var(--lp-font-body);
}
#site-header .lp-search input[type=search] { width:0; min-width:0; padding-inline:8px; }
#site-header .lp-search button { flex:none; padding-inline:12px; }
#site-header .lp-lang { display:flex; flex-shrink:0; gap:0; margin:0; }
#site-header .lp-lang a {
    display:inline-flex; align-items:center; justify-content:center;
    min-width:44px; min-height:44px; color:var(--lp-color-ink);
    border-radius:var(--lp-radius-sm); font-size:16px;
}
#site-header .lp-lang a[aria-current="true"] { background:var(--lp-color-pink-tint); color:var(--lp-color-pink-deep); }
#site-header .lp-cart { position:relative; display:flex; align-items:center; justify-content:center; width:44px; height:44px; color:var(--lp-color-ink); }
#site-header .lp-cart__count {
    position:absolute; top:0; right:0; min-width:20px; height:20px;
    display:flex; align-items:center; justify-content:center;
    background:var(--lp-color-sun); color:var(--lp-color-ink);
    font:800 12px/1 var(--lp-font-body); border-radius:var(--lp-radius-pill); padding-inline:3px;
}
#site-header .site-navigation-toggle-holder { display:flex!important; margin:0; padding:0; }
#site-header .site-navigation-toggle { width:44px; height:44px; padding:10px; border:0; border-radius:var(--lp-radius-sm); color:var(--lp-color-ink); background:var(--lp-color-pink-tint); }
#site-header :focus-visible { outline:2px solid var(--lp-color-pink-deep); outline-offset:2px; }
@media (min-width:768px) {
    #site-header .header-inner { padding-inline:24px; }
    #site-header .site-title { font-size:20px; }
}
@media (min-width:1024px) {
    #site-header .header-inner { display:flex; gap:16px; padding-inline:32px; }
    #site-header .site-title { font-size:24px; }
    #site-header .site-navigation { display:flex!important; flex-shrink:0; }
    #site-header .lp-search { width:240px; margin-left:auto; flex-shrink:0; }
    #site-header .site-navigation-toggle-holder { display:none!important; }
    #site-header .site-navigation-dropdown { display:none; }
}
/* Outrank TranslatePress 3.3.9 even when its stylesheet loads later. */
nav.trp-language-switcher.trp-floating-switcher { display:none; }