/* ════════════════════════════════════════════════════
   ELYRA BY MN — shared styles (navbar, footer, menu)
═══════════════════════════════════════════════════════ */

* { margin:0; padding:0; box-sizing:border-box; border-radius:0 !important; }
body { font-family:'Figtree',sans-serif; background:#FEFCF7; color:#444; -webkit-font-smoothing:antialiased; line-height:1.4; }

/* ── ANNOUNCEMENT BAR ── */
.announcement-bar { background:#F8F1F1; color:#444; font-size:12px; padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.03); position:sticky; top:0; z-index:50; transition:transform 0.3s; }
.announcement-bar.hide { transform:translateY(-100%); }
.announce-container { max-width:1200px; margin:0 auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; }
.announce-left { display:flex; gap:24px; }
.announce-left a { color:#444; font-size:13px; text-decoration:none; }
.announce-center { text-align:center; letter-spacing:0.4px; }
.marquee-mobile { display:none; width:100%; overflow:hidden; white-space:nowrap; }
.marquee-content { display:inline-block; animation:scrollText 14s linear infinite; padding-left:100%; }
@keyframes scrollText { 0%{transform:translateX(0)} 100%{transform:translateX(-100%)} }

/* ── NAVBAR ── */
.navbar-sticky { background:#F8F1F1; position:sticky; top:0; z-index:40; }
.navbar { background:#F8F1F1; padding:14px 32px; display:flex; align-items:center; justify-content:space-between; max-width:1200px; margin:0 auto; width:100%; position:relative; }
.nav-left { display:flex; align-items:center; gap:18px; }
.menu-icon { font-size:20px; color:#444; cursor:pointer; display:none; }
.search-icon { font-size:16px; color:#444; cursor:pointer; transition:color 0.2s; }
.search-icon:hover { color:#c4a88b; }

/* Logo — uses image (logo.png) — sized larger for clean brand presence */
.logo { position:absolute; left:50%; transform:translateX(-50%); display:flex; align-items:center; }
.logo-link { display:inline-flex; align-items:center; text-decoration:none; }
.logo-img { height:115px; width:auto; display:block; object-fit:contain; }
.logo-text { font-family:'Cormorant Garamond',serif; font-size:24px; letter-spacing:6px; text-transform:uppercase; color:#2c2c2c; text-decoration:none; font-weight:500; }

.nav-right { display:flex; align-items:center; gap:16px; }
.nav-right a { color:#444; font-size:16px; text-decoration:none; transition:color 0.2s; }
.nav-right .wishlist-link { color:#444; font-size:17px; text-decoration:none; display:inline-flex; align-items:center; }
.nav-right .wishlist-link:hover { color:#c4a88b; }

/* Currency — desktop */
.currency-switcher { display:flex; align-items:center; gap:3px; }
.cur-btn { background:none; border:none; font-family:'Figtree',sans-serif; font-size:11px; font-weight:500; color:#888; cursor:pointer; padding:4px 6px; letter-spacing:0.5px; transition:all 0.2s; }
.cur-btn.active { color:#2c2c2c; border-bottom:1.5px solid #2c2c2c; font-weight:600; }
.cur-btn:hover { color:#2c2c2c; }
.cur-divider { color:#ccc; font-size:11px; }

/* Currency — mobile dropdown (stays on mobile, NOT inside hamburger) */
.currency-dropdown-wrap { position:relative; display:none; }
.cur-display-btn { background:none; border:1px solid #ccc; font-family:'Figtree',sans-serif; font-size:11px; font-weight:600; color:#444; cursor:pointer; padding:5px 10px; display:flex; align-items:center; gap:5px; letter-spacing:0.8px; }
.cur-display-btn i { font-size:9px; transition:transform 0.2s; }
.cur-display-btn.open i { transform:rotate(180deg); }
.cur-dropdown { position:absolute; top:calc(100% + 6px); right:0; background:#FEFCF7; border:1px solid #ddd; min-width:90px; z-index:200; display:none; }
.cur-dropdown.show { display:block; }
.cur-dropdown button { display:block; width:100%; background:none; border:none; border-bottom:1px solid #eee; font-family:'Figtree',sans-serif; font-size:11px; font-weight:500; color:#444; cursor:pointer; padding:9px 14px; text-align:left; }
.cur-dropdown button:last-child { border-bottom:none; }
.cur-dropdown button:hover, .cur-dropdown button.active { background:#f5f0eb; color:#2c2c2c; font-weight:600; }

.nav-links-bar { display:flex; justify-content:center; gap:34px; padding:9px 32px 10px; background:#F8F1F1; }
.nav-links-bar a { font-family:'Figtree',sans-serif; font-size:11.5px; font-weight:500; text-transform:uppercase; letter-spacing:1.2px; color:#444; text-decoration:none; padding-bottom:3px; border-bottom:1.5px solid transparent; transition:border-color 0.25s; }
.nav-links-bar a:hover, .nav-links-bar a.active { border-bottom:1.5px solid #444; }

/* ── DESKTOP SEARCH BAR (drops down from navbar) ── */
.desktop-search-bar {
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  background:#FEFCF7;
 
  padding:0;
  max-height:0;
  overflow:hidden;
  transition:max-height 0.3s ease, padding 0.3s ease;
  z-index:100;
}
.desktop-search-bar.open { max-height:80px; padding:14px 32px; }
.desktop-search-bar input {
  width:100%;
  padding:10px 14px;
  border:1px solid #e8ddd4;
  background:white;
  font-family:'Figtree',sans-serif;
  font-size:13px;
  outline:none;
  letter-spacing:0.4px;
}
.desktop-search-bar input:focus { border-color:#c4a88b; }

/* ── FOOTER ── */
.footer { background:#F8F1F1; margin-top:80px; padding:50px 32px 20px; }
.footer-container { max-width:1200px; margin:0 auto; }
.footer-top { display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; margin-bottom:40px; }
.footer-newsletter, .footer-links, .footer-contact { text-align:center; }
.footer-newsletter h5, .footer-links h5, .footer-contact h5 { font-size:14px; font-weight:500; text-transform:uppercase; letter-spacing:2px; margin-bottom:16px; color:#2c2c2c; }
.footer-newsletter p { font-size:12px; color:#666; margin-bottom:20px; line-height:1.6; }
.newsletter-form { display:flex; max-width:320px; margin:0 auto; }
.newsletter-form input { flex:1; padding:12px 16px; border:1px solid #ddd; background:white; font-family:'Figtree',sans-serif; font-size:13px; outline:none; }
.newsletter-form input:focus { border-color:#c4a88b; }
.newsletter-form button { padding:12px 20px; background:#2c2c2c; color:white; border:none; font-family:'Figtree',sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:1px; cursor:pointer; transition:background 0.2s; }
.newsletter-form button:hover { background:#444; }
.footer-links ul { list-style:none; }
.footer-links li { margin-bottom:8px; }
.footer-links a { color:#666; text-decoration:none; font-size:12px; transition:color 0.2s; }
.footer-links a:hover { color:#2c2c2c; }
.footer-contact p { font-size:12px; color:#666; margin-bottom:8px; }
.footer-contact p i { color:#c4a88b; width:16px; text-align:center; margin-right:4px; }
.footer-contact a { color:#666; text-decoration:none; transition:color 0.2s; display:inline-flex; align-items:center; gap:6px; }
.footer-contact a:hover { color:#c4a88b; }
.footer-social { display:flex; justify-content:center; gap:20px; margin-top:16px; }
.footer-social a { color:#444; font-size:16px; text-decoration:none; transition:color 0.2s; }
.footer-social a:hover { color:#c4a88b; }
.footer-bottom { border-top:1px solid rgba(0,0,0,0.08); padding-top:24px; text-align:center; }
.copyright { font-size:11px; color:#888; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.credits { font-size:11px; color:#888; }
.credits a { color:#2c2c2c; text-decoration:none; font-weight:500; }

/* ── MOBILE MENU ── */
.mobile-menu { position:fixed; top:0; left:0; width:300px; max-width:85%; height:100vh; background:#FEFCF7; border-right:1px solid #e8ddd4; transform:translateX(-100%); transition:transform 0.3s ease; z-index:1000; display:flex; flex-direction:column; overflow-y:auto; }
.mobile-menu.open { transform:translateX(0); }
.menu-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.08); backdrop-filter:blur(3px); opacity:0; visibility:hidden; transition:0.25s; z-index:999; }
.menu-overlay.active { opacity:1; visibility:visible; }
.mobile-menu-header { display:flex; align-items:center; justify-content:space-between; padding:18px 20px 14px; border-bottom:1px solid #eee6df; flex-shrink:0; }
.mobile-logo-wrap { display:inline-flex; align-items:center; }
.mobile-logo-img { height:40px; width:auto; display:block; object-fit:contain; }
.mobile-logo-text { font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:4px; text-transform:uppercase; color:#2c2c2c; }
.close-menu { background:none; border:none; font-size:26px; color:#444; cursor:pointer; }
.menu-search { display:flex; align-items:center; border-bottom:1px solid #e8ddd4; padding:10px 20px; flex-shrink:0; }
.menu-search input { border:none; background:transparent; font-family:'Figtree',sans-serif; font-size:13px; padding:6px 0; flex:1; outline:none; color:#444; }
.menu-search i { color:#777; font-size:14px; transition:color 0.2s; }
.menu-search i:hover { color:#c4a88b; }

/* Mobile Filter (inside hamburger, NOT currency) */
.mobile-filter-section { border-bottom:1px solid #eee6df; flex-shrink:0; }
.mobile-filter-toggle { width:100%; background:none; border:none; font-family:'Figtree',sans-serif; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#444; cursor:pointer; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; }
.mobile-filter-toggle i.fa-chevron-down { font-size:10px; transition:transform 0.25s; }
.mobile-filter-toggle.open i.fa-chevron-down { transform:rotate(180deg); }
.mobile-filter-panel { display:none; padding:4px 20px 16px; }
.mobile-filter-panel.show { display:block; }
.filter-group { margin-bottom:16px; }
.filter-group-label { font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:1.2px; color:#888; margin-bottom:8px; }
.filter-options { display:flex; flex-wrap:wrap; gap:6px; }
.filter-chip { padding:5px 12px; border:1px solid #ddd; background:white; font-family:'Figtree',sans-serif; font-size:10px; font-weight:500; color:#444; cursor:pointer; transition:all 0.15s; text-transform:uppercase; letter-spacing:0.5px; }
.filter-chip.active { background:#2c2c2c; color:white; border-color:#2c2c2c; }
.price-range-wrap { display:flex; align-items:center; gap:8px; margin-top:4px; }
.price-range-wrap input { width:80px; padding:6px 8px; border:1px solid #ddd; font-family:'Figtree',sans-serif; font-size:11px; outline:none; background:white; }
.price-range-wrap span { font-size:11px; color:#888; }
.filter-apply-btn { width:100%; padding:10px; background:#2c2c2c; color:white; border:none; font-family:'Figtree',sans-serif; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; cursor:pointer; margin-top:4px; }

.mobile-links { flex-shrink:0; }
.mobile-links a { font-size:13px; font-weight:500; text-transform:uppercase; letter-spacing:1px; color:#444; text-decoration:none; padding:13px 20px; border-bottom:1px solid #eee6df; display:block; }
.mobile-links a.active { color:#2c2c2c; font-weight:600; }
.mobile-social { padding:20px; display:flex; gap:28px; font-size:18px; flex-shrink:0; margin-top:auto; }
.mobile-social a { color:#444; text-decoration:none; }

/* WhatsApp float */
.wa-float { position:fixed; bottom:20px; right:20px; background:#25D366; color:white; width:48px; height:48px; display:flex; align-items:center; justify-content:center; font-size:24px; box-shadow:0 4px 14px rgba(37,211,102,0.35); z-index:90; text-decoration:none; transition:transform 0.2s; }
.wa-float:hover { transform:scale(1.08); }

/* Skeleton */
.skeleton { background:linear-gradient(90deg,#f5f0eb 25%,#eee 50%,#f5f0eb 75%); background-size:200% 100%; animation:shimmer 1.5s infinite; }
@keyframes shimmer { 0%{background-position:200%} 100%{background-position:-200%} }

/* ── CATEGORY PAGE: CLEAN FILTER SECTION (desktop + mobile) ── */
.category-filter-bar {
  max-width:1200px;
  margin:22px auto 0;
  padding:0 32px;
}
.filter-btn-main {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 18px;
  background:white;
  border:1px solid #e0d6cc;
  font-family:'Figtree',sans-serif;
  font-size:11px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:#2c2c2c;
  cursor:pointer;
  min-width:140px;
  transition:all 0.2s;
}
.filter-btn-main:hover { border-color:#c4a88b; color:#c4a88b; }
.filter-btn-main.active { background:#F8F1F1; border-color:#c4a88b; }
.filter-btn-main i.chev { font-size:9px; transition:transform 0.25s; }
.filter-btn-main.active i.chev { transform:rotate(180deg); }

.filter-dropdown-panel {
  max-width:1200px;
  margin:12px auto 0;
  padding:0 32px;
  max-height:0;
  overflow:hidden;
  transition:max-height 0.4s ease;
}
.filter-dropdown-panel.open { max-height:800px; }

.filter-dropdown-inner {
  background:white;
  border:1px solid #e8ddd4;
  padding:22px 26px;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:22px;
  max-height:420px;
  overflow-y:auto;
}
.filter-dropdown-inner::-webkit-scrollbar { width:5px; }
.filter-dropdown-inner::-webkit-scrollbar-thumb { background:#e0d6cc; }

.fdp-group-title {
  font-size:10px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:#888;
  margin-bottom:10px;
  padding-bottom:6px;
  border-bottom:1px solid #f0e8e0;
}
.fdp-chips { display:flex; flex-wrap:wrap; gap:6px; }
.fdp-chip {
  padding:7px 12px;
  background:#faf5f0;
  border:1px solid transparent;
  font-family:'Figtree',sans-serif;
  font-size:11px;
  color:#666;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:0.5px;
  transition:all 0.18s;
}
.fdp-chip:hover { background:#f0e8e0; color:#2c2c2c; }
.fdp-chip.active { background:#2c2c2c; color:white; border-color:#2c2c2c; }

.fdp-price-row { display:flex; align-items:center; gap:6px; margin-top:4px; }
.fdp-price-row input {
  width:100%;
  padding:7px 10px;
  border:1px solid #e0d6cc;
  font-family:'Figtree',sans-serif;
  font-size:11px;
  outline:none;
  background:white;
}
.fdp-price-row span { color:#aaa; font-size:11px; }

.fdp-actions { grid-column:1/-1; display:flex; gap:10px; justify-content:flex-end; padding-top:12px; border-top:1px solid #f0e8e0; }
.fdp-btn {
  padding:9px 22px;
  font-family:'Figtree',sans-serif;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1.5px;
  cursor:pointer;
  border:1px solid #ddd;
  background:white;
  color:#666;
  transition:all 0.2s;
}
.fdp-btn:hover { border-color:#444; color:#2c2c2c; }
.fdp-btn.primary { background:#2c2c2c; color:white; border-color:#2c2c2c; }
.fdp-btn.primary:hover { background:#444; }

/* Hide old mobile-menu filter when on category page (new design replaces it) */
.category-page-active .mobile-filter-section { display:none; }

/* ── RESPONSIVE ── */
@media (max-width:1024px) {
  .logo-img { height:92px; }
}
@media (max-width:768px) {
  .desktop-only { display:none !important; }
  .marquee-mobile { display:block; }
  .announce-container { display:none; }
  .announcement-bar { padding:8px 0; }
  .menu-icon { display:block; }
  .navbar { padding:12px 16px; }
  .logo-img { height:55px; }
  .logo-text { font-size:18px; letter-spacing:4px; }
  .mobile-logo-img { height:90px; }
  .nav-links-bar { display:none; }
  .nav-right { gap:14px; }
  .footer { padding:40px 20px 16px; }
  .footer-top { grid-template-columns:1fr; gap:32px; }
  .currency-dropdown-wrap { display:flex !important; }
  .desktop-search-bar { display:none; }
  .category-filter-bar { padding:0 16px; }
  .filter-dropdown-panel { padding:0 16px; }
  .filter-dropdown-inner { padding:18px; grid-template-columns:1fr; gap:18px; max-height:60vh; }
  .filter-btn-main { width:100%; justify-content:space-between; }
}
@media (min-width:769px) {
  .currency-dropdown-wrap { display:none; }
}
@media (max-width:480px) {
  .logo-img { height:96px; }
  .nav-right { gap:10px; }
  .nav-right a, .nav-right .cart-icon-wrap i { font-size:15px; }
  .navbar { padding:10px 14px; }
  .nav-left { gap:14px; }
}


/* Polished Newsletter form (footer + others) */
.newsletter-form {
  display:flex;
  max-width:340px;
  margin:0 auto;
  border:1px solid #e0d6cc;
  background:white;
  transition:border-color 0.25s;
}
.newsletter-form:focus-within { border-color:#c4a88b; }
.newsletter-form input {
  flex:1;
  padding:13px 16px;
  border:none;
  background:transparent;
  font-family:'Figtree',sans-serif;
  font-size:13px;
  outline:none;
  color:#2c2c2c;
  letter-spacing:0.3px;
}
.newsletter-form input::placeholder { color:#bbb; font-size:12.5px; letter-spacing:0.5px; }
.newsletter-form button {
  padding:13px 22px;
  background:#2c2c2c;
  color:white;
  border:none;
  font-family:'Figtree',sans-serif;
  font-size:11px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:1.5px;
  cursor:pointer;
  transition:background 0.25s;
  white-space:nowrap;
}
.newsletter-form button:hover { background:#c4a88b; }
 
/* Polished mobile search input */
.menu-search {
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid #e8ddd4;
  padding:14px 20px;
  margin:0;
  flex-shrink:0;
  background:#fdf9f5;
}
.menu-search input {
  flex:1;
  border:none;
  background:transparent;
  font-family:'Figtree',sans-serif;
  font-size:13px;
  padding:6px 0;
  outline:none;
  color:#2c2c2c;
  letter-spacing:0.3px;
}
.menu-search input::placeholder { color:#aaa; }
.menu-search i { color:#c4a88b; font-size:14px; transition:color 0.2s; cursor:pointer; }
.menu-search i:hover { color:#2c2c2c; }
 
/* Wishlist count badge in navbar */
.wishlist-count-badge {
  position:absolute;
  top:-7px;
  right:-9px;
  background:#c4a88b;
  color:white;
  font-size:9px;
  font-weight:700;
  min-width:16px;
  height:16px;
  border-radius:50% !important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Figtree',sans-serif;
  border:1.5px solid #F8F1F1;
  letter-spacing:0;
}
.nav-right .wishlist-link { position:relative; }
 
/* Subtle improvements to all generic form inputs */
input[type="email"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  outline:none;
}
 
@media (max-width:480px) {
  .newsletter-form { max-width:100%; }
  .newsletter-form button { padding:13px 16px; font-size:10px; letter-spacing:1px; }
}