/* ============================================================
   Galaxy Digital - Teal Theme
   Primary Teal : #00b4a6  |  Dark : #008c80
   Light Teal   : #e0f5f3
   ============================================================ */

/* ── CSS Variable overrides ── */
:root {
  --primary:       #00b4a6;
  --primary-dark:  #008c80;
  --primary-light: #e0f5f3;
  --accent:        #00cfc0;
  --accent2:       #33d9cc;
  --border:        #b2e8e4;
  --light:         #f0faf9;
  --shadow:        0 4px 24px rgba(0,180,166,0.10);
  --shadow-lg:     0 20px 60px rgba(0,180,166,0.18);
}

/* ── Body background ── */
body { background: #f0faf9; }
.l-main-container { background: #fff; }

/* ── Global grid overlay ── */
body::after {
  background-image:
    linear-gradient(rgba(0,180,166,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,180,166,0.055) 1px, transparent 1px);
  background-size: 48px 48px;
}

/* ── Background utility patterns ── */
.bg-grid {
  background-image:
    linear-gradient(rgba(0,180,166,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,180,166,0.07) 1px, transparent 1px);
  background-size: 48px 48px;
}
.bg-stripes {
  background-image: repeating-linear-gradient(
    45deg, transparent, transparent 18px,
    rgba(0,180,166,0.04) 18px, rgba(0,180,166,0.04) 19px
  );
}
.bg-cross {
  background-image:
    linear-gradient(rgba(0,180,166,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,180,166,0.06) 1px, transparent 1px),
    linear-gradient(rgba(0,180,166,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,180,166,0.03) 1px, transparent 1px);
  background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px;
}
.bg-hex {
  background-image: radial-gradient(circle, rgba(0,180,166,0.12) 1.5px, transparent 1.5px);
  background-size: 24px 24px;
}

/* ── Scrollbar ── */
::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #00b4a6, #00cfc0);
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #008c80, #00b4a6);
}

/* ── Animations ── */
@keyframes glow {
  0%, 100% { box-shadow: 0 0 20px rgba(0,180,166,0.3); }
  50%       { box-shadow: 0 0 30px rgba(0,180,166,0.6); }
}

/* ── Buttons ── */
.btn-primary {
  background: #00b4a6;
  box-shadow: 0 4px 20px rgba(0,180,166,0.35);
}
.btn-primary:hover {
  background: #008c80;
  box-shadow: 0 8px 30px rgba(0,180,166,0.45);
}
.btn-outline:hover {
  border-color: #00b4a6;
  color: #00b4a6;
}

/* ── Navbar gradient pill ── */
.navbar__pill {
  background: linear-gradient(90deg, #008c80, #00b4a6, #00cfc0);
  box-shadow: 0 6px 24px rgba(0,180,166,0.4), inset 0 1px 0 rgba(255,255,255,0.2);
}
.navbar__quote-btn {
  background: linear-gradient(90deg, #00b4a6, #00cfc0);
  box-shadow: 0 6px 24px rgba(0,180,166,0.4);
}
.navbar__drop-item:hover {
  background: linear-gradient(90deg, rgba(0,180,166,0.08), transparent);
  color: #00b4a6;
}
.navbar__drop-item--active {
  background: linear-gradient(90deg, rgba(0,180,166,0.10), transparent);
  color: #00b4a6;
}
.navbar__drop-item--active::before { background: #00b4a6; }

/* ── Hero section ── */
.hero__badge         { color: #00b4a6; }
.hero__badge-dot     { background: #00b4a6; }
.hero__word {
  background: linear-gradient(90deg, #00b4a6 0%, #00cfc0 50%, #33d9cc 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero__btn-primary {
  background: linear-gradient(90deg, #00b4a6, #00cfc0);
  box-shadow: 0 8px 28px rgba(0,180,166,0.4);
}
.hero__svc-bar { background: #00b4a6; }

/* ── Hero bottom tint ── */
.hero__tint {
  background: linear-gradient(to top, rgba(0,180,166,0.2), transparent);
}

/* ── Offers section ── */
.offers { background: #f0faf9; }
.offers__btn { background: #00b4a6; }
.offers__price { color: #00b4a6; }
.offers__tag { background: #00b4a6; }

/* ── Services section ── */
.services { background: #f0faf9; }
.services__blob--tl {
  background: radial-gradient(circle, #e0f5f3, transparent 70%);
}
.services__blob--br {
  background: radial-gradient(circle, #b2e8e4, transparent 70%);
}
.services__ring--lg { border-color: rgba(0,180,166,0.08); }
.services__ring--sm { border-color: rgba(0,180,166,0.06); }
.services__learn    { color: #00b4a6; }

/* ── Cards ── */
.card:hover          { box-shadow: 0 20px 60px rgba(0,180,166,0.15); }
.info-card           { border-color: #b2e8e4; box-shadow: 0 4px 24px rgba(0,180,166,0.08); }
.info-card:hover     { box-shadow: 0 20px 50px rgba(0,180,166,0.18); }
.sub-nav-card:hover  { background: #e0f5f3; border-color: #00b4a6; color: #00b4a6; box-shadow: 0 8px 24px rgba(0,180,166,0.15); }

/* ── About section ── */
.about__blob--tr     { background: radial-gradient(circle, #e0f5f3, transparent 70%); }
.about__blob--bl     { background: radial-gradient(circle, #b2e8e4, transparent 70%); }
.about-img-frame     { box-shadow: 0 20px 60px rgba(0,180,166,0.12); }
.about-stat-val      { color: #00b4a6; }

/* ── Page hero ── */
.page-hero__overlay {
  background: linear-gradient(100deg, rgba(0,60,55,0.82) 0%, rgba(0,90,82,0.55) 60%, rgba(0,180,166,0.20) 100%);
}

/* ── Breadcrumb ── */
.page-breadcrumb__inner a:hover { color: #00b4a6; }
.b-breadcrumbs a:hover          { color: #00b4a6; }
.b-breadcrumbs span             { color: #00b4a6; }

/* ── Category sidebar ── */
.cat-sidebar__title             { background: #00b4a6; }
.cat-sidebar__item:hover,
.cat-sidebar__item--active      { background: #e0f5f3; color: #00b4a6; }
.cat-card__img-wrap             { border-bottom-color: #00b4a6; }
.offset-card__img-wrap          { border-bottom-color: #00b4a6; }

/* ── Signage filter ── */
.signage-filter__title          { background: #00b4a6; }
.signage-filter__item:hover,
.signage-filter__item--active   { background: #e0f5f3; color: #00b4a6; }

/* ── Product grid ── */
.product-img-wrap               { background: #e0f5f3; }
.product-card:hover             { box-shadow: 0 20px 60px rgba(0,180,166,0.12); }

/* ── Legacy main-blue.css overrides ── */
a:hover                         { color: #00b4a6; }
h3, .h3                         { color: #00b4a6; }
.b-h4-special                   { color: #00b4a6; }
.f-more                         { color: #00b4a6; }
.f-more:hover                   { color: #008c80; }
.f-selection                    { color: #00b4a6; }
.c-primary                      { color: #00b4a6 !important; }

/* Buttons (legacy) */
.b-btn                          { background: #00b4a6; }
.b-btn:hover                    { background: #008c80; }
.b-btn-light:hover              { background: #00b4a6; }
.f-btn-light                    { color: #00b4a6; }
.f-btn-light:hover              { color: #fff; }
.b-btn-strong:hover             { background: #00b4a6; border-color: #008c80; }
[class*='button-']              { background: #00b4a6; border-bottom: 2px solid #008c80; }
[class*='button-']:hover        { background-color: #008c80; }
.b-hr-stars, .b-hr-stars-b      { color: #00b4a6; }
.b-stars-group > .is-active-stars { color: #00b4a6; }
.b-social-icon:hover            { background: #00b4a6; }
.b-big-square-icon              { background: #00b4a6; box-shadow: 0 -3px 0 #008c80 inset; }
.f-ol-list-text__item_number    { color: #00b4a6; }
.progress-bar                   { background-color: #00b4a6; }

/* Top bar / header */
.b-top-options-panel            { background: #00b4a6; }
.b-top-options-panel a          { color: #fff; }
.b-top-options-panel a:hover    { color: #e0f5f3; }
.b-top-options-panel .fa        { color: #fff; }
.b-header--bottom-menu          { border-bottom: 3px solid #00b4a6; }

/* Navigation (legacy) */
.b-top-nav__1level > a:hover,
.is-active-top-nav__1level > a  { color: #00b4a6 !important; }
.is-active-top-nav__1level > a  { border-bottom: 3px solid #00b4a6; }
.b-top-nav__dropdomn            { border-top: 3px solid #00b4a6; }
.b-top-nav__2level a:hover      { color: #00b4a6; }
.b-top-nav__2level_title        { color: #00b4a6 !important; background: #e0f5f3; }

/* Section titles */
.b-carousel-title,
.f-carousel-title__color        { color: #00b4a6 !important; }
.b-carousel-title::after        { background: #00b4a6; }

/* Product cards (legacy) */
.f-product-preview__content_category  { color: #00b4a6 !important; }
.b-product-preview             { border: 1px solid #b2e8e4; border-radius: 6px; overflow: hidden; transition: box-shadow .3s, border-color .3s; }
.b-product-preview:hover       { box-shadow: 0 4px 18px rgba(0,180,166,.15); border-color: #00b4a6; }

/* App/offer cards (legacy) */
.b-app-with-img__item          { border: 1px solid #b2e8e4; border-radius: 6px; overflow: hidden; transition: box-shadow .3s; margin-bottom: 4px; }
.b-app-with-img__item:hover    { box-shadow: 0 4px 18px rgba(0,180,166,.15); }
.b-app-with-img__item_name a:hover { color: #00b4a6; }
.b-app-with-img__border        { border-top: 2px solid #00b4a6; }

/* Thumbnails */
.thumbnail                     { border: 1px solid #b2e8e4; border-radius: 6px; transition: box-shadow .3s, border-color .3s; }
.thumbnail:hover               { box-shadow: 0 4px 18px rgba(0,180,166,.15); border-color: #00b4a6; }

/* Sidebar nav (legacy) */
.navi-allproduct h3            { background: #00b4a6; color: #fff; padding: 12px 15px; border-radius: 4px 4px 0 0; }
.sidebar_menu .tree-toggler a  { color: #00b4a6; font-weight: bold; }
.sidebar_menu .nav-list li a:hover { color: #00b4a6; }

/* Infoblock icons */
.b-infoblock-with-icon__icon        { border: 2px solid #00b4a6; background: #e0f5f3; }
.b-infoblock-with-icon__icon:hover  { background: #fff; border-color: #00b4a6; }
.b-infoblock-with-icon__info h4     { color: #00b4a6; }

/* Category filter */
.b-category-filter li a:hover,
.b-category-filter .is-category-filter-active a { color: #00b4a6 !important; border-bottom: 2px solid #00b4a6 !important; }

/* Deals */
.deals-title        { background: #00b4a6; }
.deals-thum:hover   { border: 1px solid #00b4a6; }

/* Prices */
.f-blog-short-post__item_price { color: #00b4a6 !important; }

/* Outdoor captions */
.outdoor-captions   { background: #00b4a6; color: #fff; padding: 6px 10px; text-align: center; font-weight: bold; }

/* Tabs */
.b-tabs-vertical__title.is-active-tab { border-left: 3px solid #00b4a6; color: #00b4a6; }
.b-tabs-vertical__title:hover         { color: #00b4a6; }

/* Image hover mask */
.view-sixth:hover .mask { background: rgba(0,180,166,.75); }

/* Footer */
footer                              { background: #00b4a6; padding: 30px 0; }
footer .footer-contact h2           { color: #fff; }
footer .footer-contact h1           { color: #fff; }
footer .footer-newslatter h1,
footer .footer-newslatter h3        { color: #fff; }
footer .footer-newslatter a         { color: #e0f5f3; }
footer .footer-newslatter a:hover   { color: #fff; }

/* Best seller heading */
.b-sort-panel .b-select h3 b {
  color: #00b4a6;
  font-size: 1.4em;
  border-bottom: 2px solid #00b4a6;
  padding-bottom: 6px;
  display: inline-block;
}

/* Section dividers */
.b-infoblock { border-top: 3px solid #e0f5f3; }