/* LubeBD theme CSS - Stage 1: ticker, top bar, header */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Noto+Sans+Bengali:wght@500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

body { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; color: #1B2440; background:#E9EEF3; }
@keyframes lb-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Ticker */
.lb-ticker-wrap { position:relative; background:linear-gradient(150deg,#0260A3,#282F84); border-bottom:1px solid rgba(255,255,255,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.22); overflow:hidden; white-space:nowrap; padding:9px 0; -webkit-mask-image:linear-gradient(to right,transparent,#000 60px,#000 calc(100% - 60px),transparent); mask-image:linear-gradient(to right,transparent,#000 60px,#000 calc(100% - 60px),transparent); }
.lb-ticker-track { display:inline-flex; gap:14px; will-change:transform; transform:translateZ(0); animation: lb-marquee 30s linear infinite; font-family:'Noto Sans Bengali','Plus Jakarta Sans',sans-serif; font-size:13px; color:#fff; font-weight:600; }
.lb-ticker-pill { display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.28); padding:5px 14px; border-radius:999px; }

/* Top info bar (Astra above row) */
.ast-above-header-bar { background:#fff !important; border-bottom:1px solid #E1E9F0; color:#5F6B78; font-size:12.5px; }
.lb-topbar-row { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.lb-topbar-sep { width:1px; height:14px; background:#E1E9F0; display:inline-block; }
.lb-topbar-row a { color:#5F6B78; text-decoration:none; }
.lb-topbar-row a:hover { color:#026BB6; }
.lb-phone-link { color:#1B2440 !important; font-weight:700; display:inline-flex; align-items:center; gap:7px; }
.lb-phone-icon { width:19px; height:19px; border-radius:50%; background:#EAF3FB; color:#026BB6; display:inline-flex; align-items:center; justify-content:center; font-size:10px; }
.lb-pay-badges b.lb-bkash { color:#E2136E; }
.lb-pay-badges b.lb-nagad { color:#EE7623; }
.lb-social-mini { display:inline-flex; gap:6px; }
.lb-social-mini a { width:23px; height:23px; border-radius:6px; background:#F1F5F9; color:#2D3592; display:inline-flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; text-decoration:none; }
.lb-social-mini a:hover { background:#026BB6; color:#fff; }

/* Glass main header (Astra primary row) */
#masthead { background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.68)) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-bottom:1px solid rgba(225,233,240,.85); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 30px -24px rgba(27,36,64,.5); position:sticky; top:0; z-index:999; transition: box-shadow .3s ease; }
#masthead.lb-scrolled { box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 16px 34px -20px rgba(27,36,64,.55); }

/* Custom search bar (html item) */
.lb-searchbar { flex:1; display:flex; align-items:center; height:48px; border:1.5px solid #026BB6; border-radius:12px; overflow:hidden; background:#fff; max-width:560px; }
.lb-searchbar .lb-cat { display:flex; align-items:center; gap:8px; padding:0 15px; height:100%; background:#EAF3FB; color:#2D3592; font-weight:700; font-size:13px; white-space:nowrap; border-right:1px solid #D5E5F3; }
.lb-searchbar input { flex:1; border:none; outline:none; padding:0 14px; color:#1B2440; font-size:14px; background:transparent; font-family:'Plus Jakarta Sans',sans-serif; }
.lb-searchbar button { height:100%; padding:0 22px; border:none; background:#026BB6; color:#fff; font-size:17px; cursor:pointer; }
.lb-searchbar button:hover { background:#025A99; }

/* Login + wishlist buttons */
.lb-header-actions { display:flex; align-items:center; gap:8px; }
.lb-login-btn { display:flex; align-items:center; gap:10px; height:48px; padding:0 14px; border:1px solid #E1E9F0; border-radius:12px; background:#fff; cursor:pointer; text-decoration:none; }
.lb-login-btn:hover { border-color:#026BB6; background:#F8FBFE; }
.lb-avatar-circle { width:30px; height:30px; border-radius:50%; background:#EAF3FB; color:#026BB6; display:flex; align-items:center; justify-content:center; font-size:14px; }
.lb-wishlist-btn { position:relative; width:48px; height:48px; border-radius:12px; border:1px solid #E1E9F0; background:#fff; color:#2D3592; font-size:16px; display:flex; align-items:center; justify-content:center; text-decoration:none; }
.lb-wishlist-btn:hover { border-color:#026BB6; color:#026BB6; }
.lb-badge-dot { position:absolute; top:-6px; right:-6px; min-width:19px; height:19px; border-radius:10px; background:#2D3592; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; padding:0 5px; }

/* Nav row (Astra below) with underline hover */
.ast-below-header-bar { background:linear-gradient(180deg,rgba(45,53,146,.86),rgba(45,53,146,.78)) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 12px 30px -26px rgba(27,36,64,.9); }
.ast-below-header-bar .main-header-menu .menu-item > a { color:#DCE7F5 !important; font-weight:600; font-size:14px; position:relative; padding:13px 0 !important; }
.ast-below-header-bar .main-header-menu .menu-item > a:hover { color:#fff !important; }
.ast-below-header-bar .main-header-menu .menu-item > a::after { content:''; position:absolute; left:0; bottom:0; height:3px; width:100%; background:#2F9FDA; transform:scaleX(0); transform-origin:left; transition:transform .28s cubic-bezier(.2,.7,.3,1); }
.ast-below-header-bar .main-header-menu .menu-item > a:hover::after { transform:scaleX(1); }
.lb-below-right { display:flex; align-items:center; gap:16px; font-size:12.5px; color:#C9D6EA; }
.lb-deals-pill { display:flex; align-items:center; gap:7px; background:rgba(47,159,218,.22); border:1px solid rgba(47,159,218,.45); color:#fff; font-weight:700; padding:5px 12px; border-radius:999px; }

@media (prefers-reduced-motion: reduce) { .lb-ticker-track { animation:none; } }
@media (max-width: 921px) { .lb-searchbar, .lb-topbar-row { display:none !important; } }


/* --- Stage 1b: native search/account styling + deals pill --- */
.ast-header-search { flex: 1; max-width: 560px; margin: 0 20px; }
.ast-header-search .ast-search-menu-icon { border: 1.5px solid #026BB6; border-radius: 12px; overflow: hidden; background: #fff; height: 48px; }
.ast-header-search .search-field { height: 46px !important; border: none !important; padding: 0 14px !important; font-size: 14px !important; }
.ast-header-search button[type="submit"] { background: #026BB6 !important; color: #fff !important; border-radius: 0 !important; }
.ast-header-account-wrap { border: 1px solid #E1E9F0; border-radius: 12px; height: 48px; display: flex; align-items: center; padding: 0 14px; background: #fff; }
.ast-header-account-wrap:hover { border-color: #026BB6; background: #F8FBFE; }
.ast-header-account-link { color: #2D3592 !important; font-weight: 700; font-size: 13px; }
.ast-site-header-cart { border: 1px solid #E1E9F0 !important; border-radius: 12px !important; height: 48px; background: #2D3592 !important; }
.ast-site-header-cart a { color: #fff !important; }
.ast-site-header-cart:hover { background: #026BB6 !important; }
.lb-deals-pill-inject { display: flex; align-items: center; gap: 16px; font-size: 12.5px; color: #C9D6EA; margin-left: auto; }
.lb-deals-pill-inject .lb-pill { display: flex; align-items: center; gap: 7px; background: rgba(47,159,218,.22); border: 1px solid rgba(47,159,218,.45); color: #fff; font-weight: 700; padding: 5px 12px; border-radius: 999px; }
@media (max-width: 921px) { .ast-header-search { display: none !important; } .lb-deals-pill-inject { display: none !important; } }


/* --- Fix: force single-line rows on above/primary/below header bars --- */
.ast-above-header-bar, .ast-above-header-bar .ast-container, .ast-above-header-bar .ast-flex-row {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scrollbar-width: none;
}
.lb-topbar-row { flex-wrap: nowrap !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ast-above-header-bar .site-header-section { flex-shrink: 1; min-width: 0; overflow: hidden; }

#ast-desktop-header .ast-primary-header-bar, #ast-desktop-header .ast-container, .site-header-primary-section-left, .site-header-primary-section-right {
  flex-wrap: nowrap !important;
}
.site-branding, .ast-site-identity { flex-shrink: 0; }
.lb-searchbar { min-width: 0; }

.ast-below-header-bar, .ast-below-header-bar .ast-container, .ast-below-header-bar .ast-flex-row {
  flex-wrap: nowrap !important;
}
.main-header-menu { flex-wrap: nowrap !important; white-space: nowrap; }
.lb-deals-pill-inject { flex-shrink: 0; white-space: nowrap; }

/* Tighten spacing so content fits one line on typical desktop widths */
.lb-topbar-row { gap: 12px; font-size: 12px; }
.ast-below-header-bar .main-header-menu .menu-item > a { padding: 13px 10px !important; font-size: 13.5px; }


/* --- Logo sizing --- */
.custom-logo-link { display: flex; align-items: center; }
.custom-logo-link img.custom-logo { height: 46px; width: auto; max-width: none; }
.ast-site-title-wrap { display: none; } /* wordmark logo already includes the name */
@media (max-width: 544px) { .custom-logo-link img.custom-logo { height: 36px; } }