.sb-button:hover {
  box-shadow: 0 0 10px #D4AF37 !important;
  transform: scale(1.03);
}
/* Zvogëlon madhësinë e emrit të kompanisë në header */
.sb-header__company-name,
.sb-header .company-name,
.company-name {
  font-size: 18px !important; /* madhësia e re e fontit */
  color: #D4AF37 !important; /* ngjyrë ari për stil luksoz */
  font-weight: 600 !important; /* pak më e trashë për dukje profesionale */
  text-transform: uppercase; /* shkronja të mëdha */
  letter-spacing: 1px; /* hapësirë elegante mes shkronjave */
}

/* Opsionale: pak hapësirë sipër për balancë */
.sb-header {
  padding-top: 8px !important;
}
/* Titulli i vogël dhe on top për barbershop */
h1, .sb-title, .sb-header h1 {
  background-color: #000000 !important; /* sfond i zi */
  color: #D4AF37 !important; /* ngjyra e artë */
  padding: 8px 16px; /* hapësirë e vogël brenda */
  border-radius: 6px; /* qoshe të rrumbullakëta */
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  font-size: 18px !important; /* zvogëlon fontin */
  position: relative;
  top: -10px; /* e vendos më lart për efekt “on top” */
  z-index: 10; /* mbizotëron mbi elementët e tjerë */
}
/* Titulli me background të zi */
h1, .sb-title, .sb-header h1 {
  background-color: #000000 !important; /* sfondi i zi */
  color: #D4AF37 !important; /* ngjyra e artë e tekstit */
  padding: 10px 20px; /* hapësirë përreth tekstit */
  border-radius: 6px; /* qoshe të rrumbullakëta – opsionale */
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
}/* Importo një font elegant nga Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

/* Ngjyra kryesore */
:root {
  --gold: #D4AF37; /* e artë metalike */
  --dark-bg: #121212;
  --light-text: #ffffff;
  --dark-card: #1E1E1E;
}

/* Sfoni dhe teksti */
body {
  background-color: var(--dark-bg) !important;
  color: var(--light-text) !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* Header & Footer */
.sb-header, .sb-footer {
  background-color: var(--dark-card) !important;
  color: var(--gold) !important;
  border-bottom: 1px solid var(--gold);
}

/* Titujt */
h1, h2, h3, h4, h5 {
  color: var(--gold) !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Butonat */
.sb-button {
  background-color: var(--gold) !important;
  color: #000 !important;
  border: none !important;
  font-weight: 600;
  transition: all 0.3s ease;
}
.sb-button:hover {
  background-color: #b88a26 !important;
  color: #fff !important;
}

/* Fushat e formës (input) */
input, select, textarea {
  background-color: #1f1f1f !important;
  color: var(--light-text) !important;
  border: 1px solid var(--gold) !important;
}

/* Linket */
a, .sb-link {
  color: var(--gold) !important;
}
a:hover {
  color: #fff !important;
}

/* Karta të shërbimeve */
.sb-card {
  background-color: var(--dark-card) !important;
  border: 1px solid var(--gold) !important;
  border-radius: 6px;
}