/* =========================================================
   WorldMilestone — Premium Design Override
   $40M-grade editorial UI  |  Bloomberg × The Economist × NYT
   ========================================================= */

/* ── Design Tokens ─────────────────────────────────────── */
:root {
  --wm-navy:        #0a0e1a;
  --wm-navy-2:      #10152a;
  --wm-navy-3:      #161b35;
  --wm-navy-4:      #1d2444;
  --wm-gold:        #c9a84c;
  --wm-gold-light:  #e0c278;
  --wm-gold-dark:   #9e7e30;
  --wm-gold-muted:  rgba(201,168,76,0.12);
  --wm-white:       #f8f6f0;
  --wm-off-white:   #ede9df;
  --wm-light:       #f2f0ea;
  --wm-text:        #1a1a2e;
  --wm-text-muted:  #5a5a7a;
  --wm-text-light:  #9090a8;
  --wm-border:      rgba(201,168,76,0.18);
  --wm-border-soft: rgba(0,0,0,0.08);
  --wm-shadow-sm:   0 2px 12px rgba(10,14,26,0.08);
  --wm-shadow-md:   0 8px 32px rgba(10,14,26,0.12);
  --wm-shadow-lg:   0 20px 60px rgba(10,14,26,0.18);
  --wm-shadow-xl:   0 32px 80px rgba(10,14,26,0.24);
  --wm-radius:      4px;
  --wm-radius-md:   8px;
  --wm-radius-lg:   16px;
  --wm-transition:  cubic-bezier(0.4, 0, 0.2, 1);
  --wm-font-serif:  'Playfair Display', 'Georgia', serif;
  --wm-font-sans:   'Inter', 'Poppins', sans-serif;
}

/* ── Google Fonts loaded via <link> in _LayoutV3 (no @import = faster render) ── */

/* ── Global Reset & Body ────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: var(--wm-font-sans) !important;
  font-size: 14px !important;
  color: var(--wm-text) !important;
  background: var(--wm-white) !important;
  line-height: 1.7 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  font-family: var(--wm-font-sans);
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: var(--wm-text-muted) !important;
  font-weight: 400 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--wm-font-serif) !important;
  color: var(--wm-text) !important;
  letter-spacing: -0.02em;
  line-height: 1.2 !important;
}

a {
  transition: color 0.25s var(--wm-transition), opacity 0.25s var(--wm-transition) !important;
}

/* ── Page Progress Bar ──────────────────────────────────── */
.progress-bar-wrap {
  height: 3px !important;
  background: transparent !important;
}

.progress-bar.color-bg {
  background: linear-gradient(90deg, var(--wm-gold-dark), var(--wm-gold), var(--wm-gold-light)) !important;
  height: 3px !important;
  box-shadow: 0 0 10px rgba(201,168,76,0.5) !important;
}

/* ── TOP BAR ────────────────────────────────────────────── */
.top-bar {
  background: var(--wm-navy) !important;
  height: 48px !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
}

.top-bar.scroll-sticky {
  height: 0 !important;
}

.date-holder {
  height: 48px !important;
  padding-top: 12px !important;
  color: rgba(255,255,255,0.7) !important;
}

.date_num {
  height: 48px !important;
  line-height: 48px !important;
  font-size: 24px !important;
  color: var(--wm-gold) !important;
  font-weight: 600 !important;
}

.date_mounth, .date_year {
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.55) !important;
}

.header_news-ticker-wrap {
  height: 48px !important;
}

.header_news-ticker-wrap:before {
  background: var(--wm-navy-2) !important;
}

.header_news-ticker-wrap li {
  height: 48px !important;
  line-height: 48px !important;
}

.header_news-ticker-wrap li a {
  color: rgba(255,255,255,0.82) !important;
  font-size: 12px !important;
  letter-spacing: 0.01em !important;
  font-weight: 400 !important;
  transition: color 0.2s !important;
}

.header_news-ticker-wrap li a:hover {
  color: var(--wm-gold) !important;
}

.hnt_title {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  height: 48px !important;
  line-height: 48px !important;
  padding: 0 16px !important;
}

.n_contr {
  color: var(--wm-gold) !important;
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  border-radius: 50% !important;
  background: rgba(201,168,76,0.1) !important;
  transition: background 0.2s !important;
}

.n_contr:hover {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
}

.topbar-social {
  top: 8px !important;
}

.topbar-social li a {
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.6) !important;
  border-radius: var(--wm-radius) !important;
  font-size: 11px !important;
  transition: all 0.25s !important;
}

.topbar-social li a:hover {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
}

/* ── MAIN HEADER / NAV ──────────────────────────────────── */
.main-header {
  z-index: 1000 !important;
}

.header-inner {
  background: rgba(10,14,26,0.96) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid var(--wm-border) !important;
  transition: background 0.3s var(--wm-transition),
              box-shadow 0.3s var(--wm-transition) !important;
  box-shadow: 0 2px 40px rgba(0,0,0,0.35) !important;
}

.header-inner.scroll-sticky {
  background: rgba(10,14,26,0.99) !important;
  box-shadow: 0 4px 32px rgba(0,0,0,0.5) !important;
}

/* Logo */
.logo-holder img {
  max-height: 46px !important;
  transition: opacity 0.2s !important;
}

.logo-holder:hover img {
  opacity: 0.85 !important;
}

/* Navigation */
.nav-holder nav > ul > li > a {
  font-family: var(--wm-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.78) !important;
  padding: 0 18px !important;
  transition: color 0.2s !important;
  position: relative !important;
}

.nav-holder nav > ul > li > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 18px !important;
  right: 18px !important;
  height: 2px !important;
  background: var(--wm-gold) !important;
  transform: scaleX(0) !important;
  transition: transform 0.25s var(--wm-transition) !important;
  transform-origin: left !important;
}

.nav-holder nav > ul > li > a:hover,
.nav-holder nav > ul > li > a.act-link {
  color: var(--wm-gold) !important;
}

.nav-holder nav > ul > li > a:hover::after,
.nav-holder nav > ul > li > a.act-link::after {
  transform: scaleX(1) !important;
}

.nav-holder nav li a i {
  color: var(--wm-gold) !important;
  font-size: 10px !important;
  margin-left: 4px !important;
}

/* Dropdown */
.nav-holder nav li ul {
  background: var(--wm-navy) !important;
  border: 1px solid var(--wm-border) !important;
  border-top: 2px solid var(--wm-gold) !important;
  box-shadow: var(--wm-shadow-lg) !important;
  border-radius: 0 0 var(--wm-radius-md) var(--wm-radius-md) !important;
  padding: 8px 0 !important;
}

.nav-holder nav li ul li a {
  color: rgba(255,255,255,0.72) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  padding: 9px 20px !important;
  display: block !important;
  transition: all 0.2s !important;
  border-left: 2px solid transparent !important;
}

.nav-holder nav li ul li a:hover {
  color: var(--wm-gold) !important;
  background: rgba(201,168,76,0.07) !important;
  border-left-color: var(--wm-gold) !important;
  padding-left: 26px !important;
}

/* Search button */
.search_btn {
  color: rgba(255,255,255,0.65) !important;
  font-size: 15px !important;
  transition: color 0.2s !important;
}

.search_btn:hover {
  color: var(--wm-gold) !important;
}

/* Search wrap */
.header-search-wrap {
  background: var(--wm-navy-2) !important;
  border-bottom: 2px solid var(--wm-gold) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}

.header-search-wrap input.search {
  background: transparent !important;
  color: #fff !important;
  font-family: var(--wm-font-sans) !important;
  font-size: 14px !important;
  border: none !important;
  outline: none !important;
}

.header-search-wrap input.search::placeholder {
  color: rgba(255,255,255,0.4) !important;
}

.search-submit {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: var(--wm-radius) !important;
}

.search-submit:hover {
  background: var(--wm-gold-light) !important;
}

/* Hamburger */
.nav-button span {
  background: rgba(255,255,255,0.8) !important;
  height: 2px !important;
  border-radius: 2px !important;
  transition: background 0.2s !important;
}

.nav-button:hover span {
  background: var(--wm-gold) !important;
}

/* ── WRAPPER ─────────────────────────────────────────────── */
#wrapper {
  padding-top: 118px !important;
  background: var(--wm-white) !important;
}

/* ── HERO SLIDER ─────────────────────────────────────────── */
.hero-slider-wrap {
  position: relative !important;
}

.hero-slider-container .overlay {
  background: linear-gradient(
    to bottom,
    rgba(10,14,26,0.1) 0%,
    rgba(10,14,26,0.45) 50%,
    rgba(10,14,26,0.88) 100%
  ) !important;
  opacity: 1 !important;
}

.hero-item {
  padding-bottom: 80px !important;
}

.hero-item .container {
  padding-left: 48px !important;
}

.hero-item h2 {
  font-family: var(--wm-font-serif) !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  max-width: 720px !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.4) !important;
  margin: 12px 0 16px !important;
}

.hero-item h2 a {
  color: #fff !important;
  transition: color 0.25s !important;
}

.hero-item h2 a:hover {
  color: var(--wm-gold-light) !important;
}

.hero-item p {
  font-size: 14px !important;
  color: rgba(255,255,255,0.75) !important;
  max-width: 560px !important;
  line-height: 1.8 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.4) !important;
}

.hero-item .post-category-marker {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 5px 14px !important;
  border-radius: 2px !important;
  display: inline-block !important;
  box-shadow: 0 4px 16px rgba(201,168,76,0.4) !important;
}

.hero-item .post-date {
  color: rgba(255,255,255,0.6) !important;
  font-size: 11px !important;
  letter-spacing: 0.05em !important;
}

.hero-item .post-date i {
  color: var(--wm-gold) !important;
  margin-right: 5px !important;
}

.author-link a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.author-link a img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 2px solid var(--wm-gold) !important;
  object-fit: cover !important;
}

.author-link a span {
  color: rgba(255,255,255,0.75) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.author-link:hover span {
  color: var(--wm-gold) !important;
}

/* Slider controls */
.fs-slider_btn {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: 50% !important;
  width: 46px !important;
  height: 46px !important;
  line-height: 46px !important;
  font-size: 16px !important;
  box-shadow: 0 4px 20px rgba(201,168,76,0.4) !important;
  transition: all 0.2s !important;
  opacity: 0.9 !important;
}

.fs-slider_btn:hover {
  background: var(--wm-gold-light) !important;
  transform: scale(1.08) !important;
  opacity: 1 !important;
}

/* Slider thumbnail controls */
.hsc-list_item {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: var(--wm-radius) !important;
  overflow: hidden !important;
  transition: border-color 0.25s, box-shadow 0.25s !important;
}

.hsc-list_item.swiper-slide-active,
.hsc-list_item:hover {
  border-color: var(--wm-gold) !important;
  box-shadow: 0 0 0 1px var(--wm-gold) !important;
}

.hsc-list_item:before {
  background: var(--wm-gold) !important;
  height: 2px !important;
  width: 0 !important;
  transition: width 0.3s var(--wm-transition) !important;
}

.hsc-list_item.swiper-slide-active:before {
  width: 100% !important;
}

.hsc-list_item:after {
  background: var(--wm-gold) !important;
}

.hsc-list_item-content h4 {
  font-size: 12px !important;
  font-family: var(--wm-font-sans) !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 1.4 !important;
}

.hsc-list_item-content .post-date {
  color: rgba(255,255,255,0.5) !important;
  font-size: 10px !important;
}

.hsc-list_item-content .post-date i {
  color: var(--wm-gold) !important;
}

.hsc-list_item-media:after {
  color: var(--wm-gold) !important;
}

/* Slider progress circle */
.slider-progress-bar .circ1 {
  stroke: var(--wm-gold) !important;
}

.slider-progress-bar .circ2 {
  stroke: rgba(201,168,76,0.2) !important;
}

/* Multi-pag bullets */
.multi-pag .swiper-pagination-bullet {
  background: rgba(255,255,255,0.3) !important;
  opacity: 1 !important;
}

.multi-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wm-gold) !important;
}

/* ── SECTION / CONTENT AREA ──────────────────────────────── */
section {
  padding: 64px 0 !important;
  content-visibility: auto;
  contain-intrinsic-size: 0 800px;
}

section.dark-bg {
  background: var(--wm-navy) !important;
}

section.no-bottom-padding {
  padding-bottom: 0 !important;
}

/* ── Performance: reduce composite layers ───────────────── */
.hero-slider-container,
.fs-carousel-wrap,
.single-grid-slider-wrap {
  will-change: auto;
}

.swiper-wrapper {
  will-change: transform;
}

/* ── Lazy image placeholder ──────────────────────────────── */
.bg[data-bg]:not([style]) {
  background: linear-gradient(90deg, #f0ede6 25%, #e4e0d7 50%, #f0ede6 75%);
  background-size: 200% 100%;
  animation: wm-bg-shimmer 1.5s ease-in-out infinite;
}

@keyframes wm-bg-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Section Titles */
.section-title {
  margin-bottom: 36px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--wm-border-soft) !important;
  position: relative !important;
}

.section-title:before {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  width: 48px !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--wm-gold), var(--wm-gold-light)) !important;
  border-radius: 2px !important;
}

.section-title h2 {
  font-family: var(--wm-font-serif) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--wm-text) !important;
  margin-bottom: 4px !important;
}

.section-title h4 {
  font-family: var(--wm-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--wm-gold) !important;
}

.sect_dec:after {
  background: var(--wm-gold) !important;
  height: 3px !important;
}

/* Ajax nav tabs */
.ajax-nav li a {
  font-family: var(--wm-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--wm-text-muted) !important;
  padding: 6px 16px !important;
  border-radius: 30px !important;
  border: 1px solid transparent !important;
  transition: all 0.2s !important;
}

.ajax-nav li a:hover,
.ajax-nav li a.current_page {
  background: var(--wm-gold-muted) !important;
  color: var(--wm-gold-dark) !important;
  border-color: var(--wm-gold) !important;
}

/* ── POST CARDS ───────────────────────────────────────────── */
.list-post {
  background: #fff !important;
  border-radius: var(--wm-radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--wm-shadow-sm) !important;
  border: 1px solid var(--wm-border-soft) !important;
  transition: transform 0.3s var(--wm-transition),
              box-shadow 0.3s var(--wm-transition) !important;
  margin-bottom: 28px !important;
}

.list-post:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--wm-shadow-md) !important;
}

.list-post:before {
  background: var(--wm-gold) !important;
  height: 3px !important;
}

.list-post-media {
  overflow: hidden !important;
}

.list-post-media .bg-wrap {
  transition: transform 0.5s var(--wm-transition) !important;
}

.list-post:hover .list-post-media .bg-wrap {
  transform: scale(1.04) !important;
}

.list-post-media a:after {
  background: var(--wm-gold) !important;
  opacity: 0 !important;
  transition: opacity 0.25s !important;
}

.list-post:hover .list-post-media a:after {
  opacity: 0.15 !important;
}

.list-post-content {
  padding: 20px 20px 18px !important;
}

.list-post-content h3 {
  font-family: var(--wm-font-serif) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
}

.list-post-content h3 a {
  color: var(--wm-text) !important;
  transition: color 0.2s !important;
}

.list-post-content h3 a:hover {
  color: var(--wm-gold-dark) !important;
}

.list-post-content .post-date {
  font-size: 11px !important;
  color: var(--wm-text-light) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}

.list-post-content .post-date i {
  color: var(--wm-gold) !important;
  margin-right: 4px !important;
}

.list-post-content .post-category-marker {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 2px !important;
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  margin-bottom: 10px !important;
  display: inline-block !important;
}

.list-post-media span.post-media_title {
  background: rgba(10,14,26,0.7) !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 10px !important;
  backdrop-filter: blur(4px) !important;
  padding: 4px 10px !important;
}

/* Grid post items */
.grid-post-item {
  border-radius: var(--wm-radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--wm-shadow-sm) !important;
  transition: transform 0.3s var(--wm-transition),
              box-shadow 0.3s var(--wm-transition) !important;
  margin-bottom: 28px !important;
}

.grid-post-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--wm-shadow-md) !important;
}

.grid-post-media {
  position: relative !important;
  overflow: hidden !important;
}

.grid-post-media .bg-wrap {
  transition: transform 0.5s var(--wm-transition) !important;
}

.grid-post-item:hover .grid-post-media .bg-wrap {
  transform: scale(1.06) !important;
}

.grid-post-media a:after {
  background: var(--wm-gold) !important;
}

.grid-post-media_title {
  background: linear-gradient(
    to top,
    rgba(10,14,26,0.95) 0%,
    rgba(10,14,26,0.6) 50%,
    transparent 100%
  ) !important;
  padding: 32px 20px 20px !important;
}

.grid-post-media_title h4 {
  font-family: var(--wm-font-serif) !important;
  font-size: 18px !important;
  color: #fff !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 8px 0 10px !important;
}

.grid-post-media_title h4 a {
  color: #fff !important;
  transition: color 0.2s !important;
}

.grid-post-media_title h4 a:hover {
  color: var(--wm-gold-light) !important;
}

.grid-post-media_title .post-category-marker {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 2px !important;
}

.grid-post-media_title .video-date {
  color: rgba(255,255,255,0.55) !important;
  font-size: 10px !important;
}

.grid-post-media_title .video-date i {
  color: var(--wm-gold) !important;
}

.post-opt li {
  color: rgba(255,255,255,0.55) !important;
  font-size: 11px !important;
}

.post-opt li i {
  color: var(--wm-gold) !important;
}

/* Dark btn */
.dark-btn {
  background: var(--wm-navy) !important;
  color: var(--wm-gold) !important;
  border: 1px solid var(--wm-border) !important;
  font-family: var(--wm-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  border-radius: var(--wm-radius) !important;
  text-align: center !important;
  display: block !important;
  margin-top: 8px !important;
  transition: all 0.25s var(--wm-transition) !important;
}

.dark-btn:hover {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-color: var(--wm-gold) !important;
  box-shadow: 0 8px 24px rgba(201,168,76,0.3) !important;
  transform: translateY(-1px) !important;
}

.dark-btn i {
  color: var(--wm-gold) !important;
  transition: color 0.2s !important;
}

.dark-btn:hover i {
  color: var(--wm-navy) !important;
}

/* ── SIDEBAR ────────────────────────────────────────────── */
.box-widget {
  background: #fff !important;
  border-radius: var(--wm-radius-md) !important;
  border: 1px solid var(--wm-border-soft) !important;
  box-shadow: var(--wm-shadow-sm) !important;
  overflow: hidden !important;
  margin-bottom: 28px !important;
}

.widget-title {
  font-family: var(--wm-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--wm-text) !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid var(--wm-border-soft) !important;
  background: var(--wm-light) !important;
}

.widget-title:before {
  background: var(--wm-gold) !important;
  width: 3px !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
}

.box-widget-content {
  padding: 16px 18px !important;
}

/* Content tabs in sidebar */
.content-tabs .tabs-menu li a {
  font-family: var(--wm-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--wm-text-muted) !important;
  transition: color 0.2s !important;
}

.tabs-widget .tabs-menu li.current a {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: 30px !important;
  padding: 5px 16px !important;
}

/* Post widget items */
.post-widget-item {
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
  transition: background 0.2s !important;
}

.post-widget-item:last-child {
  border-bottom: none !important;
}

.post-widget-item-media img {
  border-radius: var(--wm-radius) !important;
  object-fit: cover !important;
  transition: opacity 0.2s !important;
}

.post-widget-item-media img:hover {
  opacity: 0.85 !important;
}

.post-widget-item-content h4 {
  font-family: var(--wm-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin-bottom: 6px !important;
}

.post-widget-item-content h4 a {
  color: var(--wm-text) !important;
}

.post-widget-item-content h4 a:hover {
  color: var(--wm-gold-dark) !important;
}

.pwic_opt li {
  font-size: 10px !important;
  color: var(--wm-text-light) !important;
}

.pwic_opt li i {
  color: var(--wm-gold) !important;
  margin-right: 3px !important;
}

/* Tags widget */
.tags-widget a {
  font-family: var(--wm-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: var(--wm-text-muted) !important;
  border: 1px solid var(--wm-border-soft) !important;
  border-radius: 30px !important;
  padding: 5px 14px !important;
  display: inline-block !important;
  margin: 3px !important;
  background: transparent !important;
  transition: all 0.2s !important;
}

.tags-widget a:hover {
  background: var(--wm-gold) !important;
  border-color: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(201,168,76,0.3) !important;
}

/* Social widget */
.social-widget {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.social-widget a {
  border-radius: var(--wm-radius-md) !important;
  padding: 16px 12px !important;
  text-align: center !important;
  transition: all 0.25s var(--wm-transition) !important;
  border: 1px solid var(--wm-border-soft) !important;
}

.social-widget a:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--wm-shadow-md) !important;
}

.facebook-soc {
  background: #1877f2 !important;
}

.twitter-soc {
  background: #1da1f2 !important;
}

.youtube-soc {
  background: #ff0000 !important;
}

.instagram-soc {
  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d) !important;
}

.soc-widget-title {
  color: rgba(255,255,255,0.8) !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-top: 4px !important;
}

.soc-widget_counter {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  display: block !important;
}

/* Slider widget */
.slider_widget_title {
  font-family: var(--wm-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--wm-text) !important;
}

.slider_widget_title:before {
  background: var(--wm-gold) !important;
}

/* SGS pagination */
.sgs-pagination .swiper-pagination-bullet {
  background: rgba(0,0,0,0.15) !important;
  opacity: 1 !important;
}

.sgs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wm-gold) !important;
}

/* ── DARK SECTION (Featured Video) ───────────────────────── */
.dark-bg .video-section-title h2 {
  font-family: var(--wm-font-serif) !important;
  color: #fff !important;
  font-size: 32px !important;
}

.dark-bg .video-section-title h4 {
  color: var(--wm-gold) !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.dark-bg .video-section-title a {
  color: var(--wm-gold) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
}

.video-section-title a {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  padding: 6px 16px !important;
  border-radius: 30px !important;
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
  transition: all 0.2s !important;
}

.video-section-title a:hover {
  background: var(--wm-gold-light) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(201,168,76,0.35) !important;
}

.video-holder .overlay {
  background: rgba(10,14,26,0.4) !important;
}

.big_prom {
  color: var(--wm-gold) !important;
  font-size: 52px !important;
  text-shadow: 0 4px 24px rgba(201,168,76,0.6) !important;
  filter: drop-shadow(0 0 20px rgba(201,168,76,0.4)) !important;
}

.video-item_active .play-icon {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
}

.play-icon:hover {
  background: var(--wm-gold-light) !important;
}

.video-holder-title .post-category-marker {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
}

/* ── TRENDING / FS CAROUSEL ─────────────────────────────── */
.fs-carousel-wrap {
  background: var(--wm-navy-2) !important;
}

.fs-carousel-wrap_title {
  background: var(--wm-navy-3) !important;
  border-bottom: 2px solid var(--wm-gold) !important;
}

.fs-carousel-wrap_title h4 {
  font-family: var(--wm-font-serif) !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

.fs-carousel-wrap_title h5 {
  font-family: var(--wm-font-sans) !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.gs_button {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  transition: background 0.2s, transform 0.2s !important;
}

.gs_button:hover {
  background: var(--wm-gold-light) !important;
  transform: scale(1.1) !important;
}

/* ── PICKER WRAP ─────────────────────────────────────────── */
.picker-wrap-controls ul li span {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: 4px !important;
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}

.picker-wrap-controls ul li span:hover {
  background: var(--wm-gold-light) !important;
}

/* ── VIDEO ITEMS ─────────────────────────────────────────── */
.video-item {
  transition: transform 0.25s var(--wm-transition) !important;
}

.video-item:hover {
  transform: translateY(-3px) !important;
}

.video-item-title h4 {
  font-family: var(--wm-font-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--wm-text) !important;
  line-height: 1.4 !important;
  margin: 8px 0 5px !important;
}

.video-item-title h4 a {
  color: var(--wm-text) !important;
}

.video-item-title h4 a:hover {
  color: var(--wm-gold-dark) !important;
}

.video-item-title .video-date {
  font-size: 11px !important;
  color: var(--wm-text-light) !important;
}

.video-item-title .video-date i {
  color: var(--wm-gold) !important;
}

.play-icon {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 20px rgba(201,168,76,0.45) !important;
  transition: all 0.25s !important;
}

.play-icon:hover,
.video-item:hover .play-icon {
  background: var(--wm-gold-light) !important;
  transform: scale(1.12) !important;
}

/* ── VIDEO CAROUSEL ─────────────────────────────────────── */
.video_carousel-wrap {
  background: var(--wm-light) !important;
  padding: 28px 0 36px !important;
  border-top: 1px solid var(--wm-border-soft) !important;
}

.video_carousel_title h4 {
  font-family: var(--wm-font-serif) !important;
  font-size: 18px !important;
  color: var(--wm-text) !important;
  font-weight: 700 !important;
}

.cc_btn {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  transition: all 0.2s !important;
  font-size: 13px !important;
}

.cc_btn:hover {
  background: var(--wm-gold-light) !important;
  transform: scale(1.1) !important;
}

/* ── AD / BANNER WRAPS ───────────────────────────────────── */
.gray-bg.ad-wrap {
  background: var(--wm-light) !important;
  padding: 24px 0 !important;
  border-top: 1px solid var(--wm-border-soft) !important;
  border-bottom: 1px solid var(--wm-border-soft) !important;
}

.content-banner-wrap img {
  border-radius: var(--wm-radius-md) !important;
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

/* ── BREADCRUMBS HERO ─────────────────────────────────────── */
.breadcrumbs-header {
  background: var(--wm-navy) !important;
  padding: 64px 0 48px !important;
}

.breadcrumbs-header_url a {
  color: var(--wm-gold) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
}

.breadcrumbs-header_url a:before {
  color: var(--wm-gold) !important;
}

.breadcrumbs-header_url span {
  color: rgba(255,255,255,0.6) !important;
  font-size: 12px !important;
}

.breadcrumbs-header_url span:before {
  color: var(--wm-gold) !important;
}

.mousey {
  border: 2px solid var(--wm-gold) !important;
  border-radius: 30px !important;
}

.scroller {
  background: var(--wm-gold) !important;
}

.scroll-down-wrap span {
  color: rgba(255,255,255,0.5) !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

/* Hero section (inner pages) */
.hero-section {
  padding: 0 !important;
  min-height: 300px !important;
  display: flex !important;
  align-items: flex-end !important;
  background: var(--wm-navy) !important;
}

.hero-section_bg .overlay {
  background: linear-gradient(to bottom, rgba(10,14,26,0.3), rgba(10,14,26,0.85)) !important;
  opacity: 1 !important;
}

.hero-section_title h2 {
  font-family: var(--wm-font-serif) !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: -0.02em !important;
}

.hero-section_title h2:before {
  background: var(--wm-gold) !important;
  width: 56px !important;
  height: 3px !important;
}

.breadcrumbs-list a {
  color: rgba(255,255,255,0.6) !important;
  font-size: 12px !important;
}

.breadcrumbs-list a:before {
  color: var(--wm-gold) !important;
}

.breadcrumbs-list span {
  color: var(--wm-gold) !important;
  font-size: 12px !important;
}

.breadcrumbs-list span:before {
  color: var(--wm-gold) !important;
}

/* ── PAGINATION ───────────────────────────────────────────── */
.pagination a {
  font-family: var(--wm-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border: 1px solid var(--wm-border-soft) !important;
  border-radius: var(--wm-radius) !important;
  color: var(--wm-text-muted) !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 38px !important;
  transition: all 0.2s !important;
}

.pagination a.current-page,
.pagination a:hover {
  background: var(--wm-gold) !important;
  border-color: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  box-shadow: 0 4px 12px rgba(201,168,76,0.3) !important;
}

/* ── SINGLE POST / BLOG DETAIL ───────────────────────────── */
.single-post-header {
  background: var(--wm-navy) !important;
  padding: 56px 0 40px !important;
  position: relative !important;
}

.single-post-header:after {
  background: var(--wm-gold) !important;
  height: 3px !important;
}

.single-post-header h1,
.single-post-header h2 {
  color: #fff !important;
  font-size: 36px !important;
  line-height: 1.2 !important;
  max-width: 760px !important;
}

.single-post-header .post-category-marker {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  border-radius: 2px !important;
}

.single-post-header .post-date {
  color: rgba(255,255,255,0.55) !important;
  font-size: 12px !important;
}

.single-post-header .post-date i {
  color: var(--wm-gold) !important;
}

.hs_single-post {
  background: #fff !important;
  border-radius: var(--wm-radius-md) !important;
  box-shadow: var(--wm-shadow-md) !important;
  padding: 36px 40px !important;
  margin-top: -32px !important;
  position: relative !important;
  z-index: 10 !important;
  border: 1px solid var(--wm-border-soft) !important;
}

.hs_single-post .post-opt i,
.hs_single-post .post-date i {
  color: var(--wm-gold) !important;
}

/* Article body typography */
.single-post-content h1,
.single-post-content h2,
.single-post-content h3 {
  font-family: var(--wm-font-serif) !important;
  color: var(--wm-text) !important;
  margin: 28px 0 14px !important;
}

.single-post-content p {
  font-size: 15px !important;
  line-height: 1.9 !important;
  color: #3d3d5c !important;
}

.single-post-content blockquote {
  border-left: 4px solid var(--wm-gold) !important;
  background: var(--wm-light) !important;
  border-radius: 0 var(--wm-radius-md) var(--wm-radius-md) 0 !important;
  padding: 24px 28px !important;
  margin: 32px 0 !important;
}

.single-post-content blockquote p {
  font-family: var(--wm-font-serif) !important;
  font-size: 17px !important;
  font-style: italic !important;
  color: var(--wm-text) !important;
}

/* Share icons */
.share-icon {
  color: var(--wm-gold) !important;
  border: 1px solid var(--wm-border) !important;
  border-radius: var(--wm-radius) !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 34px !important;
  text-align: center !important;
  display: inline-block !important;
  transition: all 0.2s !important;
}

.share-icon:hover {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-color: var(--wm-gold) !important;
  box-shadow: 0 4px 12px rgba(201,168,76,0.3) !important;
}

.ver-share .share-title:before {
  background: var(--wm-gold) !important;
}

/* Tags section */
.tags-title i {
  color: var(--wm-gold) !important;
}

/* Comments */
.comment-reply-link i {
  color: var(--wm-gold) !important;
}

.comment-meta i {
  color: var(--wm-gold) !important;
}

.leave-rating label {
  color: var(--wm-gold) !important;
}

.star-rating i,
.reviews_counter_wrap .star-rating i {
  color: var(--wm-gold) !important;
}

/* Post author */
.post-author_link i {
  color: var(--wm-gold) !important;
}

/* Author profile card */
.profile-card-stats li span {
  color: var(--wm-gold) !important;
}

.profile-card-social li a {
  color: var(--wm-gold) !important;
}

.profile-card_media {
  background: var(--wm-gold) !important;
}

/* Related posts */
.item-related h3 a:hover {
  color: var(--wm-gold-dark) !important;
}

/* ── ABOUT PAGE ────────────────────────────────────────── */
.about-wrap p {
  font-size: 14px !important;
  line-height: 1.9 !important;
  color: var(--wm-text-muted) !important;
}

.about-img-hotifer {
  background: var(--wm-gold) !important;
  border-radius: var(--wm-radius-md) !important;
  padding: 24px !important;
  box-shadow: var(--wm-shadow-lg) !important;
}

.about-img-hotifer p {
  color: var(--wm-navy) !important;
  font-style: italic !important;
  font-family: var(--wm-font-serif) !important;
  font-size: 14px !important;
}

.about-img-hotifer h4 {
  color: var(--wm-navy) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 2px !important;
}

.about-img-hotifer h5 {
  color: rgba(10,14,26,0.7) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
}

/* ── PR SUBTITLE ──────────────────────────────────────── */
.pr-subtitle {
  font-family: var(--wm-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--wm-text-muted) !important;
}

.pr-subtitle.prs_big:after {
  background: var(--wm-gold) !important;
}

.pr-subtitle span {
  color: var(--wm-gold) !important;
}

.pr-subtitle i {
  color: var(--wm-gold) !important;
}

/* ── CONTACTS PAGE ────────────────────────────────────── */
.contacts-list li span i {
  color: var(--wm-gold) !important;
}

.contacts-list li span {
  color: var(--wm-text) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.contacts-list li a {
  color: var(--wm-text-muted) !important;
  font-size: 13px !important;
  transition: color 0.2s !important;
}

.contacts-list li a:hover {
  color: var(--wm-gold) !important;
}

.contact-social li a {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: var(--wm-radius) !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  display: inline-block !important;
  text-align: center !important;
  transition: all 0.2s !important;
}

.contact-social li a:hover {
  background: var(--wm-gold-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(201,168,76,0.4) !important;
}

/* ── CUSTOM FORMS ─────────────────────────────────────── */
.custom-form input,
.custom-form textarea,
.custom-form select {
  border: 1px solid var(--wm-border-soft) !important;
  border-radius: var(--wm-radius) !important;
  font-family: var(--wm-font-sans) !important;
  font-size: 13px !important;
  color: var(--wm-text) !important;
  background: #fff !important;
  padding: 12px 16px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  width: 100% !important;
  margin-bottom: 16px !important;
  outline: none !important;
}

.custom-form input:focus,
.custom-form textarea:focus {
  border-color: var(--wm-gold) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.15) !important;
}

.custom-form label span {
  color: var(--wm-gold) !important;
}

.custom-form .log-submit-btn {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  font-family: var(--wm-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: var(--wm-radius) !important;
  padding: 13px 32px !important;
  cursor: pointer !important;
  transition: all 0.25s var(--wm-transition) !important;
}

.custom-form .log-submit-btn:hover {
  background: var(--wm-gold-light) !important;
  box-shadow: 0 8px 24px rgba(201,168,76,0.4) !important;
  transform: translateY(-1px) !important;
}

/* Generic color-bg button */
.color-bg,
.btn.color-bg,
.subscribe-button.color-bg,
.qty_btn .btn:hover,
.cc_btn {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border: none !important;
}

.btn.color-bg:hover,
.subscribe-button.color-bg:hover {
  background: var(--wm-gold-light) !important;
  box-shadow: 0 8px 24px rgba(201,168,76,0.4) !important;
  transform: translateY(-1px) !important;
}

/* Float buttons */
.btn.float-btn {
  font-family: var(--wm-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: var(--wm-radius) !important;
  padding: 12px 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.25s var(--wm-transition) !important;
}

.btn.float-btn.color-bg {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
}

.btn.float-btn.color-bg:hover {
  background: var(--wm-gold-light) !important;
  box-shadow: 0 8px 24px rgba(201,168,76,0.35) !important;
  transform: translateY(-2px) !important;
}

/* ── SUBSCRIBE FORM ──────────────────────────────────────── */
.subcribe-form p {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.6) !important;
  margin-bottom: 16px !important;
}

.subcribe-form .enteremail {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: var(--wm-radius) !important;
  color: #fff !important;
  font-family: var(--wm-font-sans) !important;
  font-size: 13px !important;
  padding: 12px 16px !important;
  width: 100% !important;
  outline: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  margin-bottom: 12px !important;
}

.subcribe-form .enteremail:focus {
  border-color: var(--wm-gold) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.15) !important;
}

.subcribe-form .enteremail::placeholder {
  color: rgba(255,255,255,0.35) !important;
}

.subcribe-form .subscribe-button {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  font-family: var(--wm-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: var(--wm-radius) !important;
  padding: 12px 24px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: all 0.25s !important;
}

.subcribe-form .subscribe-button:hover {
  background: var(--wm-gold-light) !important;
  box-shadow: 0 8px 24px rgba(201,168,76,0.4) !important;
}

/* ── ASIDE PANEL ────────────────────────────────────────── */
.aside-panel {
  background: var(--wm-navy) !important;
  border-left: 1px solid var(--wm-border) !important;
  box-shadow: -4px 0 32px rgba(0,0,0,0.25) !important;
}

.aside-panel li a {
  color: rgba(255,255,255,0.6) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  transition: all 0.2s !important;
}

.aside-panel li a:hover i {
  color: var(--wm-navy) !important;
}

.aside-panel li a span {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  font-weight: 700 !important;
  border-radius: var(--wm-radius) !important;
}

.aside-panel li a:hover span {
  background: var(--wm-gold-light) !important;
}

.aside-panel li a i {
  color: var(--wm-gold) !important;
  font-size: 16px !important;
  margin-bottom: 4px !important;
  transition: color 0.2s !important;
}

/* Continent SVG icons in aside panel */
.aside-panel li a svg {
  display: block !important;
  margin: 0 auto 5px !important;
  width: 26px !important;
  height: 26px !important;
  fill: var(--wm-gold) !important;
  opacity: 0.85 !important;
  transition: all 0.25s !important;
  filter: drop-shadow(0 0 4px rgba(201,168,76,0));
}

.aside-panel li a:hover svg {
  opacity: 1 !important;
  transform: scale(1.15) !important;
  filter: drop-shadow(0 0 6px rgba(201,168,76,0.55)) !important;
}

/* ── FOOTER ─────────────────────────────────────────────── */
footer.main-footer {
  background: var(--wm-navy) !important;
  border-top: 1px solid var(--wm-border) !important;
  padding: 72px 0 0 !important;
}

footer .footer-widget-title {
  font-family: var(--wm-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--wm-gold) !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--wm-border) !important;
  position: relative !important;
}

footer .footer-widget-content p {
  font-size: 13px !important;
  line-height: 1.8 !important;
  color: rgba(255,255,255,0.52) !important;
  margin-bottom: 20px !important;
}

footer .footer-list li:before {
  color: var(--wm-gold) !important;
}

footer .footer-list li a {
  color: rgba(255,255,255,0.55) !important;
  font-size: 13px !important;
  font-family: var(--wm-font-sans) !important;
  transition: all 0.2s !important;
  padding: 5px 0 5px 14px !important;
  position: relative !important;
  display: block !important;
}

footer .footer-list li a:before {
  content: '→' !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--wm-gold) !important;
  opacity: 0 !important;
  transition: opacity 0.2s, left 0.2s !important;
}

footer .footer-list li a:hover {
  color: var(--wm-gold) !important;
  padding-left: 20px !important;
}

footer .footer-list li a:hover:before {
  opacity: 1 !important;
  left: 4px !important;
}

footer .footer-social li a {
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.6) !important;
  border-radius: var(--wm-radius) !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  display: inline-block !important;
  text-align: center !important;
  transition: all 0.2s !important;
}

footer .footer-social li a:hover {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(201,168,76,0.35) !important;
}

.footer-logo img {
  max-height: 48px !important;
  opacity: 0.9 !important;
  transition: opacity 0.2s !important;
}

.footer-logo:hover img {
  opacity: 1 !important;
}

/* Footer bottom */
.footer-bottom {
  background: rgba(0,0,0,0.3) !important;
  border-top: 1px solid var(--wm-border) !important;
  padding: 20px 0 !important;
  margin-top: 48px !important;
}

.copyright {
  color: rgba(255,255,255,0.4) !important;
  font-family: var(--wm-font-sans) !important;
  font-size: 12px !important;
}

.copyright span {
  color: var(--wm-gold) !important;
  font-weight: 600 !important;
}

.to-top {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: var(--wm-radius) !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 14px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  box-shadow: 0 4px 12px rgba(201,168,76,0.3) !important;
}

.to-top:hover {
  background: var(--wm-gold-light) !important;
  transform: translateY(-2px) !important;
}

.subfooter-nav a {
  color: rgba(255,255,255,0.4) !important;
  font-family: var(--wm-font-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  transition: color 0.2s !important;
}

.subfooter-nav a:hover {
  color: var(--wm-gold) !important;
}

/* ── BANNER WIDGET ────────────────────────────────────── */
.banner-widget_content h5:before {
  background: var(--wm-gold) !important;
}

.banner-widget_content h5 {
  color: #fff !important;
  font-family: var(--wm-font-serif) !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  margin-bottom: 16px !important;
}

/* ── NICE SELECT ──────────────────────────────────────── */
.nice-select {
  font-family: var(--wm-font-sans) !important;
  font-size: 12px !important;
  border-color: var(--wm-border-soft) !important;
  border-radius: var(--wm-radius) !important;
  color: var(--wm-text-muted) !important;
}

.nice-select:after {
  border-color: var(--wm-gold) !important;
}

/* ── LOAD MORE BTN ────────────────────────────────────── */
.load-more_btn i {
  color: var(--wm-gold) !important;
}

/* ── CAT WIDGET ───────────────────────────────────────── */
.spb-categories_title span {
  color: var(--wm-gold) !important;
}

.spb-categories_counter {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
}

.spb-categories_counter:before {
  color: var(--wm-gold) !important;
}

.cat-wid-list li span {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: 30px !important;
}

/* ── FS CAROUSEL (if present) ────────────────────────── */
.fs-carousel-wrap_title-wrap h4:before {
  background: var(--wm-gold) !important;
}

.hc-cont {
  background: var(--wm-gold) !important;
}

.hero-carousel-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wm-gold) !important;
}

/* ── REGISTER / LOGIN FORM ────────────────────────────── */
.main-register {
  background: var(--wm-navy) !important;
  border: 1px solid var(--wm-border) !important;
  border-radius: var(--wm-radius-lg) !important;
  box-shadow: var(--wm-shadow-xl) !important;
}

.main-register .tabs-menu li.current a {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
  border-radius: 30px !important;
}

.main-register .tabs-menu li a i {
  color: var(--wm-gold) !important;
}

.main-register .filter-tags input {
  accent-color: var(--wm-gold) !important;
}

.soc-log a {
  border: 1px solid var(--wm-border) !important;
  border-radius: var(--wm-radius-md) !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}

.soc-log a i {
  color: var(--wm-gold) !important;
  font-size: 16px !important;
}

.soc-log a:hover {
  border-color: var(--wm-gold) !important;
  background: var(--wm-gold-muted) !important;
}

/* ── DETAIL BOX ───────────────────────────────────────── */
.det-box-media span {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
}

.detbox_notifer {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
}

/* ── IRS SLIDER (Range) ──────────────────────────────── */
.irs-single {
  background: var(--wm-gold) !important;
  color: var(--wm-navy) !important;
}

.irs-bar, .irs-bar-edge {
  background: var(--wm-gold) !important;
  border-color: var(--wm-gold) !important;
}

.fontSize .irs-slider {
  background: var(--wm-gold) !important;
}

/* ── 404 Page ─────────────────────────────────────────── */
.error-wrap h2 {
  font-family: var(--wm-font-serif) !important;
  font-size: 120px !important;
  font-weight: 700 !important;
  color: var(--wm-gold) !important;
  line-height: 1 !important;
  text-shadow: 0 4px 32px rgba(201,168,76,0.3) !important;
}

/* ── ANIMATIONS ────────────────────────────────────────── */
@keyframes wm-fadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes wm-shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.list-post,
.grid-post-item,
.box-widget {
  animation: wm-fadeInUp 0.5s var(--wm-transition) both;
}

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 1200px) {
  .hero-item h2 { font-size: 34px !important; }
  .hero-item .container { padding-left: 28px !important; }
}

@media (max-width: 768px) {
  .hero-item h2 { font-size: 26px !important; }
  .section-title h2 { font-size: 22px !important; }
  .hero-section_title h2 { font-size: 30px !important; }
  .hs_single-post { padding: 24px 18px !important; }
  .single-post-header h1,
  .single-post-header h2 { font-size: 26px !important; }
  .top-bar { height: 0 !important; overflow: hidden !important; }
  #wrapper { padding-top: 80px !important; }
  .header_news-ticker-wrap { width: 200px !important; }
}

@media (max-width: 480px) {
  .hero-item h2 { font-size: 21px !important; }
  .hero-item p { display: none !important; }
  .fs-slider_btn { display: none !important; }
}