/*
Theme Name:  RiPro ShopToFly
Template:    ripro-v5
Description: ShopToFly brand skin for RiPro-V5
Version:     1.0
*/

/* =============================================
   ShopToFly Brand Tokens
   Primary  #2a4030  rgb(42,64,48)
   Accent   #9bc459  rgb(155,196,89)
   Bg       #f6f1eb
   Hover bg #7fa33f  (darker accent)
   Subtle   #e8f2e0
============================================= */

:root,
[data-bs-theme="light"] {
  --ri-blue:               #2a4030;
  --ri-primary:            #2a4030;
  --ri-primary-rgb:        42, 64, 48;
  --ri-primary-text:       #1a2d1e;
  --ri-primary-bg-subtle:  #e8f2e0;
  --ri-primary-border-subtle: #b7d99a;

  /* map cyan/info to lime accent */
  --ri-info:               #9bc459;
  --ri-info-rgb:           155, 196, 89;

  --ri-body-bg:            #f6f1eb;
  --ri-body-color:         #1a2d1e;
}

/* body background */
body {
  background-color: #f6f1eb !important;
}

/* ---- Buttons ---- */
.btn-primary {
  --ri-btn-bg:               #2a4030;
  --ri-btn-border-color:     #2a4030;
  --ri-btn-hover-bg:         #9bc459;
  --ri-btn-hover-border-color: #9bc459;
  --ri-btn-active-bg:        #7fa33f;
  --ri-btn-active-border-color: #7fa33f;
  --ri-btn-disabled-bg:      #2a4030;
  --ri-btn-disabled-border-color: #2a4030;
}

.btn-outline-primary {
  --ri-btn-color:            #2a4030;
  --ri-btn-border-color:     #2a4030;
  --ri-btn-hover-bg:         #2a4030;
  --ri-btn-hover-border-color: #2a4030;
  --ri-btn-active-bg:        #2a4030;
  --ri-btn-active-border-color: #2a4030;
  --ri-btn-disabled-color:   #2a4030;
  --ri-btn-disabled-border-color: #2a4030;
}

.btn-primary-soft {
  color: #2a4030;
  background-color: rgba(42, 64, 48, 0.1);
}
.btn-primary-soft:hover,
.btn-primary-soft:active {
  color: #fff;
  background-color: #2a4030;
  border-color: #2a4030;
}

/* ---- Links ---- */
a { color: #2a4030; }
a:hover { color: #9bc459; }
.link-primary { color: #2a4030!important; }
.link-primary:hover,
.link-primary:focus { color: #9bc459 !important; }

/* ---- Text / Background utilities ---- */
.text-primary  { color: #2a4030 !important; }
.bg-primary    { background-color: #2a4030 !important; }
.text-bg-primary { color: #fff !important; background-color: #2a4030 !important; }
.border-primary { border-color: #2a4030 !important; }
.bg-primary-subtle { background-color: #e8f2e0 !important; }
.text-primary-emphasis { color: #1a2d1e !important; }

/* ---- Navbar / header ---- */
.navbar .nav-list > .menu-item.current-menu-item > a { color: #9bc459; }
.navbar-brand,
.site-logo { color: #2a4030; }

/* primary nav hover */
.navbar .nav-item > a:hover,
.navbar .nav-list > .menu-item > a:hover { color: #9bc459; }

/* ---- User centre menu ---- */
.uc-page .uc-menu-warp .menu-item a:hover,
.uc-page .uc-menu-warp .menu-item.current-menu-item a { color: #9bc459; }

/* ---- Post content h3 accent bar ---- */
.post-content .h3::before,
.post-content h3::before {
  background-color: #9bc459;
  background-image: none;
}

/* ---- Form controls ---- */
.form-check-input:checked {
  background-color: #2a4030;
  border-color: #2a4030;
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #2a4030;
  border-color: #2a4030;
}
.form-range::-webkit-slider-thumb { background-color: #2a4030; }
.form-range::-moz-range-thumb { background-color: #2a4030; }

/* ---- Badges / tags ---- */
.badge.bg-primary { background-color: #2a4030 !important; }

/* ---- Pagination ---- */
.page-item.active .page-link {
  background-color: #2a4030;
  border-color: #2a4030;
}
.page-link { color: #2a4030; }
.page-link:hover { color: #9bc459; }

/* ---- Category / tag pills ---- */
.ri-tag a:hover,
.cat-links a:hover { color: #9bc459; }

/* ---- Cards hover border ---- */
.card:hover { border-color: #9bc459; }

/* ---- VIP / member badge highlight ---- */
.vip-color,
.text-vip { color: #9bc459 !important; }

/* ---- Alert primary ---- */
.alert-primary {
  --ri-alert-color: #1a2d1e;
  --ri-alert-bg: #e8f2e0;
  --ri-alert-border-color: #b7d99a;
  --ri-alert-link-color: #2a4030;
}

/* ---- Hardcoded #2163e8 fallback overrides ---- */
[style*="color:#2163e8"],
[style*="color: #2163e8"] { color: #2a4030 !important; }
[style*="background-color:#2163e8"],
[style*="background-color: #2163e8"] { background-color: #2a4030 !important; }
[style*="border-color:#2163e8"],
[style*="border-color: #2163e8"] { border-color: #2a4030 !important; }

/* ---- Logo size ---- */
.logo-wrapper .logo { height: 36px; width: auto; }

/* ---- Sticky / scrolled header ---- */
.sticky-header,
.header-sticky,
.site-header.sticky {
  background-color: rgba(246, 241, 235, 0.92) !important;
  backdrop-filter: blur(6px);
}

/* ---- Footer ---- */
.site-footer { background-color: #2a4030; color: #e8f2e0; }
.site-footer a { color: #9bc459; }
.site-footer a:hover { color: #fff; }