/* GP Visual Upgrade - Darker theme + Glass panels */
:root {
  --gp-bg-0: #030616;
  --gp-bg-1: #071028;
  --gp-accent: #a1a1a1;
  --gp-muted: rgba(230,238,248,0.12);
  --gp-text: #e6eef8;
  --gp-subtext: #aebfd6;
}

/* =========================================
   FIX FOR WHMCS MODALS & CLICKS
   (Řeší problém s neklikatelným smazáním)
   ========================================= */
.modal-backdrop {
  z-index: 1040 !important;
}

.modal {
  z-index: 1050 !important;
}

body.gp-dark .modal-content {
  background: var(--gp-bg-1) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--gp-text) !important;
  backdrop-filter: none !important; /* Vypnuto pro modaly kvůli kompatibilitě */
}

/* ========================================= */

body.gp-dark {
  background: linear-gradient(180deg, var(--gp-bg-0), var(--gp-bg-1));
  color: var(--gp-text);
}

/* global link/button colors */
a, .btn-primary {
  color: var(--gp-accent);
}

.gp-glass {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 40px rgba(3, 6, 22, 0.7);
  border-radius: 12px;
  color: var(--gp-text);
}

/* Header glass effect */
.gp-glass-header {
  background: linear-gradient(90deg, rgba(20, 22, 28, 0.75) 60%, rgba(40, 42, 48, 0.55) 100%);
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.10);
  padding: 24px 40px;
  margin: 16px auto;
  width: 90%;
  max-width: 1600px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.2rem;
  /* Oprava pozice: */
  position: relative;
  z-index: 100;
}

.gp-glass-header a,
.gp-glass-header input,
.gp-glass-header button {
  color: #fff;
  background: transparent;
  border: none;
}

.gp-glass-header input[type="search"] {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 8px 16px;
}

.gp-glass-header a:hover {
  color: #2ad588;
  text-decoration: underline;
}

/* primary content tweaks */
.primary-content, .sidebar, .header, .footer, .navbar {
  color: var(--gp-text);
}

.navbar, .topbar {
  background: #0A1940 !important;
}

.logo-img {
  filter: brightness(0.95) saturate(0.9);
}

/* inputs and form controls darker */
.form-control {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--gp-text);
}

.badge.badge-info {
  background: rgba(124, 94, 240, 0.14);
  color: var(--gp-accent);
  border: 1px solid rgba(124, 94, 240, 0.25);
}

/* slightly dim footers */
.footer {
  color: var(--gp-subtext);
}

/* Helper to center main glass container when used */
.gp-glass-centered {
  margin: 28px auto;
  max-width: 1200px;
  padding: 28px;
}

/* Override common white panels/boxes to match glass theme */
body.gp-dark .card,
body.gp-dark .panel,
body.gp-dark .well,
body.gp-dark .box,
body.gp-dark .widget,
body.gp-dark .content,
body.gp-dark .order-summary,
body.gp-dark .product-description {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 6px 18px rgba(3, 6, 22, 0.6) !important;
  color: var(--gp-text) !important;
}

/* Card inner areas */
body.gp-dark .card .card-body,
body.gp-dark .card .card-footer,
body.gp-dark .panel-body,
body.gp-dark .well > * {
  background: transparent !important;
  color: var(--gp-text) !important;
}

/* Headings and titles - prefer white */
body.gp-dark h1, body.gp-dark h2, body.gp-dark h3, body.gp-dark h4, body.gp-dark h5, body.gp-dark h6,
body.gp-dark .card-title,
body.gp-dark .panel-title {
  color: #ffffff !important;
}

/* Muted text slightly brighter on dark bg */
body.gp-dark .text-muted,
body.gp-dark .small,
body.gp-dark .help-block {
  color: rgba(230, 238, 248, 0.55) !important;
}

/* Order summary / checkout specific tweaks (make totals clearer) */
body.gp-dark .order-summary,
body.gp-dark .summary-box,
body.gp-dark .cart-summary {
  background: rgba(255, 255, 255, 0.035) !important;
  border-left: 3px solid rgba(124, 94, 240, 0.12) !important;
}

/* Buttons / accents: keep turquoise / accent visible */
body.gp-dark a, body.gp-dark a:hover {
  color: #ffffff !important;
}

/* Make list-group / list items darker */
body.gp-dark .list-group-item {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  color: var(--gp-text) !important;
}

/* Tables - make header subtle */
body.gp-dark table.table thead th {
  background: rgba(255, 255, 255, 0.02) !important;
  color: var(--gp-text) !important;
}

/* Orderform: product boxes - apply glass / darker background */
body.gp-dark #order-standard_cart .products .product {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 10px 30px rgba(3, 6, 22, 0.6) !important;
  color: var(--gp-text) !important;
  backdrop-filter: blur(6px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(120%) !important;
}

/* Product header (previously light) */
body.gp-dark #order-standard_cart .products .product header {
  background: rgba(255, 255, 255, 0.02) !important;
  color: #ffffff !important;
  border-radius: 3px 3px 0 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

body.gp-dark #order-standard_cart .products .product header span,
body.gp-dark #order-standard_cart .products .product .qty {
  color: #ffffff !important;
}

/* Product body and footer */
body.gp-dark #order-standard_cart .products .product div.product-desc,
body.gp-dark #order-standard_cart .products .product footer,
body.gp-dark #order-standard_cart .products .product .product-pricing {
  background: transparent !important;
  color: rgba(230, 238, 248, 0.95) !important;
}

/* Domain option tiles / selection options */
body.gp-dark #order-standard_cart .domain-selection-options .option,
body.gp-dark #order-standard_cart .domain-selection-options .option-selected {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  color: var(--gp-text) !important;
}

/* Make form controls inside orderform darker */
body.gp-dark #order-standard_cart .form-control,
body.gp-dark #order-standard_cart select,
body.gp-dark #order-standard_cart input[type="text"],
body.gp-dark #order-standard_cart textarea {
  background: rgb(10 38 81 / 77%) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: var(--gp-text) !important;
}