:root{
  --color-bg-primary:#0B1B2B;
  --color-bg-surface:#0D2137;
  --color-bg-card:#112840;
  --color-accent-gold:#D5AF37;
  --color-accent-yellow:#FFFF70;
  --color-accent-purple:#6B73BD;
  --color-success:#23C55E;
  --color-danger:#EF4444;
  --color-text-primary:#FFFFFF;
  --color-text-muted:#94A3B8;
  --color-border:rgba(213,175,55,0.15);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  background:var(--color-bg-primary);
  color:var(--color-text-primary);
}

.altex-nav{
  background:linear-gradient(to bottom, rgba(11,27,43,0.72), rgba(11,27,43,0.20));
}
.altex-nav--scrolled{
  background:rgba(13,33,55,0.64);
  border-bottom:1px solid var(--color-border);
  backdrop-filter:blur(14px);
}
/* JS toggles .is-scrolled on [data-sticky-chrome] (see layout-chrome.js) */
[data-sticky-chrome].altex-nav.is-scrolled{
  background:rgba(13,33,55,0.72);
  border-bottom:1px solid var(--color-border);
  backdrop-filter:blur(14px);
}

.altex-logo-mark{
  width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(213,175,55,0.22), rgba(255,255,112,0.10));
  border:1px solid rgba(213,175,55,0.35);
  box-shadow:0 0 0 1px rgba(213,175,55,0.08), 0 14px 38px rgba(0,0,0,0.35);
}
.altex-logo-w{
  font-weight:800;
  letter-spacing:-0.06em;
  color:var(--color-accent-gold);
  text-shadow:0 0 18px rgba(213,175,55,0.35);
}

.altex-navlink{
  position:relative;
  transition:color .2s ease, opacity .2s ease;
}
.altex-navlink:hover{color:#fff}
.altex-navlink::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-10px;
  height:2px;border-radius:2px;
  transform:scaleX(0);
  background:linear-gradient(90deg, transparent, var(--color-accent-gold), transparent);
  transition:transform .25s ease;
  transform-origin:center;
}
.altex-navlink:hover::after{transform:scaleX(1)}

.altex-mobile-panel{
  background:rgba(13,33,55,0.78);
  border-left:1px solid var(--color-border);
  backdrop-filter:blur(18px);
}
.altex-mobile-link{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 14px;
  border-radius:16px;
  border:1px solid var(--color-border);
  background:rgba(17,40,64,0.45);
  color:white;
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
}
.altex-mobile-link:hover{
  transform:translateY(-1px);
  background:rgba(17,40,64,0.72);
  border-color:rgba(213,175,55,0.35);
}

.altex-card{
  background:rgba(17,40,64,0.78);
  border:1px solid var(--color-border);
  border-radius:18px;
  backdrop-filter:blur(10px);
  box-shadow:0 18px 50px rgba(0,0,0,0.38);
}
.altex-card-hover{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.altex-card-hover:hover{
  transform:translateY(-4px);
  border-color:rgba(213,175,55,0.34);
  box-shadow:0 18px 60px rgba(0,0,0,0.45), 0 0 0 1px rgba(213,175,55,0.10), 0 0 28px rgba(213,175,55,0.14);
}

.altex-media-card{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--color-border);
  background:rgba(17,40,64,0.65);
  box-shadow:0 18px 50px rgba(0,0,0,0.38);
}
.altex-media-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.42;
  transform:scale(1.03);
}
.altex-media-card::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(11,27,43,0.92), rgba(11,27,43,0.65), rgba(213,175,55,0.10));
}
.altex-media-card > .altex-media-content{
  position:absolute; inset:0;
  padding:18px;
  z-index:2;
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.72rem 1rem;
  border-radius:14px;
  font-weight:600;
  font-size:.95rem;
  line-height:1;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  user-select:none;
}
.btn:active{transform:translateY(1px)}
.btn-gold{
  background:linear-gradient(135deg, var(--color-accent-gold), #f2d067);
  color:#0B1B2B;
  box-shadow:0 16px 38px rgba(213,175,55,0.18);
}
.btn-gold:hover{box-shadow:0 18px 48px rgba(213,175,55,0.22)}
.btn-outline-gold{
  border:1px solid rgba(213,175,55,0.55);
  color:var(--color-accent-gold);
  background:rgba(213,175,55,0.08);
}
.btn-outline-gold:hover{
  border-color:rgba(255,255,112,0.55);
  color:var(--color-accent-yellow);
  background:rgba(213,175,55,0.12);
}

.altex-section-title{
  font-size:1.75rem;
  font-weight:700;
  letter-spacing:-0.02em;
}
.altex-underline{
  position:relative;
  display:inline-block;
}
.altex-underline::after{
  content:"";
  position:absolute;left:0;bottom:-10px;
  width:70%;height:3px;border-radius:3px;
  background:linear-gradient(90deg, var(--color-accent-gold), rgba(213,175,55,0));
}

.altex-input{
  width:100%;
  padding:.85rem .95rem;
  border-radius:14px;
  background:rgba(11,27,43,0.55);
  border:1px solid rgba(213,175,55,0.16);
  color:#fff;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.altex-input::placeholder{color:rgba(148,163,184,0.75)}
.altex-input:focus{
  border-color:rgba(213,175,55,0.55);
  box-shadow:0 0 0 4px rgba(213,175,55,0.12);
}

.altex-badge{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.28rem .6rem;
  border-radius:999px;
  border:1px solid var(--color-border);
  background:rgba(255,255,255,0.05);
  font-size:.75rem;
  color:var(--color-text-muted);
}

.altex-footer-link{transition:color .2s ease}
.altex-footer-link:hover{color:var(--color-accent-gold)}
.altex-social{
  width:40px;height:40px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--color-border);
  background:rgba(255,255,255,0.04);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.altex-social:hover{
  transform:translateY(-2px);
  border-color:rgba(213,175,55,0.35);
  box-shadow:0 0 22px rgba(213,175,55,0.12);
}

[x-cloak]{display:none !important}

/* Smartsupp: float above sticky headers / sidebars (Tailwind z-[80] etc.) */
#smartsupp-chat-widget,
#smartsupp-widget-container,
#widget-small,
iframe[src*="smartsuppchat"],
iframe[src*="smartsupp"] {
  z-index: 2147483000 !important;
}

/* Google Website Translator — hide injected chrome; we use our own <select>. */
.altex-google-translate-root {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  clip: rect(0 0 0 0);
}
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
iframe.skiptranslate,
.goog-te-balloon-frame,
body > div.skiptranslate iframe {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
}
body.translated-rtl,
body.translated-ltr {
  top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
}
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover {
  display: none !important;
  visibility: hidden !important;
}

/* Our language <select>: readable list + dark native menu where supported */
select.altex-google-translate-select {
  color: var(--color-text-primary) !important;
  background-color: var(--color-bg-surface) !important;
  color-scheme: dark;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.35rem center;
}
select.altex-google-translate-select option,
select.altex-google-translate-select optgroup {
  background-color: var(--color-bg-surface);
  color: var(--color-text-primary);
}
select.altex-google-translate-select--dash {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}