/* ===== VARIABILE CLEAN DESIGN ===== */

:root {
  --theme-color-secondary-rgb: #191919;
  --color-black: #191919 !important;
  --19d31477: #000000 !important;
  --primary-bg: #000000;
  --card-bg: #1a1a1a;
  --card-hover: #252525;
  --text-primary: #ffffff;
  --text-secondary: #a0a0a0;
  --accent-color: #404040;
  --accent-hover: #505050;
  --card-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  --hover-shadow: 0 12px 48px rgba(0, 0, 0, 0.6);
  --border-radius: 24px;
  --border-radius-small: 16px;
}

/* ===== FUNDAL PRINCIPAL ===== */
body,
html {
  background: var(--primary-bg) !important;
  background-color: var(--primary-bg) !important;
}

/* ===== CONTAINER PRINCIPAL ===== */
.trafft-booking-form {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 2rem !important;
}

/* ===== CARDURILE SERVICIILOR ===== */
.trafft-service-card {
  background: var(--card-bg) !important;
  border: none !important; /* ELIMINĂ BORDER-UL */
  border-radius: var(--border-radius) !important; /* COLȚURI MAI ROTUNJITE */
  box-shadow: var(--card-shadow) !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  margin-bottom: 1.5rem !important;
  overflow: hidden !important;
  backdrop-filter: blur(20px) !important;
}

.trafft-service-card:hover {
  background: var(--card-hover) !important;
  transform: translateY(-6px) !important;
  box-shadow: var(--hover-shadow) !important;
}

/* ===== BUTOANE CLEAN ===== */
.trafft-button,
button[class*="trafft"],
.btn-primary {
  background: var(--accent-color) !important;
  border: none !important;
  border-radius: var(--border-radius-small) !important; /* COLȚURI ROTUNJITE */
  color: var(--text-primary) !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

.trafft-button:hover,
button[class*="trafft"]:hover,
.btn-primary:hover {
  background: var(--accent-hover) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

/* Butonul "Book Now" */
.btn-warning,
button[style*="background-color: rgb(255, 193, 7)"],
button[style*="background: rgb(255, 193, 7)"] {
  background: var(--accent-color) !important;
  border: none !important;
  border-radius: var(--border-radius-small) !important;
  color: var(--text-primary) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
  padding: 14px 28px !important;
}

.btn-warning:hover,
button[style*="background-color: rgb(255, 193, 7)"]:hover {
  background: var(--accent-hover) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ===== TYPOGRAPHY CLEAN ===== */
.trafft-service-title,
.trafft-service-name,
h1, h2, h3 {
  color: var(--text-primary) !important;
  font-weight: 700 !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.3 !important;
}

/* Header principal */
.trafft-services-header h2,
.section-title {
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  text-align: center !important;
  margin-bottom: 3rem !important;
  color: var(--text-primary) !important;
  letter-spacing: -0.5px !important;
}

/* ===== ICONIȚELE SERVICIILOR ===== */
.trafft-service-avatar,
.service-icon {
  border-radius: var(--border-radius-small) !important; /* COLȚURI ROTUNJITE */
  border: none !important; /* ELIMINĂ BORDER-UL */
  transition: all 0.3s ease !important;
  background: var(--accent-color) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.trafft-service-card:hover .trafft-service-avatar,
.trafft-service-card:hover .service-icon {
  background: var(--accent-hover) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}

/* ===== PREȚURILE ===== */
.trafft-service-price,
.price,
.trafft-price {
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  color: var(--text-primary) !important;
}

/* ===== SEARCH BAR ===== */
.trafft-search-input,
input[placeholder*="Search"] {
  background: var(--card-bg) !important;
  border: none !important; /* ELIMINĂ BORDER-UL */
  border-radius: var(--border-radius) !important; /* COLȚURI FOARTE ROTUNJITE */
  padding: 16px 20px !important;
  color: var(--text-primary) !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

.trafft-search-input:focus,
input[placeholder*="Search"]:focus {
  background: var(--card-hover) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  outline: none !important;
  transform: translateY(-2px) !important;
}

.trafft-search-input::placeholder,
input[placeholder*="Search"]::placeholder {
  color: var(--text-secondary) !important;
}

/* ===== DROPDOWN SORT ===== */
.trafft-sort-dropdown,
select,
.dropdown {
  background: var(--card-bg) !important;
  border: none !important; /* ELIMINĂ BORDER-UL */
  border-radius: var(--border-radius-small) !important;
  color: var(--text-primary) !important;
  padding: 12px 16px !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

.trafft-sort-dropdown:hover,
select:hover,
.dropdown:hover {
  background: var(--card-hover) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4) !important;
}

/* ===== DETALII SERVICII ===== */
.trafft-service-description,
.service-description {
  color: var(--text-secondary) !important;
  line-height: 1.5 !important;
  margin: 0.5rem 0 !important;
}

.trafft-service-duration,
.trafft-service-category,
.service-meta {
  color: var(--text-secondary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* ===== BADGES CLEAN ===== */
.trafft-service-badge,
.badge,
.popular-badge {
  background: var(--accent-color) !important;
  color: var(--text-primary) !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  border: none !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3) !important;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
  :root {
    --border-radius: 20px;
    --border-radius-small: 12px;
  }
  
  .trafft-booking-form {
    padding: 1rem !important;
  }
  
  .trafft-service-card {
    margin-bottom: 1rem !important;
  }
  
  .trafft-services-header h2 {
    font-size: 1.8rem !important;
  }
}

/* ===== SCROLL SMOOTH ===== */
* {
  scroll-behavior: smooth !important;
}

/* ===== OVERRIDE PENTRU CULORI RĂMASE ===== */
* {
  border: none !important;
}

/* Asigură că nu rămâne nicio culoare ciudată */
.trafft-service-card *:not(button):not(.btn-warning) {
  border: none !important;
}

/* ===== OVERRIDE PENTRU PROBLEMA GĂSITĂ CU INSPECT ===== */

/* Override pentru selectorul specific găsit */
:root[data-theme=dark] .bs-service-card[data-v-48bc4a4d] {
  background: #111111 !important;
  background-color: #111111 !important;
}

/* Override pentru toate variantele posibile */
:root[data-theme=dark] .bs-service-card {
  background: #111111 !important;
  background-color: #111111 !important;
}

/* Override pentru orice hash Vue.js */
:root[data-theme=dark] .bs-service-card[data-v-*] {
  background: #111111 !important;
  background-color: #111111 !important;
}

/* Override și pentru variabila CSS --color-dark */
:root[data-theme=dark] {
  --color-dark: #111111 !important;
}

/* Override foarte specific */
.bs-service-card[data-v-48bc4a4d],
.bs-service-card {
  background: #111111 !important;
  background-color: #111111 !important;
}

/* Pentru toate card-urile cu clase bs- */
[class*="bs-service-card"] {
  background: #111111 !important;
  background-color: #111111 !important;
}

/* ===== OVERRIDE SPECIFIC DOAR PENTRU CARD-URI ===== */

/* DOAR card-urile de servicii */
.service-card,
.booking-service-item,
.amelia-service-card,
.trafft-service-card {
  background-color: #111111 !important;
  background: #111111 !important;
}

/* Exceptii pentru butoanele galbene */
button[style*="background-color: rgb(255, 193, 7)"],
button[style*="background: rgb(255, 193, 7)"],
.btn-warning,
*[style*="rgb(255, 193, 7)"] {
  background-color: rgb(255, 193, 7) !important;
  background: rgb(255, 193, 7) !important;
  color: #000 !important;
}

button[style*="background-color: rgb(255, 193, 7)"]:hover,
.btn-warning:hover {
  background-color: rgb(255, 163, 7) !important;
  background: rgb(255, 163, 7) !important;
}

.ui-checkbox .el-checkbox__inner {
  background-color: #4a4a4a !important;
}

.service-extras__book_right_price h3 {
  color: #181818 !important;   /* îl face aproape identic cu fundalul */
  font-size: 1px !important;   /* foarte mic */
  line-height: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.service-extras__items__item__top__right span.par-sm {
    display: none !important;
}

.bs-extra__extras__item__footer__left__duration {
    display: none !important;

.service-extras__book__right__price {
    display: none !important;
}

.service-extras__book__right__price {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0px !important;
}

span.sub.text-graphite {
    display: none !important;
}