@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

:root {
  --color-primary: #3b82f6; 
  --bg-image: none;
  --color-bg: #151e32; 
  --color-brighter-bg: #1e293b;
}

body {
  font-family: Lato, sans-serif;
  background-color: var(--color-bg);
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(59, 130, 246, 0.3) 0%, var(--color-bg) 80%);
  background-size: 40px 40px, 40px 40px, 100% 100%;
  background-position: center center, center center, top center;
  background-attachment: fixed;
}

/* --- TOHLE SKRYJE TY OBŘÍ BLOKY NA HLAVNÍ STRÁNCE --- */
.site-home-categories { display: none !important; }

/* --- POZICE PRO POHYBLIVÉ ČÁSTICE --- */
#particles-js { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }

/* Zaoblení a hover efekty tlačítek (Základ) */
.btn-primary, .btn-secondary, .btn-tertiary { border-radius: 6px; transition: all 0.3s ease; }
.quantity-field, .site-header-inner .info .image, .site-sale-banner { border-radius: 8px; }

/* Boxy a karty na webu */
.category-description, .store-text, .store-products-list .store-product,
.store-products-images .store-product, .no-products, .store-product-full,
.store-product .quantity-field, .widget, .popup-content, .basket-item,
.store-category-tiered, .store-product-tiered, .media-slider .slider,
.media-slider .thumb, .popup.popup-media-slider .thumb {
  border-radius: 8px;
  background: var(--color-brighter-bg);
  border: 1px solid rgba(255, 255, 255, 0.03);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

/* VYLEPŠENÍ 1: Hover efekt modulů */
.widget:hover { border-color: rgba(255, 255, 255, 0.08); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); }

/* VYLEPŠENÍ 2: Levé menu */
.widget.site-navigation li a, .navigation-vertical li a, .widget .category-list .category {
  transition: all 0.3s ease !important; border-left: 3px solid transparent; position: relative; display: flex !important; align-items: center !important; gap: 12px;
}
.widget.site-navigation li a::before, .navigation-vertical li a::before, .widget .category-list .category::before {
  content: ''; display: inline-block; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease; opacity: 0.85;
}
.widget.site-navigation li a:hover, .navigation-vertical li a:hover, .widget .category-list .category:hover {
  background: rgba(59, 130, 246, 0.08) !important; color: var(--color-primary) !important; border-left: 3px solid var(--color-primary); padding-left: 20px !important;
}
.widget.site-navigation li a:hover::before, .navigation-vertical li a:hover::before, .widget .category-list .category:hover::before {
  transform: scale(1.15); opacity: 1; filter: drop-shadow(0 0 5px var(--color-primary));
}

/* Ikony menu */
.widget.site-navigation li:nth-child(1) a::before, .navigation-vertical li:nth-child(1) a::before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23cbd5e1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>'); }
.widget.site-navigation li:nth-child(2) a::before, .navigation-vertical li:nth-child(2) a::before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23cbd5e1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>'); }
.widget.site-navigation li:nth-child(3) a::before, .navigation-vertical li:nth-child(3) a::before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23cbd5e1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 22 22 7 12 2"></polygon><polyline points="2 7 12 7 22 7"></polyline><polyline points="12 22 12 7"></polyline></svg>'); }
.widget.site-navigation li.active a, .navigation-vertical li.active a, .widget .category-list .category.active { background: rgba(59, 130, 246, 0.15) !important; color: #ffffff !important; border-left: 3px solid var(--color-primary); font-weight: 700; }

.store-text h1, .store-text h2, .store-text h3, .store-text h4, .store-text h5, .store-text h6 { text-align: left; }
.store-products-images .store-product, .widget-title, .widget .store-product, .store-category-tiered-header h1, .store-category-tiered-header h2, .store-category-tiered-header h3, .store-category-tiered-header h4, .store-category-tiered-header h5, .store-category-tiered-header h6 { text-align: center; }
.store-product .quantity-field input[type=number] { border: none; }

@media (width > 960px) { .navigation-horizontal > ul { border-radius: 8px; } }
.navigation-horizontal .has-children > ul { border-radius: 8px; }
@media (width <= 960px) { .widget.site-navigation { border-radius: 0; background: transparent; } }

.widget-gift-card .gift-card-input, .widget-community-goal .progress, .widget-goal .progress, .widget-community-goal .progress-bar, .widget-goal .progress-bar, .media-slider .open-lightbox { border-radius: 4px; }
.widget-top-donator .avatar { border-radius: 50%; }
.popup-close { border-radius: 0 8px 0 8px; }
.basket-popup-content, .basket-popup-content .popup-close { border-radius: 0; }
.basket-items { padding: var(--widget-padding) calc(var(--content-padding) - var(--widget-padding)); }
.basket-item .quantity, .toast-close { border-radius: 4px; }
.toast { border-radius: 8px; }
.popup.popup-media-slider .popup-close { border-radius: 8px; }

/* STYLY PRO INFORMAČNÍ BOXY */
.info-box { background: rgba(0, 0, 0, 0.25); border-radius: 8px; padding: 24px; margin-bottom: 24px; border: 1px solid rgba(255,255,255,0.05); position: relative; overflow: hidden; transition: all 0.3s ease; }
.info-box:hover { transform: translateY(-4px); border-color: rgba(59, 130, 246, 0.3); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), 0 0 15px rgba(59, 130, 246, 0.05); }
.info-box::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: var(--color-primary); transition: width 0.3s ease; }
.info-box:hover::before { width: 5px; }
.info-box h3 { color: #ffffff; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 12px; margin-bottom: 16px; font-size: 1.3rem; margin-top: 0; }
.info-box p { color: #cbd5e1; line-height: 1.6; }
.info-box strong { color: #ffffff; }

/* --- BRUTÁLNÍ VYNUCENÍ ZAROVNÁNÍ LOGA VLEVO NAD SLOUPEC --- */
@media (min-width: 961px) {
  .site-header-inner::before, .site-header-inner::after { display: none !important; }
  .site-header-inner { display: flex !important; align-items: center !important; justify-content: flex-start !important; }
  .site-title { order: -1 !important; margin: 0 !important; padding: 0 !important; flex: 0 0 280px !important; display: flex !important; justify-content: center !important; }
  .info.server { order: 2 !important; margin-left: 30px !important; }
  .info.discord { order: 3 !important; margin-left: 20px !important; }
  .user-actions, .log-in { order: 4 !important; margin-left: auto !important; }
}

/* ========================================================================= */
/* NOVÁ VYLEPŠENÍ PRO DOKONALÝ DESIGN                                        */
/* ========================================================================= */

/* 1. Vlastní prémiový posuvník (Scrollbar) na kraji obrazovky */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: var(--color-bg);
}
::-webkit-scrollbar-thumb {
  background: #334155; 
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary); 
}

/* 2. Moderní nadpisy modulů ("Zákazník měsíce", "Poslední platby") */
.widget-title {
  text-transform: uppercase !important;
  letter-spacing: 1.5px;
  font-size: 0.85rem !important;
  color: #94a3b8 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 12px !important;
  margin-bottom: 15px !important;
}

/* 3. Zaoblení a parádní hover efekt pro hlavy (Avatary) v panelech */
.widget .avatar, .widget img[src*="crafatar"] {
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}
.widget .avatar:hover, .widget img[src*="crafatar"]:hover {
  transform: scale(1.15) rotate(5deg);
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.6);
}

/* 4. Vylepšená hlavní tlačítka (např. Košík) - gradient, záře a animace kliknutí */
.btn-primary {
  background: linear-gradient(135deg, var(--color-primary), #2563eb) !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);
  font-weight: bold;
}
.btn-primary:hover, .btn-primary:focus {
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.6) !important;
  transform: translateY(-2px) scale(1.02) !important;
}

/* 5. Animace při načtení webu (plynulé zobrazení celého těla) */
@keyframes smoothFadeIn {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}
.site-body {
  animation: smoothFadeIn 0.6s ease-out forwards;
}