/* =========================
   CIGARLINK — CORE CSS
   Hello Elementor + Elementor Pro
   Ultimate Member + Better Messages + UM Reviews
   Premium Dark (Gold + Green)
   ========================= */

/* 1) Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Playfair+Display:wght@400;700;900&display=swap');

/* 2) Global Palette */
:root{
  --cl-bg: #0c0a09;
  --cl-bg-2: #1c1917;
  --cl-bg-3: #1B232F;

  --cl-text: #fafaf9;
  --cl-muted: #d6d3d1;
  --cl-muted-2: #a8a29e;

  --cl-gold: #d4af37;
  --cl-gold-2: #f4e4c1;

  --cl-green: #064e3b;
  --cl-green-2: #047857;

  --cl-radius-lg: 22px;
  --cl-radius-md: 16px;
  --cl-radius-sm: 12px;

  --cl-border: rgba(255,255,255,.12);
  --cl-border-2: rgba(255,255,255,.16);
  --cl-shadow: 0 22px 60px rgba(0,0,0,.62);
}

/* 3) Base reset */
*{ margin:0; padding:0; box-sizing:border-box; }
html, body{ width:100%; max-width:100%; }
body{ overflow-x:hidden; }

/* 4) Global background + typography */
body{
  background: var(--cl-bg) !important;
  color: var(--cl-text);
  min-height:100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body, p, li, a, span, div{
  font-family: 'Cormorant Garamond', serif;
}

h1,h2,h3,h4,h5,h6,
.elementor-heading-title{
  font-family: 'Playfair Display', serif;
  font-weight:700;
}

/* Logo text gradient helper */
.logo-text{
  background: linear-gradient(135deg, var(--cl-gold) 0%, var(--cl-gold-2) 50%, var(--cl-gold) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.logo-text2{
  background: linear-gradient(135deg, var(--cl-gold) 0%, var(--cl-gold-2) 50%, var(--cl-gold) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 80px !important;
}

/* =========================
   Smoke Fullscreen
   ========================= */
@keyframes smoke-rise{
  0%   { transform: translateY(0) scale(1) rotate(0deg); opacity: 0; }
  3%   { opacity: 0.9; }
  10%  { opacity: 1; }
  50%  { opacity: 0.7; }
  100% { transform: translateY(-120vh) translateX(100px) scale(3) rotate(180deg); opacity: 0; }
}
@keyframes smoke-rise-reverse{
  0%   { transform: translateY(0) scale(1) rotate(0deg); opacity: 0; }
  3%   { opacity: 0.85; }
  10%  { opacity: 0.95; }
  50%  { opacity: 0.65; }
  100% { transform: translateY(-120vh) translateX(-100px) scale(3) rotate(-180deg); opacity: 0; }
}
.smoke-container{
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: 1 !important;
}
.smoke-container .smoke{
  position: absolute !important;
  bottom: -200px !important;
  width: 350px !important;
  height: 350px !important;
  background: radial-gradient(circle,
    rgba(212, 175, 55, 0.7) 0%,
    rgba(212, 175, 55, 0.5) 25%,
    rgba(212, 175, 55, 0.35) 50%,
    rgba(255, 215, 0, 0.2) 65%,
    transparent 80%
  ) !important;
  border-radius: 50% !important;
  filter: blur(50px) !important;
  animation: smoke-rise 20s infinite ease-in-out !important;
  box-shadow: 0 0 60px rgba(212, 175, 55, 0.4) !important;
}
.smoke-container .smoke:nth-child(1){  left: 5%  !important; animation-delay: 0s   !important; animation-duration: 15s !important; }
.smoke-container .smoke:nth-child(2){  left: 18% !important; animation-delay: 1.5s !important; animation-duration: 18s !important; animation-name: smoke-rise-reverse !important; width: 380px !important; height: 380px !important; }
.smoke-container .smoke:nth-child(3){  left: 32% !important; animation-delay: 4s   !important; animation-duration: 17s !important; width: 320px !important; height: 320px !important; }
.smoke-container .smoke:nth-child(4){  left: 48% !important; animation-delay: 0.5s !important; animation-duration: 16s !important; animation-name: smoke-rise-reverse !important; width: 360px !important; height: 360px !important; }
.smoke-container .smoke:nth-child(5){  left: 62% !important; animation-delay: 3s   !important; animation-duration: 19s !important; width: 340px !important; height: 340px !important; }
.smoke-container .smoke:nth-child(6){  left: 78% !important; animation-delay: 5s   !important; animation-duration: 20s !important; animation-name: smoke-rise-reverse !important; width: 370px !important; height: 370px !important; }
.smoke-container .smoke:nth-child(7){  left: 10% !important; animation-delay: 7s   !important; animation-duration: 21s !important; width: 330px !important; height: 330px !important; }
.smoke-container .smoke:nth-child(8){  left: 52% !important; animation-delay: 9s   !important; animation-duration: 16s !important; animation-name: smoke-rise-reverse !important; }
.smoke-container .smoke:nth-child(9){  left: 70% !important; animation-delay: 2.5s !important; animation-duration: 18s !important; width: 310px !important; height: 310px !important; }
.smoke-container .smoke:nth-child(10){ left: 25% !important; animation-delay: 6s   !important; animation-duration: 17s !importants; animation-name: smoke-rise-reverse !important; width: 390px !important; height: 390px !important; }
/* Fix typo-safe override (some editors may inject the "s" in 17s) */
.smoke-container .smoke:nth-child(10){ animation-duration: 17s !important; }

@media (max-width: 768px){
  .smoke-container .smoke{
    width: 200px !important;
    height: 200px !important;
    filter: blur(35px) !important;
  }
}

/* =========================
   Elementor Masters Section helpers
   ========================= */
.masters-section{
  position: relative !important;
  z-index: 2 !important;
  font-family: "Cormorant Garamond", serif !important;
}
.master-card{
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%) !important;
}
.master-card:hover{
  transform: translateY(-6px) !important;
  border-color: rgba(245, 158, 11, 0.55) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.45) !important;
}

/* Buttons used in Elementor sections */
.btn{ width: 100% !important; margin-top: .75rem !important; }
.btn .elementor-button,
.btn a{
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .9rem 1rem !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  border: 1px solid transparent !important;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease !important;
  font-family: "Cormorant Garamond", serif !important;
}
.btn-green .elementor-button,
.btn-green a{
  background: rgba(6, 78, 59, 0.35) !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
  color: #6ee7b7 !important;
  box-shadow: 0 0 18px rgba(16, 185, 129, 0.15) !important;
}
.btn-green .elementor-button:hover,
.btn-green a:hover{
  transform: translateY(-2px) !important;
  background: rgba(6, 78, 59, 0.48) !important;
  border-color: rgba(16, 185, 129, 0.55) !important;
}
.btn-gold .elementor-button,
.btn-gold a{
  background: linear-gradient(135deg, var(--cl-gold) 0%, var(--cl-gold-2) 50%, var(--cl-gold) 100%) !important;
  border-color: rgba(217, 119, 6, 0.45) !important;
  color: #000 !important;
  box-shadow: 0 0 18px rgba(217, 119, 6, 0.18) !important;
}
.btn-gold .elementor-button:hover,
.btn-gold a:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(245, 158, 11, 0.65) !important;
}

/* ===============================
   Elementor Popup + UM Forms (global)
   =============================== */
.elementor-popup-modal .dialog-widget-content{
  background:#070707 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:18px !important;
  color:#f5f5f5 !important;
  transform: translateZ(0) !important;
  will-change: transform;
}
.elementor-popup-modal .dialog-widget-content,
.elementor-popup-modal .dialog-widget-content *{ color:#f5f5f5 !important; }
.elementor-popup-modal .dialog-widget-content .um label,
.elementor-popup-modal .dialog-widget-content .um .um-field-label,
.elementor-popup-modal .dialog-widget-content .um .um-field-label *{
  color:rgba(255,255,255,.92) !important;
  font-weight:800 !important;
}
.elementor-popup-modal .dialog-widget-content .um input,
.elementor-popup-modal .dialog-widget-content .um textarea,
.elementor-popup-modal .dialog-widget-content .um select{
  background:#151515 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  caret-color:#ffffff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  outline:none !important;
}
.elementor-popup-modal .dialog-widget-content .um input::placeholder,
.elementor-popup-modal .dialog-widget-content .um textarea::placeholder{
  color:rgba(255,255,255,.45) !important;
  -webkit-text-fill-color:rgba(255,255,255,.45) !important;
}
.elementor-popup-modal .dialog-widget-content .um input:focus,
.elementor-popup-modal .dialog-widget-content .um textarea:focus,
.elementor-popup-modal .dialog-widget-content .um select:focus{
  border-color:rgba(212,175,55,.85) !important;
  box-shadow:0 0 0 3px rgba(212,175,55,.18) !important;
}
.elementor-popup-modal .dialog-widget-content .um input:-webkit-autofill{
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 0 0px 1000px #151515 inset !important;
}
.elementor-popup-modal .dialog-widget-content .um .um-button,
.elementor-popup-modal .dialog-widget-content .um input[type="submit"],
.elementor-popup-modal .dialog-widget-content .um button{
  background:linear-gradient(135deg,var(--cl-gold) 0%,var(--cl-gold-2) 50%,var(--cl-gold) 100%) !important;
  color:#0b0b0b !important;
  -webkit-text-fill-color:#0b0b0b !important;
  border:none !important;
  border-radius:14px !important;
  font-weight:900 !important;
}
.elementor-popup-modal .dialog-widget-content .um a{
  color:var(--cl-gold) !important;
  -webkit-text-fill-color:var(--cl-gold) !important;
  font-weight:800 !important;
}

/* =========================
   Header User Dropdown [edo_user_dropdown]
   ========================= */
.edo-user-dropdown{
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 99999 !important;
  font-family: "Cormorant Garamond", serif;
}
.edo-user-dropdown .edo-user-trigger{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(12, 10, 9, .72);
  border: 1px solid rgba(255,255,255,.16);
  color: var(--cl-text);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  line-height: 1;
}
.edo-user-dropdown .edo-user-trigger:hover{
  transform: translateY(-1px);
  background: rgba(28, 25, 23, .78);
  border-color: rgba(212, 175, 55, .45);
  box-shadow: 0 14px 40px rgba(0,0,0,.55);
}
.edo-user-dropdown .edo-user-trigger:focus{
  outline: none;
  border-color: rgba(212, 175, 55, .75);
  box-shadow: 0 0 0 3px rgba(212,175,55,.18), 0 14px 40px rgba(0,0,0,.55);
}
.edo-user-dropdown .edo-user-trigger img{
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(212,175,55,.25);
  flex: 0 0 auto;
}
.edo-user-dropdown .edo-user-name{
  font-weight: 800;
  letter-spacing: .2px;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--cl-text);
}
.edo-user-dropdown .edo-caret{
  opacity: .9;
  color: var(--cl-gold);
  transition: transform .2s ease, opacity .2s ease;
  flex: 0 0 auto;
}
.edo-user-dropdown .edo-user-trigger[aria-expanded="true"] .edo-caret{
  transform: rotate(180deg);
  opacity: 1;
}
.edo-user-dropdown .edo-user-menu{
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 240px;
  padding: 8px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(16,16,16,.96), rgba(10,10,10,.96));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 22px 60px rgba(0,0,0,.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  display: none;
}
.edo-user-dropdown .edo-user-trigger[aria-expanded="true"] + .edo-user-menu{
  display: block;
  animation: edoDropIn .14s ease-out;
}
@keyframes edoDropIn{
  from{ opacity: 0; transform: translateY(-6px) scale(.985); }
  to{ opacity: 1; transform: translateY(0) scale(1); }
}
.edo-user-dropdown .edo-user-menu a{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 14px;
  color: var(--cl-text) !important;
  text-decoration: none;
  font-weight: 800;
  transition: background .16s ease, transform .16s ease, color .16s ease, border-color .16s ease;
  border: 1px solid transparent;
}
.edo-user-dropdown .edo-user-menu a:hover{
  background: rgba(212,175,55,.10);
  border-color: rgba(212,175,55,.22);
  transform: translateX(2px);
  color: var(--cl-gold-2) !important;
}
.edo-user-dropdown .edo-divider{
  height: 1px;
  background: rgba(255,255,255,.10);
  margin: 6px 8px;
  border-radius: 999px;
}
.edo-user-dropdown .edo-user-menu a[href*="action=logout"]{
  color: #ffb4a6 !important;
}
.edo-user-dropdown .edo-user-menu a[href*="action=logout"]:hover{
  background: rgba(255, 90, 70, .12);
  border-color: rgba(255, 90, 70, .22);
  color: #ffd0c7 !important;
}
@media (max-width: 767px){
  .edo-user-dropdown .edo-user-name{ max-width: 130px; }
  .edo-user-dropdown .edo-user-menu{ min-width: min(92vw, 320px); }
}

/* =========================
   Ultimate Member Directory (Masters Grid)
   ========================= */
.um-members.um-members-grid{
  position: relative;
  z-index: 2;
}
.um-members-grid .um-member{
  position: relative;
  background: linear-gradient(135deg,
    rgba(27, 35, 47, .78) 0%,
    rgba(12,10,9,.92) 55%,
    rgba(8,7,7,.94) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: var(--cl-radius-lg) !important;
  padding: 18px 18px 16px !important;
  box-shadow: var(--cl-shadow) !important;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin-bottom: 18px !important;
}
.um-members-grid .um-member:hover{
  transform: translateY(-7px) !important;
  border-color: rgba(212,175,55,.38) !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.72),
    0 0 0 1px rgba(212,175,55,.10) inset,
    0 0 55px rgba(212,175,55,.10) !important;
}
.um-members-grid .um-member::before{
  content:"";
  position:absolute;
  inset:-120px -140px auto auto;
  width: 260px;
  height: 260px;
  transform: rotate(22deg);
  background: radial-gradient(circle,
    rgba(212,175,55,.22) 0%,
    rgba(212,175,55,.12) 35%,
    transparent 70%
  );
  pointer-events:none;
  filter: blur(2px);
}
.um-members-grid .um-member-status{
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .3px;
  font-size: 12px;
  text-transform: uppercase;
  background: rgba(6,78,59,.30);
  border: 1px solid rgba(16,185,129,.30);
  color: #6ee7b7;
  z-index: 3;
}
.um-members-grid .um-member-photo{
  margin: 6px auto 10px !important;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.um-members-grid .um-member-photo a{
  display: inline-block;
  border-radius: 999px;
  position: relative;
}
.um-members-grid .um-member-photo img{
  width: 108px !important;
  height: 108px !important;
  object-fit: cover;
  border-radius: 999px !important;
  border: 2px solid rgba(212,175,55,.45) !important;
  box-shadow:
    0 14px 40px rgba(0,0,0,.55),
    0 0 0 5px rgba(212,175,55,.08) !important;
  transition: transform .22s ease, box-shadow .22s ease;
}
.um-members-grid .um-member:hover .um-member-photo img{
  transform: scale(1.03);
  box-shadow:
    0 18px 55px rgba(0,0,0,.65),
    0 0 0 6px rgba(212,175,55,.10),
    0 0 45px rgba(212,175,55,.12) !important;
}
.um-members-grid .um-member-card{
  padding: 4px 6px 0 !important;
  position: relative;
  z-index: 2;
}
.um-members-grid .um-member-name{
  text-align: center;
  margin-top: 4px;
}
.um-members-grid .um-member-name a{
  font-family: "Playfair Display", serif !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  color: var(--cl-gold-2) !important;
  text-decoration: none !important;
  letter-spacing: .2px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.um-members-grid .um-member-name a:hover{
  color: #fff !important;
  background: rgba(212,175,55,.10);
  transform: translateY(-1px);
}
.um-members-grid .um-members-bpbm-btn{ display: none !important; } /* hide default private msg */
.um-members-grid .edo-dir-msg-btn{ margin-top: 12px !important; }
.um-members-grid .edo-dir-msg-btn .edo-msg-link{
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 14px;
  font-weight: 900;
  text-decoration: none !important;
  border: 1px solid rgba(212,175,55,.40);
  background: linear-gradient(135deg, rgba(212,175,55,.22), rgba(244,228,193,.12));
  color: var(--cl-gold-2) !important;
  box-shadow: 0 0 18px rgba(212,175,55,.12);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.um-members-grid .edo-dir-msg-btn .edo-msg-link:hover{
  transform: translateY(-2px);
  border-color: rgba(212,175,55,.65);
  background: linear-gradient(135deg, rgba(212,175,55,.30), rgba(244,228,193,.16));
  box-shadow: 0 18px 45px rgba(0,0,0,.55), 0 0 30px rgba(212,175,55,.18);
}
.um-members-grid .edo-dir-msg-btn .edo-msg-link img.emoji{
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}

/* Bio/tagline contrast */
.um-members-grid .um-member-tagline{
  margin-top: 14px !important;
  padding: 14px 14px !important;
  border-radius: 16px !important;
  background: rgba(27, 35, 47, .72) !important; /* #1B232F */
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(250,250,249,.96) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  text-align: left !important;
  letter-spacing: .2px;
  text-shadow: 0 1px 0 rgba(0,0,0,.40);
  box-shadow: 0 12px 30px rgba(0,0,0,.30) !important;
}
.um-members-grid .um-member:hover .um-member-tagline{
  border-color: rgba(212,175,55,.22) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.36) !important;
}
.um-members-grid .um-member-tagline a{
  color: var(--cl-gold-2) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(212,175,55,.35);
}
.um-members-grid .um-member-tagline a:hover{
  color: #fff !important;
  border-bottom-color: rgba(244,228,193,.65);
}
.um-members-grid .um-member-tagline img.emoji{
  width: 18px !important;
  height: 18px !important;
  vertical-align: -3px !important;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.45)) !important;
}
@media (max-width: 767px){
  .um-members-grid .um-member{ border-radius: 18px !important; padding: 16px !important; }
  .um-members-grid .um-member-photo img{ width: 96px !important; height: 96px !important; }
  .um-members-grid .um-member-name a{ font-size: 18px !important; }
  .um-members-grid .um-member-tagline{ font-size: 15px !important; }
}

/* =========================
   UM Slider (4-up) — wrapper .edo-masters-slider
   ========================= */
.edo-masters-slider .um-members.um-members-grid{ position: relative; z-index: 2; }
.edo-masters-slider .edo-um-swiper{ padding: 10px 6px 26px; position: relative; }
.edo-masters-slider .swiper-slide{ height: auto; }

/* Neutralize masonry absolute positioning */
.edo-masters-slider .um-member{
  position: relative !important;
  left: auto !important;
  top: auto !important;
}

/* Nav arrows */
.edo-masters-slider .edo-um-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(12,10,9,.72);
  border: 1px solid rgba(212,175,55,.28);
  box-shadow: 0 18px 45px rgba(0,0,0,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  z-index: 5;
}
.edo-masters-slider .edo-um-prev{ left: -10px; }
.edo-masters-slider .edo-um-next{ right: -10px; }
.edo-masters-slider .edo-um-nav:hover{
  border-color: rgba(212,175,55,.55);
  box-shadow: 0 22px 60px rgba(0,0,0,.65), 0 0 30px rgba(212,175,55,.12);
}
.edo-masters-slider .edo-um-prev::before,
.edo-masters-slider .edo-um-next::before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--cl-gold-2);
  border-bottom: 2px solid var(--cl-gold-2);
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
}
.edo-masters-slider .edo-um-prev::before{ transform: translate(-45%,-50%) rotate(135deg); }
.edo-masters-slider .edo-um-next::before{ transform: translate(-55%,-50%) rotate(-45deg); }
.edo-masters-slider .edo-um-pagination{ bottom: 0 !important; }
.edo-masters-slider .swiper-pagination-bullet{ background: rgba(255,255,255,.35); opacity: 1; }
.edo-masters-slider .swiper-pagination-bullet-active{ background: var(--cl-gold); }

/* =========================
   Ultimate Member Profile + Account (Premium Dark)
   ========================= */

/* Main profile wrapper */
.um.um-profile,
.um.um-account{
  position: relative;
  z-index: 2;
}

/* Profile container panel */
.um.um-profile .um-profile-body,
.um.um-account .um-account-main{
  background: linear-gradient(135deg, rgba(27,35,47,.70) 0%, rgba(12,10,9,.94) 55%, rgba(8,7,7,.96) 100%) !important;
  border: 1px solid var(--cl-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 26px 90px rgba(0,0,0,.66) !important;
}

/* Ensure About/Reviews body uses full width but keeps readable max-width */
.um.um-profile .um-profile-body{
  padding: 18px 18px 22px !important;
}
.um.um-profile .um-profile-body .um-profile-body-inner,
.um.um-profile .um-profile-body .um-profile-content,
.um.um-profile .um-profile-body .um-profile-body-main,
.um.um-profile .um-profile-body .um-profile-meta{
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make text high-contrast */
.um.um-profile, .um.um-account,
.um.um-profile * , .um.um-account *{
  color: var(--cl-text);
}
.um.um-profile p, .um.um-account p,
.um.um-profile .um-meta-text, .um.um-profile .um-profile-note,
.um.um-profile .um-field-area, .um.um-profile .um-field-value,
.um.um-account .um-account-name, .um.um-account .um-account-meta{
  color: rgba(250,250,249,.92) !important;
}

/* Links */
.um.um-profile a, .um.um-account a{
  color: var(--cl-gold-2) !important;
  text-decoration: none;
}
.um.um-profile a:hover, .um.um-account a:hover{
  color: #fff !important;
}

/* Profile header */
.um.um-profile .um-profile-header{
  background: rgba(12,10,9,.65) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 22px !important;
  padding: 18px 18px 12px !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.um.um-profile .um-profile-photo img{
  border: 2px solid rgba(212,175,55,.55) !important;
  box-shadow: 0 16px 50px rgba(0,0,0,.65), 0 0 0 6px rgba(212,175,55,.10) !important;
}
.um.um-profile .um-profile-name{
  font-family: "Playfair Display", serif !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
}
.um.um-profile .um-profile-name a{
  color: var(--cl-gold-2) !important;
}

/* Tabs bar */
.um.um-profile .um-profile-nav{
  margin-top: 14px !important;
  background: rgba(12,10,9,.55) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  padding: 8px !important;
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap;
}

/* Avoid duplicate tab links (UM outputs two links per tab: uimob800-show/hide) */
@media (min-width: 801px){
  .um.um-profile .um-profile-nav a.uimob800-show{ display:none !important; }
}
@media (max-width: 800px){
  .um.um-profile .um-profile-nav a.uimob800-hide{ display:none !important; }
}

/* Tab item */
.um.um-profile .um-profile-nav a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  font-weight: 900 !important;
  letter-spacing: .15px;
  color: rgba(250,250,249,.92) !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  line-height: 1 !important;
}
.um.um-profile .um-profile-nav a:hover{
  transform: translateY(-1px);
  background: rgba(212,175,55,.10) !important;
  border-color: rgba(212,175,55,.22) !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.45);
}
.um.um-profile .um-profile-nav .active a,
.um.um-profile .um-profile-nav a.current{
  background: linear-gradient(135deg, rgba(212,175,55,.22), rgba(244,228,193,.10)) !important;
  border-color: rgba(212,175,55,.45) !important;
  color: var(--cl-gold-2) !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.55), 0 0 0 1px rgba(212,175,55,.10) inset;
}

/* Tab icons sizing / alignment */
.um.um-profile .um-profile-nav i,
.um.um-profile .um-profile-nav svg{
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  vertical-align: middle !important;
  opacity: .95;
}

/* Profile inner blocks */
.um.um-profile .um-profile-body .um-field{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  padding: 14px 14px !important;
  margin-bottom: 12px !important;
}
.um.um-profile .um-profile-body .um-field-label,
.um.um-profile .um-profile-body .um-field-label *{
  color: rgba(250,250,249,.90) !important;
  font-weight: 900 !important;
}
.um.um-profile .um-profile-body .um-field-value{
  color: rgba(250,250,249,.92) !important;
}

/* Reviews list/card */
.um.um-profile .um-user-reviews,
.um.um-profile .um-user-reviews *{
  color: rgba(250,250,249,.92) !important;
}
.um.um-profile .um-user-reviews .um-user-review,
.um.um-profile .um-user-reviews .um-user-review-content{
  width: 100% !important;
}
.um.um-profile .um-user-reviews .um-user-review{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  padding: 14px !important;
  margin-bottom: 12px !important;
}
.um.um-profile .um-user-reviews .um-user-review .um-user-review-meta{
  color: rgba(250,250,249,.88) !important;
}
.um.um-profile .um-user-reviews .um-user-review .um-user-review-rating i{
  color: var(--cl-gold) !important;
}

/* =========================
   UM Gear dropdown (Edit/Account/Logout)
   ========================= */
.um.um-profile .um-dropdown,
.um.um-account .um-dropdown{
  background: rgba(12,10,9,.85) !important;
  border: 1px solid rgba(212,175,55,.30) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.65) !important;
  overflow: hidden;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.um.um-profile .um-dropdown a,
.um.um-account .um-dropdown a{
  color: rgba(250,250,249,.92) !important;
  font-weight: 900 !important;
  background: transparent !important;
}
.um.um-profile .um-dropdown a:hover,
.um.um-account .um-dropdown a:hover{
  background: rgba(212,175,55,.10) !important;
  color: var(--cl-gold-2) !important;
}
.um.um-profile .um-dropdown .um-dropdown-icon,
.um.um-profile .um-dropdown .um-dropdown-toggle,
.um.um-account .um-dropdown .um-dropdown-icon,
.um.um-account .um-dropdown .um-dropdown-toggle{
  color: var(--cl-gold) !important;
}
.um.um-profile .um-profile-header .um-dropdown-toggle,
.um.um-profile .um-profile-header .um-dropdown-toggle i{
  color: var(--cl-gold) !important;
}

/* =========================
   UM Forms (Account / Edit Profile)
   ========================= */
.um.um-account input[type="text"],
.um.um-account input[type="email"],
.um.um-account input[type="password"],
.um.um-profile input[type="text"],
.um.um-profile input[type="email"],
.um.um-profile input[type="password"],
.um.um-profile textarea,
.um.um-account textarea,
.um.um-profile select,
.um.um-account select{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  color: var(--cl-text) !important;
  padding: 12px 14px !important;
  outline: none !important;
}
.um.um-profile input::placeholder,
.um.um-account input::placeholder,
.um.um-profile textarea::placeholder,
.um.um-account textarea::placeholder{
  color: rgba(250,250,249,.45) !important;
}
.um.um-profile input:focus,
.um.um-account input:focus,
.um.um-profile textarea:focus,
.um.um-account textarea:focus,
.um.um-profile select:focus,
.um.um-account select:focus{
  border-color: rgba(212,175,55,.75) !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.16) !important;
}

/* =========================
   Better Messages (Premium Dark)
   ========================= */
.bp-messages-wrap-main{
  position: relative;
  z-index: 2;
}
.bp-messages-wrap{
  background: rgba(12,10,9,.70) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 26px 90px rgba(0,0,0,.66) !important;
}

/* Sidebar */
.bp-messages-side-threads{
  background: linear-gradient(180deg, rgba(27,35,47,.82), rgba(12,10,9,.92)) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
}
.bp-messages-side-threads .chat-header{
  background: rgba(0,0,0,.35) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.bp-messages-side-threads .chat-header a,
.bp-messages-side-threads .chat-header svg{
  color: rgba(250,250,249,.92) !important;
}
.bp-messages-side-threads .chat-header a:hover svg{
  color: var(--cl-gold-2) !important;
}

/* Search */
.bp-messages-side-threads .bpbm-search input{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 14px !important;
  color: var(--cl-text) !important;
}
.bp-messages-side-threads .bpbm-search input::placeholder{
  color: rgba(250,250,249,.45) !important;
}

/* Thread item */
.bp-messages-side-threads .thread{
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.bp-messages-side-threads .thread:hover{
  background: rgba(212,175,55,.06) !important;
}
.bp-messages-side-threads .thread .name,
.bp-messages-side-threads .thread .bm-info h4{
  color: rgba(250,250,249,.92) !important;
  font-weight: 900 !important;
}
.bp-messages-side-threads .thread .last-message,
.bp-messages-side-threads .thread .last-message *{
  color: rgba(214,211,209,.86) !important;
}
.bp-messages-side-threads .thread .time-wrapper{
  color: rgba(214,211,209,.70) !important;
}

/* Main column header */
.bp-messages-column .chat-header{
  background: rgba(0,0,0,.30) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.bp-messages-column .chat-header svg{
  color: rgba(250,250,249,.90) !important;
}
.bp-messages-column .chat-header a:hover svg,
.bp-messages-column .chat-header span:hover svg{
  color: var(--cl-gold-2) !important;
}

/* Empty state */
.bp-messages-column .empty,
.bp-messages-column .empty *{
  color: rgba(250,250,249,.80) !important;
}
.bp-messages-column .empty a{
  color: var(--cl-gold-2) !important;
  font-weight: 900 !important;
}
.bp-messages-column .empty a:hover{ color: #fff !important; }

/* Composer / input */
.bp-messages-wrap .bp-messages-compose,
.bp-messages-wrap .chat-footer{
  background: rgba(0,0,0,.28) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}
.bp-messages-wrap textarea,
.bp-messages-wrap input[type="text"]{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 16px !important;
  color: var(--cl-text) !important;
}
.bp-messages-wrap textarea::placeholder,
.bp-messages-wrap input::placeholder{
  color: rgba(250,250,249,.45) !important;
}

/* Messages bubbles (generic) */
.bp-messages-wrap .message,
.bp-messages-wrap .message *{
  color: rgba(250,250,249,.92) !important;
}

/* Links + link previews (avoid white cards) */
.bp-messages-wrap a{ color: var(--cl-gold-2) !important; }
.bp-messages-wrap a:hover{ color:#fff !important; }
.bp-messages-wrap [class*="link-preview"],
.bp-messages-wrap [class*="preview"]{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  overflow: hidden;
}
.bp-messages-wrap [class*="link-preview"] *{
  color: rgba(250,250,249,.92) !important;
}

/* Better Messages buttons/icons */
.bp-messages-wrap button,
.bp-messages-wrap .button,
.bp-messages-wrap a.button{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(250,250,249,.92) !important;
  font-weight: 900 !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.bp-messages-wrap button:hover,
.bp-messages-wrap .button:hover,
.bp-messages-wrap a.button:hover{
  transform: translateY(-1px);
  background: rgba(212,175,55,.10) !important;
  border-color: rgba(212,175,55,.22) !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.55);
}
.bp-messages-wrap button svg,
.bp-messages-wrap .button svg{ color: var(--cl-gold-2) !important; }

/* =========================
   Unified buttons (UM + general)
   ========================= */
.um a.um-button,
.um .um-button,
.um input[type="submit"].um-button,
.um input[type="submit"],
.um button{
  background: linear-gradient(135deg, var(--cl-gold) 0%, var(--cl-gold-2) 50%, var(--cl-gold) 100%) !important;
  border: none !important;
  color: #0b0b0b !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  padding: 12px 16px !important;
  box-shadow: 0 10px 30px rgba(212,175,55,.16) !important;
}
.um a.um-button:hover,
.um .um-button:hover,
.um input[type="submit"]:hover,
.um button:hover{
  filter: brightness(1.02);
  box-shadow: 0 18px 55px rgba(0,0,0,.55), 0 0 30px rgba(212,175,55,.14) !important;
  transform: translateY(-1px);
}

/* Secondary button (if UM adds a "cancel" class) */
.um .um-button.um-alt,
.um a.um-button.um-alt{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(250,250,249,.92) !important;
  box-shadow: none !important;
}

/* =========================
   Responsive tweaks
   ========================= */
@media (max-width: 767px){
  .um.um-profile .um-profile-nav{ padding: 6px !important; }
  .um.um-profile .um-profile-nav a{ padding: 10px 12px !important; gap: 8px !important; }
  .bp-messages-wrap{ border-radius: 18px !important; }
  .bp-messages-side-threads{ border-right: none !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; }
}


/* Better Messages - payment link button */
.bp-messages-wrap .edo-paylink-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(212,175,55,.30);
  background: rgba(212,175,55,.10);
  color: var(--cl-gold-2) !important;
  font-weight: 900;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.bp-messages-wrap .edo-paylink-btn:hover{
  transform: translateY(-1px);
  background: rgba(212,175,55,.16);
  border-color: rgba(212,175,55,.55);
  box-shadow: 0 16px 45px rgba(0,0,0,.55), 0 0 30px rgba(212,175,55,.12);
}

/* =====================================================
   CIGARLINK — PATCH v1.0.1 (Profile + Reviews + Chat)
   Fixes:
   - UM tab icon sizing/alignment
   - UM gear icon + dropdown dark/contrast
   - UM Reviews (um-reviews-*) full width + gold accents
   - Better Messages hover + dropdowns (no white)
   ===================================================== */

/* ---------- UM Tabs: icon smaller + better alignment ---------- */
.um.um-profile .um-profile-nav a,
.um.um-profile .um-profile-nav-item a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.um.um-profile .um-profile-nav i,
.um.um-profile .um-profile-nav svg,
.um.um-profile .um-profile-nav img.emoji{
  width: 14px !important;
  height: 14px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  margin: 0 !important;
  transform: translateY(0.5px);
}

/* UM dup tabs: desktop shows .uimob800-hide, mobile shows .uimob800-show */
@media (min-width: 801px){
  .um .uimob800-show{ display:none !important; }
  .um .uimob800-hide{ display:inline-flex !important; }
}
@media (max-width: 800px){
  .um .uimob800-hide{ display:none !important; }
  .um .uimob800-show{ display:inline-flex !important; }
}

/* ---------- UM Gear (settings) + dropdown ---------- */
.um .um-profile-edit,
.um .um-profile-edit.um-profile-headericon{
  z-index: 50 !important;
}

.um .um-profile-edit a.um-profile-edit-a,
.um .um-profile-edit a.um-profile-edit-a:visited{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: rgba(12,10,9,.70) !important;
  border: 1px solid rgba(212,175,55,.28) !important;
  box-shadow: 0 12px 35px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.um .um-profile-edit a.um-profile-edit-a i,
.um .um-profile-edit a.um-profile-edit-a svg{
  color: var(--cl-gold) !important;
  fill: var(--cl-gold) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.um .um-profile-edit a.um-profile-edit-a:hover{
  border-color: rgba(212,175,55,.55) !important;
  background: rgba(27,35,47,.72) !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.65), 0 0 26px rgba(212,175,55,.12) !important;
}

/* Dropdown panel (UM) */
.um .um-profile-edit .um-dropdown{
  background: transparent !important; /* inner has the real bg */
  border: 0 !important;
}

.um .um-profile-edit .um-dropdown .um-dropdown-b{
  background: linear-gradient(180deg, rgba(16,16,16,.96), rgba(10,10,10,.96)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.65) !important;
  padding: 10px !important;
}

.um .um-profile-edit .um-dropdown .um-dropdown-arr i,
.um .um-profile-edit .um-dropdown .um-dropdown-arr{
  color: rgba(212,175,55,.65) !important;
}

.um .um-profile-edit .um-dropdown ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.um .um-profile-edit .um-dropdown ul li{ margin: 0 !important; }

.um .um-profile-edit .um-dropdown ul li a{
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  color: var(--cl-text) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  border: 1px solid transparent !important;
}

.um .um-profile-edit .um-dropdown ul li a:hover{
  background: rgba(212,175,55,.10) !important;
  border-color: rgba(212,175,55,.22) !important;
  color: var(--cl-gold-2) !important;
}

.um .um-profile-edit .um-dropdown ul li a.um-dropdown-hide{
  opacity: .9;
}

/* ---------- UM Reviews (UM Reviews extension) ---------- */
.um .um-profile-body.reviews{
  width: 100% !important;
}

.um .um-profile-body.reviews > *{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* Header / avg */
.um .um-reviews-header,
.um .um-reviews-avg-rating{
  color: var(--cl-text) !important;
}

.um .um-reviews-header{
  display:flex !important;
  align-items:center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(27,35,47,.55) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

.um .um-reviews-header-span{
  font-weight: 900 !important;
  letter-spacing: .2px;
}

/* Stars: try to make them feel gold + readable */
.um .um-reviews-avg i.star-on-png,
.um .um-reviews-rate i.star-on-png{
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.45)) saturate(1.05);
}

/* Ratings breakdown (5/4/3...) full width */
.um .um-reviews-details{
  width: 100% !important;
  margin-top: 12px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(12,10,9,.55) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.um .um-reviews-detail{
  display: grid !important;
  grid-template-columns: 90px 1fr 32px !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 8px 0 !important;
}

.um .um-reviews-d-s a,
.um .um-reviews-meta a{
  color: var(--cl-gold-2) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.um .um-reviews-d-s a:hover,
.um .um-reviews-meta a:hover{ color: #fff !important; }

.um .um-reviews-d-p{
  display:block !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  overflow: hidden !important;
}

.um .um-reviews-d-p > span{
  display:block !important;
  height: 100% !important;
  background: linear-gradient(135deg, rgba(212,175,55,.85), rgba(244,228,193,.55)) !important;
}

.um .um-reviews-d-n{
  color: var(--cl-text) !important;
  font-weight: 900 !important;
  text-align: right !important;
}

/* Review item card */
.um .um-reviews-item{
  width: 100% !important;
  margin-top: 14px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(27,35,47,.55) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.um .um-reviews-post.review-list,
.um .um-reviews-post.review-form{
  width: 100% !important;
}

.um .um-reviews-title span,
.um .um-reviews-title input{
  color: var(--cl-text) !important;
  font-weight: 900 !important;
}

.um .um-reviews-content,
.um .um-reviews-content textarea{
  color: var(--cl-text) !important;
}

.um .um-reviews-content textarea,
.um .um-reviews-title input[type="text"]{
  width: 100% !important;
  background: rgba(12,10,9,.45) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  padding: 12px 12px !important;
}

.um .um-reviews-content textarea:focus,
.um .um-reviews-title input[type="text"]:focus{
  border-color: rgba(212,175,55,.70) !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.16) !important;
  outline: none !important;
}

/* Tools (Reply/Report) */
.um .um-reviews-tools{
  display:flex !important;
  gap: 10px !important;
  margin-top: 12px !important;
  flex-wrap: wrap;
}

.um .um-reviews-tools a{
  display:inline-flex !important;
  align-items:center !important;
  gap: 8px !important;
  padding: 9px 11px !important;
  border-radius: 14px !important;
  background: rgba(12,10,9,.45) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--cl-text) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.um .um-reviews-tools a:hover{
  border-color: rgba(212,175,55,.30) !important;
  background: rgba(212,175,55,.10) !important;
  color: var(--cl-gold-2) !important;
}

/* ---------- Better Messages: override vars so dropdowns/hover are dark ---------- */
.bp-messages-wrap-main{
  --bm-bg-color: 12,10,9;
  --bm-bg-secondary: 27,35,47;
  --bm-bg-tertiary: 28,25,23;
  --bm-text-color: 250,250,249;
  --bm-text-secondary: 214,211,209;
  --bm-border-color: 255,255,255;
  --bm-border-opacity: 0.12;
  --bm-highlight-color: 212,175,55;
  --bm-hover-bg: 27,35,47;
  --bm-user-list-hover: 27,35,47;
  --bm-user-list-hover-text: 250,250,249;
  --bm-button-text: 12,10,9;
  --bm-button-bg: 212,175,55;
  --bm-button-bg-hover: 244,228,193;
  --bm-active-bg: 6,78,59;
  --bm-active-bg-opacity: 0.22;
}

/* Thread hover / active: never white */
.bp-messages-wrap-main .threads-list .thread:hover,
.bp-messages-wrap-main .threads-list .thread.active,
.bp-messages-wrap-main .threads-list .thread.bp-messages-active-thread{
  background: rgba(27,35,47,.72) !important;
}

.bp-messages-wrap-main .threads-list .thread:hover .name,
.bp-messages-wrap-main .threads-list .thread:hover .last-message,
.bp-messages-wrap-main .threads-list .thread:hover .time{
  color: rgba(250,250,249,.92) !important;
}

/* More actions button */
.bp-messages-wrap-main .threads-list .thread .actions .bm-more-actions{
  border-radius: 12px;
  padding: 6px 8px;
}

.bp-messages-wrap-main .threads-list .thread .actions .bm-more-actions:hover{
  background: rgba(212,175,55,.10) !important;
}

/* Dropdowns inside chat (including expandingButtons menus) */
.bp-messages-wrap-main .bpbm-dropdown,
.bp-messages-wrap-main .bpbm-dropdown-menu,
.bp-messages-wrap-main .bpbm-dropdown-menu__content,
.bp-messages-wrap-main .expandingButtons .bpbm-dropdown-menu{
  background: linear-gradient(180deg, rgba(16,16,16,.96), rgba(10,10,10,.96)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.65) !important;
  color: var(--cl-text) !important;
}

.bp-messages-wrap-main .bpbm-dropdown-item,
.bp-messages-wrap-main .bpbm-dropdown-menu a,
.bp-messages-wrap-main .bpbm-dropdown-menu__item{
  color: var(--cl-text) !important;
}

.bp-messages-wrap-main .bpbm-dropdown-item:hover,
.bp-messages-wrap-main .bpbm-dropdown-menu a:hover,
.bp-messages-wrap-main .bpbm-dropdown-menu__item:hover{
  background: rgba(212,175,55,.10) !important;
  color: var(--cl-gold-2) !important;
}

/* Link preview blocks should not turn white */
.bp-messages-wrap-main .link-preview,
.bp-messages-wrap-main .bm-link-preview,
.bp-messages-wrap-main .bpbm-link-preview{
  background: rgba(27,35,47,.55) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--cl-text) !important;
}

/* Responsive: reviews breakdown tighter */
@media (max-width: 767px){
  .um .um-reviews-detail{ grid-template-columns: 78px 1fr 28px !important; }
}

/* ---------- UM Gear (profile edit) + dropdown ---------- */
.um.um-profile .um-profile-edit,
.um.um-profile .um-profile-headericon{
  position: relative;
  z-index: 20;
}

.um.um-profile .um-profile-edit-a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: rgba(12,10,9,.78) !important;
  border: 1px solid rgba(212,175,55,.26) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.55) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.um.um-profile .um-profile-edit-a i,
.um.um-profile .um-profile-edit-a .um-faicon-cog,
.um.um-profile .um-profile-edit-a svg{
  color: var(--cl-gold) !important;
  fill: var(--cl-gold) !important;
  font-size: 18px !important;
}

.um.um-profile .um-profile-edit-a:hover{
  transform: translateY(-1px);
  background: rgba(27,35,47,.72) !important;
  border-color: rgba(212,175,55,.55) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.65), 0 0 0 1px rgba(212,175,55,.12) inset !important;
}

/* UM dropdown panel: some themes style .um-dropdown-b (not the wrapper) */
.um.um-profile .um-profile-edit .um-dropdown,
.um.um-profile .um-dropdown{
  background: transparent !important;
  border: none !important;
}

.um.um-profile .um-dropdown .um-dropdown-b{
  background: linear-gradient(180deg, rgba(16,16,16,.98), rgba(10,10,10,.98)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.70) !important;
  overflow: hidden !important;
}

.um.um-profile .um-dropdown .um-dropdown-arr{
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.55));
}

.um.um-profile .um-dropdown .um-dropdown-arr i,
.um.um-profile .um-dropdown .um-dropdown-arr svg{
  color: rgba(16,16,16,.98) !important;
  fill: rgba(16,16,16,.98) !important;
}

.um.um-profile .um-dropdown ul{
  margin: 0 !important;
  padding: 8px !important;
}

.um.um-profile .um-dropdown ul li a{
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  color: var(--cl-text) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  transition: background .16s ease, color .16s ease, transform .16s ease, border-color .16s ease;
}

.um.um-profile .um-dropdown ul li a:hover{
  background: rgba(212,175,55,.10) !important;
  border-color: rgba(212,175,55,.22) !important;
  color: var(--cl-gold-2) !important;
  transform: translateX(2px);
}

.um.um-profile .um-dropdown ul li a.um-dropdown-hide{
  color: rgba(214,211,209,.9) !important;
}

/* ---------- UM Reviews (UM Reviews extension) ---------- */
.um.um-profile .um-profile-body.reviews,
.um.um-profile .um-profile-body.reviews-default{
  width: 100% !important;
  max-width: none !important;
}

/* Inner reviews wrap: make it full-width but readable */
.um.um-profile .um-profile-body.reviews .um-reviews-header,
.um.um-profile .um-profile-body.reviews .um-reviews-avg-rating,
.um.um-profile .um-profile-body.reviews .um-reviews-details,
.um.um-profile .um-profile-body.reviews .um-reviews-item,
.um.um-profile .um-profile-body.reviews .um-reviews-reply-post{
  width: 100% !important;
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Header */
.um .um-reviews-header{
  display:flex !important;
  align-items:center !important;
  justify-content: space-between !important;
  gap: 14px;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  background: rgba(27,35,47,.68) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

.um .um-reviews-header-span{
  color: var(--cl-text) !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
}

/* Stars -> gold glow (PNG can't recolor perfectly, so we add glow + consistency) */
.um .um-reviews-avg i.star-on-png,
.um .um-reviews-rate i.star-on-png{
  filter: drop-shadow(0 2px 8px rgba(212,175,55,.22));
}

.um .um-reviews-avg-rating{
  margin: 14px auto 10px !important;
  color: rgba(250,250,249,.88) !important;
  font-weight: 800 !important;
  text-align: center;
}

/* Distribution list */
.um .um-reviews-details{
  margin-top: 12px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(12,10,9,.55) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.um .um-reviews-detail{
  display:flex !important;
  align-items:center !important;
  gap: 12px;
  margin: 10px 0 !important;
}

.um .um-reviews-d-s a{
  color: rgba(250,250,249,.9) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.um .um-reviews-d-n{
  color: rgba(250,250,249,.85) !important;
  font-weight: 900 !important;
}

.um a.um-reviews-d-p{
  flex: 1 1 auto;
  height: 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  overflow: hidden !important;
}

.um a.um-reviews-d-p > span{
  display:block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(212,175,55,.85), rgba(244,228,193,.65)) !important;
  box-shadow: 0 0 18px rgba(212,175,55,.16);
}

/* Review item card */
.um .um-reviews-item{
  margin-top: 14px !important;
  padding: 16px 16px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(27,35,47,.72), rgba(12,10,9,.78)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.55) !important;
}

.um .um-reviews-img img{
  border-radius: 999px !important;
  border: 1px solid rgba(212,175,55,.25) !important;
}

.um .um-reviews-post.review-list,
.um .um-reviews-post.review-form{
  width: 100% !important;
}

.um .um-reviews-title span,
.um .um-reviews-title input{
  color: var(--cl-gold-2) !important;
  font-weight: 900 !important;
  font-family: 'Playfair Display', serif !important;
}

.um .um-reviews-meta,
.um .um-reviews-meta a{
  color: rgba(214,211,209,.95) !important;
  font-weight: 800 !important;
}

.um .um-reviews-content{
  color: rgba(250,250,249,.92) !important;
  font-weight: 700 !important;
}

/* Tools buttons */
.um .um-reviews-tools{
  display:flex;
  gap: 10px;
  margin-top: 12px;
}

.um .um-reviews-tools a{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(250,250,249,.92) !important;
  font-weight: 900 !important;
  text-decoration:none !important;
}

.um .um-reviews-tools a:hover{
  background: rgba(212,175,55,.10) !important;
  border-color: rgba(212,175,55,.22) !important;
  color: var(--cl-gold-2) !important;
}

/* Review edit form inputs */
.um .um-reviews-form input[type="text"],
.um .um-reviews-form textarea,
.um .um-reviews-reply-form textarea{
  width: 100% !important;
  background: rgba(21,21,21,.92) !important;
  color: var(--cl-text) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
}

.um .um-reviews-form input[type="text"]::placeholder,
.um .um-reviews-form textarea::placeholder,
.um .um-reviews-reply-form textarea::placeholder{
  color: rgba(214,211,209,.55) !important;
}

/* ---------- Better Messages: variables + hover + dropdowns ---------- */
.bp-messages-wrap-main{
  /* Better Messages uses RGB triplets in vars */
  --bm-bg-color: 12,10,9;          /* base */
  --bm-bg-secondary: 27,35,47;     /* #1B232F */
  --bm-text-color: 250,250,249;
  --bm-text-secondary: 214,211,209;
  --bm-main-color: 212,175,55;     /* gold */
  --bm-secondary-color: 6,78,59;   /* green */
  --bm-hover-bg: 27,35,47;         /* no white */
  --bm-font: 'Cormorant Garamond', serif;
  --bm-font-bold: 'Playfair Display', serif;
  --bm-highlight-color: 212,175,55;
  --bm-highlight-bg: 212,175,55;
}

/* Thread hover/active: ensure readable */
.bp-messages-wrap-main .threads-list .thread:hover,
.bp-messages-wrap-main .threads-list .thread.bm-active,
.bp-messages-wrap-main .threads-list .thread.bp-messages-active-thread{
  background: rgba(27,35,47,.70) !important;
}

.bp-messages-wrap-main .threads-list .thread:hover .name,
.bp-messages-wrap-main .threads-list .thread:hover .bm-last-message-content{
  color: rgba(250,250,249,.98) !important;
}

/* Three-dots trigger (more actions) */
.bp-messages-wrap-main .bm-more-actions{
  border-radius: 10px;
}

.bp-messages-wrap-main .bm-more-actions:hover{
  background: rgba(212,175,55,.10) !important;
}

/* Dropdowns (thread actions / popovers) */
.bp-messages-wrap-main .bpbm-dropdown,
.bp-messages-wrap-main .bpbm-dropdown-menu{
  background: linear-gradient(180deg, rgba(16,16,16,.98), rgba(10,10,10,.98)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.70) !important;
  color: var(--cl-text) !important;
}

.bp-messages-wrap-main .bpbm-dropdown-menu *{
  color: var(--cl-text) !important;
}

.bp-messages-wrap-main .bpbm-dropdown-menu a,
.bp-messages-wrap-main .bpbm-dropdown-menu button{
  border-radius: 12px !important;
}

.bp-messages-wrap-main .bpbm-dropdown-menu a:hover,
.bp-messages-wrap-main .bpbm-dropdown-menu button:hover{
  background: rgba(212,175,55,.10) !important;
  color: var(--cl-gold-2) !important;
}

/* Link previews not white */
.bp-messages-wrap-main .bpbm-link-preview,
.bp-messages-wrap-main .bpbm-link-preview-wrapper{
  background: rgba(27,35,47,.70) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

/* Responsive: keep icons comfortable */
@media (max-width: 767px){
  .um.um-profile .um-profile-nav i,
  .um.um-profile .um-profile-nav svg{
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
  }
}

/* ---------- UM Gear (profile edit) + dropdown ---------- */
.um.um-profile .um-profile-edit,
.um.um-profile .um-profile-headericon{
  position: relative;
  z-index: 20;
}

.um.um-profile .um-profile-edit-a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: rgba(12,10,9,.72) !important;
  border: 1px solid rgba(212,175,55,.28) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.55) !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.um.um-profile .um-profile-edit-a:hover{
  transform: translateY(-1px);
  background: rgba(27,35,47,.75) !important;
  border-color: rgba(212,175,55,.55) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.65) !important;
}

.um.um-profile .um-profile-edit-a i,
.um.um-profile .um-profile-edit-a .um-faicon-cog{
  color: var(--cl-gold) !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* UM dropdown panel (the gear menu) */
.um.um-profile .um-profile-edit .um-dropdown,
.um.um-profile .um-dropdown{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.um.um-profile .um-dropdown .um-dropdown-b{
  background: linear-gradient(180deg, rgba(16,16,16,.96), rgba(10,10,10,.96)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.70) !important;
  padding: 8px !important;
}

.um.um-profile .um-dropdown .um-dropdown-arr{
  filter: drop-shadow(0 12px 25px rgba(0,0,0,.55));
}

.um.um-profile .um-dropdown .um-dropdown-arr i{
  color: rgba(10,10,10,.96) !important; /* arrow inherits bg */
}

.um.um-profile .um-dropdown ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.um.um-profile .um-dropdown ul li{
  margin: 0 !important;
}

.um.um-profile .um-dropdown ul li a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  color: var(--cl-text) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid transparent !important;
  transition: background .16s ease, transform .16s ease, border-color .16s ease, color .16s ease;
}

.um.um-profile .um-dropdown ul li a:hover{
  background: rgba(212,175,55,.12) !important;
  border-color: rgba(212,175,55,.22) !important;
  color: var(--cl-gold-2) !important;
  transform: translateY(-1px);
}

.um.um-profile .um-dropdown ul li a.um-dropdown-hide{
  background: rgba(255,255,255,.03) !important;
  color: rgba(250,250,249,.80) !important;
}

.um.um-profile .um-dropdown ul li a.um-dropdown-hide:hover{
  background: rgba(255,255,255,.06) !important;
  color: var(--cl-text) !important;
}

.um.um-profile .um-dropdown ul li a[href*="logout"],
.um.um-profile .um-dropdown ul li a[href*="action=logout"]{
  color: #ffb4a6 !important;
}

.um.um-profile .um-dropdown ul li a[href*="logout"]:hover,
.um.um-profile .um-dropdown ul li a[href*="action=logout"]:hover{
  background: rgba(255, 90, 70, .12) !important;
  border-color: rgba(255, 90, 70, .22) !important;
  color: #ffd0c7 !important;
}

/* ---------- UM Reviews (UM Reviews plugin) ---------- */
.um.um-profile .um-profile-body.reviews{
  width: 100% !important;
  max-width: none !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-header,
.um.um-profile .um-profile-body.reviews .um-reviews-avg-rating{
  color: var(--cl-text) !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-header{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  margin: 0 0 12px !important;
  border-radius: 16px !important;
  background: rgba(27,35,47,.60) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-header-span{
  font-weight: 900 !important;
  letter-spacing: .2px;
  color: var(--cl-text) !important;
}

/* Stars: try to keep gold-ish + readable */
.um.um-profile .um-profile-body.reviews .um-reviews-avg{
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-avg i,
.um.um-profile .um-profile-body.reviews .um-reviews-rate i{
  transform: translateY(-.5px);
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.45)) saturate(1.05);
}

.um.um-profile .um-profile-body.reviews .um-reviews-avg-rating{
  margin: 6px 0 12px !important;
  opacity: .92;
}

/* Distribution */
.um.um-profile .um-profile-body.reviews .um-reviews-details{
  width: 100% !important;
  display: grid !important;
  gap: 10px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(12,10,9,.60) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  margin: 0 0 16px !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-detail{
  display: grid !important;
  grid-template-columns: 88px 1fr 30px !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-d-s a{
  color: var(--cl-text) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-d-p{
  position: relative !important;
  height: 10px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-d-p > span{
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--cl-gold), var(--cl-gold-2)) !important;
  box-shadow: 0 0 18px rgba(212,175,55,.18);
}

.um.um-profile .um-profile-body.reviews .um-reviews-d-n{
  color: rgba(250,250,249,.88) !important;
  font-weight: 900 !important;
  text-align: right;
}

/* Review item layout full width */
.um.um-profile .um-profile-body.reviews .um-reviews-item{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 54px 1fr !important;
  gap: 12px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(27,35,47,.58) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  margin: 0 0 14px !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-img img{
  border-radius: 999px !important;
  border: 1px solid rgba(212,175,55,.25) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.50) !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-post{
  width: 100% !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-title span{
  font-family: 'Playfair Display', serif !important;
  color: var(--cl-gold-2) !important;
  font-weight: 800 !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-meta,
.um.um-profile .um-profile-body.reviews .um-reviews-meta a{
  color: rgba(250,250,249,.82) !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-content{
  color: rgba(250,250,249,.95) !important;
  line-height: 1.55 !important;
}

/* Tools (reply/report) */
.um.um-profile .um-profile-body.reviews .um-reviews-tools{
  display: flex !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-tools a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  background: rgba(12,10,9,.45) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(250,250,249,.92) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-tools a:hover{
  border-color: rgba(212,175,55,.25) !important;
  background: rgba(212,175,55,.10) !important;
  color: var(--cl-gold-2) !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-tools i{
  color: var(--cl-gold) !important;
}

/* Edit form inside reviews */
.um.um-profile .um-profile-body.reviews .um-reviews-form input[type="text"],
.um.um-profile .um-profile-body.reviews .um-reviews-form textarea{
  width: 100% !important;
  background: rgba(21,21,21,.92) !important;
  color: var(--cl-text) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  padding: 12px 12px !important;
  outline: none !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-form input[type="text"]:focus,
.um.um-profile .um-profile-body.reviews .um-reviews-form textarea:focus{
  border-color: rgba(212,175,55,.80) !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.16) !important;
}

.um.um-profile .um-profile-body.reviews .um-reviews-form .um-button,
.um.um-profile .um-profile-body.reviews .um-reviews-reply-form .um-button{
  background: linear-gradient(135deg, var(--cl-gold), var(--cl-gold-2)) !important;
  border: none !important;
  color: #0b0b0b !important;
}

/* If the reviews content is visually narrow, center it without breaking width */
.um.um-profile .um-profile-body.reviews > *{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Better Messages: variables + hover + dropdown ---------- */
.bp-messages-wrap-main{
  /* plugin expects RGB triplets in vars */
  --bm-bg-color: 12,10,9;
  --bm-bg-secondary: 27,35,47;
  --bm-bg-tertiary: 6,78,59;
  --bm-text-color: 250,250,249;
  --bm-text-secondary: 214,211,209;
  --bm-text-tertiary: 168,162,158;
  --bm-border-color: 255,255,255;
  --bm-highlight-color: 212,175,55;
  --bm-danger-color: 255,90,70;
  --bm-hover-bg: rgba(212,175,55,.10);
}

.bp-messages-wrap-main .threads-list .thread:hover,
.bp-messages-wrap-main .threads-list .thread:focus,
.bp-messages-wrap-main .threads-list .thread:focus-within{
  background: rgba(212,175,55,.10) !important;
}

.bp-messages-wrap-main .threads-list .thread.bp-messages-active-thread{
  background: rgba(6,78,59,.22) !important;
  border: 1px solid rgba(16,185,129,.22) !important;
}

.bp-messages-wrap-main .threads-list .thread .actions .bm-more-actions{
  border-radius: 10px;
  padding: 6px;
}

.bp-messages-wrap-main .threads-list .thread .actions .bm-more-actions:hover{
  background: rgba(255,255,255,.06) !important;
}

/* dropdown menus in Better Messages */
.bp-messages-wrap-main .bpbm-dropdown-menu,
.bp-messages-wrap-main .bm-dropdown-menu,
.bp-messages-wrap-main .dropdown-menu,
.bp-messages-wrap-main .ReactModal__Content{
  background: rgba(10,10,10,.98) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.70) !important;
  color: var(--cl-text) !important;
}

.bp-messages-wrap-main .bpbm-dropdown-menu a,
.bp-messages-wrap-main .bm-dropdown-menu a,
.bp-messages-wrap-main .dropdown-menu a{
  color: var(--cl-text) !important;
}

.bp-messages-wrap-main .bpbm-dropdown-menu a:hover,
.bp-messages-wrap-main .bm-dropdown-menu a:hover,
.bp-messages-wrap-main .dropdown-menu a:hover{
  background: rgba(212,175,55,.12) !important;
  color: var(--cl-gold-2) !important;
}

/* Make links/preview never white-on-white */
.bp-messages-wrap-main a{
  color: var(--cl-gold-2) !important;
}

.bp-messages-wrap-main a:hover{
  color: #ffffff !important;
}

.bp-messages-wrap-main .bm-last-message-content a,
.bp-messages-wrap-main .message-content a,
.bp-messages-wrap-main .bm-message-content a{
  color: var(--cl-gold-2) !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(212,175,55,.35);
}

.bp-messages-wrap-main .bm-last-message-content a:hover,
.bp-messages-wrap-main .message-content a:hover,
.bp-messages-wrap-main .bm-message-content a:hover{
  border-bottom-color: rgba(244,228,193,.65);
}

/* Mobile tweaks */
@media (max-width: 767px){
  .um.um-profile .um-profile-nav-item a i,
  .um.um-profile .um-profile-nav-item a svg{
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
  }

  .um.um-profile .um-profile-edit-a{
    width: 40px !important;
    height: 40px !important;
  }

  .um.um-profile .um-profile-body.reviews > *{
    max-width: 100%;
  }
}

/* ---------- UM Gear (profile edit) + dropdown ---------- */
.um.um-profile .um-profile-edit,
.um.um-profile .um-profile-headericon{
  position: relative;
  z-index: 20;
}

.um.um-profile .um-profile-edit-a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: rgba(12,10,9,.72) !important;
  border: 1px solid rgba(212,175,55,.28) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.um.um-profile .um-profile-edit-a:hover{
  border-color: rgba(212,175,55,.55) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.65), 0 0 28px rgba(212,175,55,.10) !important;
}

.um.um-profile .um-profile-edit-a .um-faicon-cog,
.um.um-profile .um-profile-edit-a i.um-faicon-cog{
  color: var(--cl-gold) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* Panel */
.um.um-profile .um-dropdown{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.um.um-profile .um-dropdown .um-dropdown-b{
  background: linear-gradient(180deg, rgba(27,35,47,.96), rgba(12,10,9,.96)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.70) !important;
  overflow: hidden;
}

/* Arrow */
.um.um-profile .um-dropdown .um-dropdown-arr{
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.55));
}
.um.um-profile .um-dropdown .um-dropdown-arr i{
  color: rgba(27,35,47,.96) !important;
}

/* Links */
.um.um-profile .um-dropdown ul{
  margin: 0 !important;
  padding: 8px !important;
}

.um.um-profile .um-dropdown ul li{
  margin: 0 !important;
}

.um.um-profile .um-dropdown ul li a{
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  color: var(--cl-text) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  border: 1px solid transparent !important;
}

.um.um-profile .um-dropdown ul li a:hover{
  background: rgba(212,175,55,.10) !important;
  border-color: rgba(212,175,55,.22) !important;
  color: var(--cl-gold-2) !important;
}

.um.um-profile .um-dropdown ul li a.um-dropdown-hide{
  color: var(--cl-muted) !important;
}

/* Logout */
.um.um-profile .um-dropdown ul li a[href*="logout"],
.um.um-profile .um-dropdown ul li a[href*="action=logout"]{
  color: #ffb4a6 !important;
}
.um.um-profile .um-dropdown ul li a[href*="logout"]:hover,
.um.um-profile .um-dropdown ul li a[href*="action=logout"]:hover{
  background: rgba(255,90,70,.12) !important;
  border-color: rgba(255,90,70,.22) !important;
  color: #ffd0c7 !important;
}

/* ---------- UM Gear (profile edit) + dropdown ---------- */
.um.um-profile .um-profile-edit,
.um.um-profile .um-profile-headericon{
  position: relative;
  z-index: 20;
}

.um.um-profile .um-profile-edit-a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: rgba(12,10,9,.72) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.um.um-profile .um-profile-edit-a:hover{
  border-color: rgba(212,175,55,.45) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.65), 0 0 0 1px rgba(212,175,55,.10) inset !important;
}

.um.um-profile .um-profile-edit-a i,
.um.um-profile .um-profile-edit-a .um-faicon-cog{
  color: var(--cl-gold) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* UM dropdown panel (inside profile gear) */
.um.um-profile .um-profile-edit .um-dropdown{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.um.um-profile .um-profile-edit .um-dropdown .um-dropdown-b{
  background: linear-gradient(180deg, rgba(16,16,16,.96), rgba(10,10,10,.96)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.65) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
}

.um.um-profile .um-profile-edit .um-dropdown .um-dropdown-arr{
  filter: drop-shadow(0 10px 25px rgba(0,0,0,.55));
}
.um.um-profile .um-profile-edit .um-dropdown .um-dropdown-arr i{
  color: rgba(16,16,16,.96) !important;
}

.um.um-profile .um-profile-edit .um-dropdown ul{
  margin: 0 !important;
  padding: 8px !important;
}

.um.um-profile .um-profile-edit .um-dropdown ul li{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.um.um-profile .um-profile-edit .um-dropdown ul li a{
  display: block !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--cl-text) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.um.um-profile .um-profile-edit .um-dropdown ul li a:hover{
  background: rgba(212,175,55,.10) !important;
  border-color: rgba(212,175,55,.22) !important;
  color: var(--cl-gold-2) !important;
}

.um.um-profile .um-profile-edit .um-dropdown ul li a.um-dropdown-hide{
  color: var(--cl-muted) !important;
}
.um.um-profile .um-profile-edit .um-dropdown ul li a.um-dropdown-hide:hover{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: var(--cl-text) !important;
}




/* ============================================================
   CIGARLINK — PATCH v1.0.3
   Fixes: UM Edit Profile inputs (dark), Gear + dropdown (gold/dark),
          Reviews stars (gold), Tabs spacing/icon sizing, About/Reviews full width,
          Better Messages hover + dropdown, Pay button positioning safety.
   ============================================================ */

/* ---------- UM Edit Profile / Forms (global, not only popups) ---------- */
body .um.um-profile .um-form input[type="text"],
body .um.um-profile .um-form input[type="email"],
body .um.um-profile .um-form input[type="tel"],
body .um.um-profile .um-form input[type="number"],
body .um.um-profile .um-form input[type="url"],
body .um.um-profile .um-form input[type="password"],
body .um.um-profile .um-form textarea,
body .um.um-profile .um-form select{
  width: 100% !important;
  background: rgba(21,21,21,.92) !important;
  color: var(--cl-text) !important;
  -webkit-text-fill-color: var(--cl-text) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25) !important;
}

body .um.um-profile .um-form input::placeholder,
body .um.um-profile .um-form textarea::placeholder{
  color: rgba(214,211,209,.55) !important;
  -webkit-text-fill-color: rgba(214,211,209,.55) !important;
}

body .um.um-profile .um-form input:focus,
body .um.um-profile .um-form textarea:focus,
body .um.um-profile .um-form select:focus{
  border-color: rgba(212,175,55,.85) !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.18), 0 12px 34px rgba(0,0,0,.35) !important;
}

/* Labels */
body .um.um-profile .um-field-label,
body .um.um-profile .um-field-label label{
  color: rgba(250,250,249,.92) !important;
  font-weight: 800 !important;
}

/* Chrome autofill */
body .um.um-profile .um-form input:-webkit-autofill{
  -webkit-text-fill-color: var(--cl-text) !important;
  box-shadow: 0 0 0px 1000px rgba(21,21,21,.92) inset !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* ---------- UM Gear / Dropdown (force right + dark dropdown) ---------- */
body .um.um-profile .um-profile-header{
  position: relative !important;
}

body .um.um-profile .um-profile-edit.um-profile-headericon{
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 50 !important;
}

body .um.um-profile .um-profile-edit .um-profile-edit-a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: rgba(12,10,9,.70) !important;
  border: 1px solid rgba(212,175,55,.28) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body .um.um-profile .um-profile-edit .um-profile-edit-a i,
body .um.um-profile .um-profile-edit .um-profile-edit-a .um-faicon-cog{
  color: var(--cl-gold) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

body .um.um-profile .um-profile-edit .um-profile-edit-a:hover{
  border-color: rgba(212,175,55,.55) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.65), 0 0 30px rgba(212,175,55,.10) !important;
}

/* Force dropdown to stick to cog (override inline left/top) */
body .um.um-profile .um-profile-edit .um-dropdown{
  background: transparent !important;
  left: auto !important;
  right: 0 !important;
  top: 52px !important;
  text-align: left !important;
  z-index: 60 !important;
}

body .um.um-profile .um-profile-edit .um-dropdown .um-dropdown-b{
  background: linear-gradient(180deg, rgba(16,16,16,.98), rgba(10,10,10,.98)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.65) !important;
  overflow: hidden;
  padding: 8px !important;
}

body .um.um-profile .um-profile-edit .um-dropdown .um-dropdown-arr{
  display: none !important; /* evita flecha mal alineada */
}

body .um.um-profile .um-profile-edit .um-dropdown ul{
  margin: 0 !important;
  padding: 0 !important;
}

body .um.um-profile .um-profile-edit .um-dropdown ul li{
  list-style: none !important;
  margin: 0 !important;
}

body .um.um-profile .um-profile-edit .um-dropdown ul li a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  color: rgba(250,250,249,.92) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  border: 1px solid transparent !important;
}

body .um.um-profile .um-profile-edit .um-dropdown ul li a:hover{
  background: rgba(212,175,55,.12) !important;
  border-color: rgba(212,175,55,.22) !important;
  color: var(--cl-gold-2) !important;
}

/* ---------- UM Profile Tabs (icon sizing + padding) ---------- */
body .um.um-profile .um-profile-nav{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body .um.um-profile .um-profile-nav li{
  margin: 0 !important;
}

body .um.um-profile .um-profile-nav a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  border-radius: 16px !important;
  min-height: 44px !important;
  line-height: 1.1 !important;
}

body .um.um-profile .um-profile-nav a i{
  font-size: 16px !important;
  line-height: 1 !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

body .um.um-profile .um-profile-nav a span{
  display: inline-block !important;
  white-space: nowrap !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
}

/* Duplicate tab links (UM responsive) — show one, depending on width */
@media (min-width: 801px){
  body .um .um-profile-nav a.uimob800-show{ display:none !important; }
  body .um .um-profile-nav a.uimob800-hide{ display:inline-flex !important; }
}
@media (max-width: 800px){
  body .um .um-profile-nav a.uimob800-hide{ display:none !important; }
  body .um .um-profile-nav a.uimob800-show{ display:inline-flex !important; }
}

/* ---------- About + Reviews full width with elegant max-width ---------- */
body .um.um-profile .um-profile-body{
  width: 100% !important;
}

body .um.um-profile .um-profile-body.about,
body .um.um-profile .um-profile-body.reviews{
  width: 100% !important;
}

body .um.um-profile .um-profile-body.about > *,
body .um.um-profile .um-profile-body.reviews > *{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

body .um.um-profile .um-profile-body.about .um-profile-note,
body .um.um-profile .um-profile-body.about .um-field,
body .um.um-profile .um-profile-body.about .um-row,
body .um.um-profile .um-profile-body.about .um-col{
  width: 100% !important;
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---------- Reviews: stars gold + bars gold + spacing ---------- */
body .um.um-profile .um-profile-body.reviews .um-reviews-avg,
body .um.um-profile .um-profile-body.reviews .um-reviews-rate{
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

body .um.um-profile .um-profile-body.reviews .um-reviews-avg i.star-on-png,
body .um.um-profile .um-profile-body.reviews .um-reviews-rate i.star-on-png{
  color: var(--cl-gold) !important;
}

body .um.um-profile .um-profile-body.reviews .um-reviews-avg i.star-off-png,
body .um.um-profile .um-profile-body.reviews .um-reviews-rate i.star-off-png{
  color: rgba(214,211,209,.45) !important;
}

body .um.um-profile .um-profile-body.reviews .um-reviews-details{
  width: 100% !important;
  max-width: 1100px;
  margin: 14px auto 18px !important;
}

body .um.um-profile .um-profile-body.reviews .um-reviews-detail{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 8px 0 !important;
}

body .um.um-profile .um-profile-body.reviews .um-reviews-d-s{
  width: 80px !important;
  flex: 0 0 80px !important;
}

body .um.um-profile .um-profile-body.reviews .um-reviews-d-s a{
  color: rgba(250,250,249,.88) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body .um.um-profile .um-profile-body.reviews .um-reviews-d-p{
  flex: 1 1 auto !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  overflow: hidden !important;
}

body .um.um-profile .um-profile-body.reviews .um-reviews-d-p span{
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(212,175,55,.95), rgba(244,228,193,.75)) !important;
}

body .um.um-profile .um-profile-body.reviews .um-reviews-d-n{
  width: 32px !important;
  text-align: right !important;
  color: rgba(250,250,249,.80) !important;
  font-weight: 900 !important;
}

/* ---------- Better Messages: thread hover not white + "..." dropdown ---------- */
body .bp-messages-wrap .threads-list .thread:hover{
  background: rgba(212,175,55,.08) !important;
  box-shadow: 0 0 0 1px rgba(212,175,55,.10) inset !important;
}

body .bp-messages-wrap .threads-list .thread:hover .name,
body .bp-messages-wrap .threads-list .thread:hover .bm-last-message-content{
  color: rgba(250,250,249,.96) !important;
}

/* "More actions" dropdown */
body .bp-messages-wrap .bm-more-actions,
body .bp-messages-wrap .bm-more-actions svg{
  color: rgba(250,250,249,.86) !important;
}

body .bp-messages-wrap .bm-more-actions:hover{
  background: rgba(12,10,9,.55) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset !important;
}

/* Better Messages dropdown panels (react menus often use role=menu) */
body .bp-messages-wrap [role="menu"],
body .bp-messages-wrap .bm-dropdown,
body .bp-messages-wrap .bpbm-dropdown{
  background: linear-gradient(180deg, rgba(16,16,16,.98), rgba(10,10,10,.98)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(250,250,249,.92) !important;
  border-radius: 14px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.65) !important;
}

body .bp-messages-wrap [role="menu"] a,
body .bp-messages-wrap .bm-dropdown a,
body .bp-messages-wrap .bpbm-dropdown a{
  color: rgba(250,250,249,.92) !important;
}

body .bp-messages-wrap [role="menu"] a:hover,
body .bp-messages-wrap .bm-dropdown a:hover,
body .bp-messages-wrap .bpbm-dropdown a:hover{
  background: rgba(212,175,55,.12) !important;
  color: var(--cl-gold-2) !important;
}

/* Payment button safety (never fixed) */
body .bp-messages-wrap .edo-paylink-btn{
  position: static !important;
}

/* Responsive tabs */
@media (max-width: 520px){
  body .um.um-profile .um-profile-nav a{
    padding: 11px 14px !important;
    gap: 8px !important;
  }
  body .um.um-profile .um-profile-nav a span{
    font-size: 14px !important;
  }
}


/* Pay button when placed in chat header */
body .bp-messages-wrap .edo-paylink-btn--header{
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
body .bp-messages-wrap .bp-messages-column .chat-header{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body .bp-messages-wrap .bp-messages-column .chat-header .edo-chat-tools{
  margin-left: auto !important;
}

/* ==========================================================
   Better Messages — REAL MOBILE FIXES
   (On some real devices BM switches to a desktop-like split view
   and can create horizontal overflow after closing a thread.)
   ========================================================== */

@media (max-width: 1024px) and (pointer: coarse){
  /* Never allow BM layout to overflow the viewport */
  body, html{ overflow-x: hidden !important; }
  body .bp-messages-wrap,
  body .bm-messages-wrap,
  body .better-messages,
  body #bp-messages-wrap{
    max-width: 100vw !important;
    width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  /* Force columns to stack (prevents side-by-side desktop split on mobile) */
  body .bp-messages-wrap .bp-messages-side-threads,
  body .bp-messages-wrap .bp-messages-column,
  body .bm-messages-wrap .bp-messages-side-threads,
  body .bm-messages-wrap .bp-messages-column{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* If BM uses flex, enforce column direction */
  body .bp-messages-wrap,
  body .bm-messages-wrap{
    display: block !important;
  }

  /* Ensure site header/footer remain visible if any BM mobile mode hides them */
  body .elementor-location-header,
  body .elementor-location-footer{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* ==========================================================
   HARD OVERRIDES — UM Dropdown background + About width + Tabs
   (Some UM skins inject higher-specificity rules)
   ========================================================== */

/* Dropdown (gear menu) — force dark panel (UM uses white by default) */
body .um-profile-edit .um-dropdown,
body .um-profile-edit .um-dropdown-b,
body .um-profile-edit .um-dropdown ul,
body .um-profile-edit .um-dropdown li,
body .um-profile-edit .um-dropdown li a{
  background: transparent !important;
}

body .um-profile-edit .um-dropdown,
body .um-profile-edit .um-dropdown-b{
  background: linear-gradient(180deg, rgba(16,16,16,.98), rgba(10,10,10,.98)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.65) !important;
  color: var(--cl-text) !important;
}

body .um-profile-edit .um-dropdown ul{
  background: transparent !important;
  padding: 8px !important;
  margin: 0 !important;
}

body .um-profile-edit .um-dropdown li{ border: 0 !important; }

body .um-profile-edit .um-dropdown li a{
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  color: rgba(250,250,249,.92) !important;
  font-weight: 800 !important;
}

body .um-profile-edit .um-dropdown li a:hover{
  background: rgba(212,175,55,.12) !important;
  color: var(--cl-gold-2) !important;
}

body .um-profile-edit .um-dropdown-arr i,
body .um-profile-edit .um-dropdown-arr{
  color: rgba(16,16,16,.98) !important;
}

/* ABOUT tab content should be full width */
body .um.um-profile .um-profile-body,
body .um-profile .um-profile-body{
  width: 100% !important;
  max-width: none !important;
}

body .um.um-profile .um-profile-body .um-row,
body .um-profile .um-profile-body .um-row{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body .um.um-profile .um-profile-body .um-col-1,
body .um-profile .um-profile-body .um-col-1{
  float: none !important;
  width: 100% !important;
  max-width: none !important;
}

body .um.um-profile .um-profile-body .um-field-area,
body .um-profile .um-profile-body .um-field-area{
  width: 100% !important;
  max-width: none !important;
}

/* If UM outputs narrow content blocks, center but keep full-width wrapper */
body .um.um-profile .um-profile-body .um-field-value,
body .um-profile .um-profile-body .um-field-value{
  max-width: 100% !important;
}

/* Tabs: ensure icon never overlaps text, and sizes feel balanced */
body .um.um-profile .um-profile-nav a,
body .um-profile .um-profile-nav a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
}

body .um.um-profile .um-profile-nav a i,
body .um-profile .um-profile-nav a i{
  flex: 0 0 auto !important;
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  line-height: 1 !important;
}

body .um.um-profile .um-profile-nav a span.title,
body .um-profile .um-profile-nav a span.title{
  line-height: 1 !important;
  font-size: 15px !important;
}


/* =========================
   Better Messages — Payment Button
   ========================= */
.bp-messages-wrap-main .edo-request-pay-btn{
  position: sticky;
  top: 10px;
  z-index: 9;
  display: inline-flex;
  align-items: center;
  gap: 10px;

  background: linear-gradient(135deg, var(--cl-gold) 0%, var(--cl-gold-2) 50%, var(--cl-gold) 100%) !important;
  color: #0c0a09 !important;
  border: 1px solid rgba(212,175,55,.45) !important;

  padding: 6px 10px !important; /* smaller */
  border-radius: 12px;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.2;

  cursor: pointer;
  box-shadow: 0 10px 26px rgba(0,0,0,.55);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  -webkit-text-fill-color: #0c0a09;
}

.bp-messages-wrap-main .edo-request-pay-btn:hover{
  transform: translateY(-1px);
  background: rgba(6,78,59,.88) !important; /* deep green hover */
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  border-color: rgba(212,175,55,.65) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.65), 0 0 24px rgba(212,175,55,.18);
}

.bp-messages-wrap-main .edo-request-pay-btn:active{
  transform: translateY(0);
  filter: none;
}

.bp-messages-wrap-main .edo-request-pay-btn[disabled]{
  opacity: .65;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
/* If we mount inside the chat header, push button to the right */
.bp-messages-wrap-main .bp-messages-column .chat-header .edo-request-pay-btn{ margin-left: auto; }

@media (max-width: 520px){
  .bp-messages-wrap-main .edo-request-pay-btn{ padding: 8px 10px; border-radius: 10px; }
}



/* Dropdown: robust open state */
.edo-user-dropdown.is-open .edo-user-menu{ display:block; }

/* Delivery button inside chat */
.cigarlink-delivery-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding:6px 10px;
  border-radius:12px;
  font-weight:700;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(212,175,55,.12);
  color: var(--cl-gold, #d4af37);
}
.cigarlink-delivery-btn:hover{
  background: rgba(212,175,55,.18);
  color:#fff;
}
.cigarlink-delivery-btn.is-done{ opacity:.85; }

/* Modal */
body.cigarlink-modal-open{ overflow:hidden; }
.cigarlink-modal{ position:fixed; inset:0; z-index:99999; display:none; }
.cigarlink-modal.is-open{ display:block; }
.cigarlink-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.68); }
.cigarlink-modal__panel{
  position:relative;
  max-width:560px;
  margin:8vh auto 0;
  background: var(--cl-bg-2, #1c1917);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  box-shadow:0 25px 80px rgba(0,0,0,.55);
  padding:18px;
}
.cigarlink-modal__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.cigarlink-modal__title{ font-size:18px; font-weight:800; color: var(--cl-text, #fafaf9); }
.cigarlink-modal__x{
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  color: var(--cl-text, #fafaf9);
  width:36px; height:36px;
  border-radius:12px;
  cursor:pointer;
}
.cigarlink-modal__x:hover{ background:rgba(255,255,255,.10); }
.cigarlink-modal__intro{ color: var(--cl-muted, #d6d3d1); font-size:13px; line-height:1.4; margin-bottom:10px; }
.cigarlink-modal__warning{
  color:#fff;
  background: rgba(244,228,193,.10);
  border:1px solid rgba(212,175,55,.22);
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
  margin-bottom:12px;
}
.cigarlink-field{ margin-bottom:10px; }
.cigarlink-field label{ display:block; font-size:12px; color: var(--cl-muted, #d6d3d1); margin-bottom:6px; }
.cigarlink-field input,
.cigarlink-field textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:#151515;
  color: var(--cl-text, #fafaf9);
  padding:10px 12px;
  outline:none;
}
.cigarlink-field input:focus,
.cigarlink-field textarea:focus{
  border-color: rgba(212,175,55,.45);
  box-shadow:0 0 0 3px rgba(212,175,55,.10);
}
.cigarlink-actions{ display:flex; gap:10px; margin-top:12px; }
.cigarlink-btn{
  border-radius:14px;
  padding:10px 12px;
  font-weight:800;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--cl-text, #fafaf9);
}
.cigarlink-btn--ghost:hover{ background: rgba(255,255,255,.10); }
.cigarlink-btn--gold{
  border-color: rgba(212,175,55,.35);
  background: rgba(212,175,55,.14);
  color: var(--cl-gold, #d4af37);
}
.cigarlink-btn--gold:hover{
  background: rgba(212,175,55,.22);
  color:#fff;
}
.cigarlink-modal__status{ margin-top:10px; font-size:13px; color: var(--cl-muted, #d6d3d1); }