/* HUF II · Item Shop – tema comuna cu site-ul principal.
   Nu modifica preturi, cos, procesare plati sau formulare. */
body.huf-shop {
  --huf-gold: #d5b270;
  --huf-gold-light: #f1d8a4;
  --huf-ice: #9acaff;
  --huf-silver: #c5d4e9;
  --huf-line: rgba(213,178,112,.27);
  --shop-bg: #030b1a;
  --shop-panel: #0b1d39;
  --shop-text: #e8eff9;
  color: var(--shop-text);
  font-family: 'Onest', 'Segoe UI', sans-serif;
  background: linear-gradient(180deg, rgba(3,10,24,.37), rgba(3,10,24,.92) 840px),
              url('../../../images/huf-world.png') center top/1920px auto no-repeat,
              var(--shop-bg);
}
body.huf-shop ::selection { background: var(--huf-gold); color: #07172e; }
body.huf-shop :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--huf-gold-light);
  outline-offset: 3px;
}
body.huf-shop a { color: var(--huf-ice); }
body.huf-shop a:hover { color: var(--huf-gold-light); text-decoration: none; }
body.huf-shop .header {
  border-bottom: 1px solid var(--huf-line) !important;
  background: linear-gradient(180deg, rgba(14,37,76,.97), rgba(4,16,38,.98)) !important;
}
body.huf-shop .huf-shop-brand,
body.huf-shop .header .huf-shop-brand > span {
  color: var(--huf-gold-light) !important;
  font-family: 'Cinzel', Georgia, serif !important;
}
body.huf-shop .huf-shop-brand img {
  filter: drop-shadow(0 0 16px rgba(39,110,213,.3));
}
body.huf-shop .huf-shop-brand small,
body.huf-shop .header a span { color: var(--huf-silver) !important; }
body.huf-shop .header li a {
  color: var(--huf-silver) !important;
  border-bottom-color: transparent;
  font-family: 'Onest', 'Segoe UI', sans-serif;
}
body.huf-shop .header li a:hover,
body.huf-shop .header li.active a {
  color: var(--huf-gold-light) !important;
  border-bottom-color: var(--huf-gold);
}
body.huf-shop :is(.homepage-content,.shop-payment-card,.shop-product .card,
 .item,.item-box,.action-box,.list-group-item,.shop-package,.card,.media-section) {
  background: linear-gradient(180deg, rgba(15,38,71,.97), rgba(5,18,37,.97)) !important;
  border-color: var(--huf-line) !important;
  color: var(--shop-text) !important;
}
body.huf-shop .homepage-content {
  padding: 24px !important;
  border: 1px solid var(--huf-line) !important;
}
body.huf-shop .homepage-content :is(h1,h2,h3,h4,h5,h6),
body.huf-shop .media-section .section-title,
body.huf-shop .homepage-content .media-section .section-title {
  color: var(--huf-gold-light) !important;
  font-family: 'Cinzel', Georgia, serif;
}
body.huf-shop .homepage-content .shop-payment-card h4 {
  color: #1459a6 !important;
  font-weight: 700;
  text-shadow: none;
}
body.huf-shop .homepage-content :is(p,li,td,dd,dt),
body.huf-shop .shop-duration, body.huf-shop .shop-rewards p {
  color: #d4e0ef;
}
body.huf-shop .shop-price,
body.huf-shop .shop-product .shop-price,
body.huf-shop .card-footer a {
  color: var(--huf-gold-light) !important;
}
body.huf-shop .shop-product > a:hover .card {
  border-color: var(--huf-gold) !important;
  box-shadow: 0 0 0 1px rgba(213,178,112,.16);
}
body.huf-shop .shop-unavailable { color: #ffd4a3 !important; }
body.huf-shop :is(.jumbotron,.card-footer,.dropdown-menu,.modal-content) {
  background: #091a34 !important;
  border-color: var(--huf-line) !important;
  color: var(--shop-text) !important;
}
body.huf-shop :is(.form-control,select,textarea,.custom-select) {
  background: #06162c !important;
  color: var(--shop-text) !important;
  border: 1px solid rgba(169,193,224,.38) !important;
  font-family: 'Onest', 'Segoe UI', sans-serif;
}
body.huf-shop :is(.form-control,textarea)::placeholder { color: #a9bdd8 !important; opacity: 1; }
body.huf-shop :is(.form-control,select,textarea,.custom-select):focus {
  border-color: var(--huf-gold) !important;
  background: #0a2346 !important;
  box-shadow: 0 0 0 3px rgba(213,178,112,.12) !important;
}
body.huf-shop :is(label,legend,.card-title,.shop-category-title) { color: var(--huf-gold-light); }
body.huf-shop :is(.btn-primary,.btn-success,.btn-info,.btn-warning,
 .btn.btn-primary,.btn.btn-success,.btn.btn-info,.btn.btn-warning) {
  color: #fff4da !important;
  border: 1px solid rgba(225,188,118,.66) !important;
  background: linear-gradient(180deg, #246bcb, #0e377b) !important;
  text-shadow: none;
}
body.huf-shop :is(.btn-primary,.btn-success,.btn-info,.btn-warning):hover {
  background: linear-gradient(180deg, #3489eb, #1652a4) !important;
  border-color: var(--huf-gold-light) !important;
  color: #fff8e8 !important;
}
body.huf-shop :is(.btn-secondary,.btn-outline-primary,.btn-default) {
  color: var(--huf-gold-light) !important;
  background: rgba(9,26,52,.92) !important;
  border: 1px solid var(--huf-line) !important;
}
body.huf-shop :is(.btn-secondary,.btn-outline-primary,.btn-default):hover {
  border-color: var(--huf-gold) !important;
  background: #123665 !important;
}
body.huf-shop :is(.table,.table th,.table td,.nav-tabs,.list-group-item,.dropdown-divider) {
  border-color: var(--huf-line) !important;
}
body.huf-shop .table { color: var(--shop-text) !important; }
body.huf-shop .table th, body.huf-shop .table thead td { color: var(--huf-gold-light); }
body.huf-shop .table-striped tbody tr:nth-of-type(odd) { background: rgba(49,83,127,.15); }
body.huf-shop .nav-link, body.huf-shop .dropdown-item { color: var(--huf-silver); }
body.huf-shop .nav-link:hover, body.huf-shop .dropdown-item:hover {
  color: var(--huf-gold-light);
  background: rgba(213,178,112,.1);
}
body.huf-shop .pagination .page-link {
  color: var(--huf-gold-light);
  background: #0a2142;
  border-color: var(--huf-line);
}
body.huf-shop .pagination .active .page-link {
  color: #fff5df;
  background: #1752a2;
  border-color: var(--huf-gold);
}
body.huf-shop .footer {
  color: var(--huf-silver) !important;
  background: #030a19 !important;
  border-top: 1px solid var(--huf-line) !important;
}
body.huf-shop .footer a { color: var(--huf-gold-light); }
body.huf-shop .footer a:hover { color: #fff0cf; }
/* Rosu/verde raman disponibile pentru erori si statusuri. */
@media(max-width:767px) {
  body.huf-shop .homepage-content { padding: 16px !important; }
  body.huf-shop .header .huf-shop-brand > span { font-size: 24px; }
}