/*!
 * Global Hosting: whois.php page styles (loaded only on whois.php via $page['head']).
 * Builds on gh-core.css + site.css tokens/components. All selectors are gh-whois-* or scoped to .gh-page-whois.
 */

.gh-page-whois { --gh-whois-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace; }
.gh-page-whois #rezultat,
.gh-page-whois #whois-pretraga,
.gh-page-whois #privatnost,
.gh-page-whois #faq { scroll-margin-top: calc(var(--gh-header-h) + 20px); }
.gh-whois-anchor { position: relative; top: -40px; height: 0; }

/* ==========================================================================
   Hero (+ slim state when a result or an error is shown)
   ========================================================================== */
.gh-whois-hero { padding-bottom: clamp(150px, 13vw, 190px); }
.gh-whois-hero .gh-page-hero__inner { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
.gh-whois-hero--slim { padding-top: 44px; padding-bottom: clamp(150px, 13vw, 190px); }
.gh-whois-hero--slim .gh-page-hero__inner { grid-template-columns: minmax(0, 1fr); }
.gh-whois-hero--slim .gh-page-hero__aside { display: none; }
.gh-whois-hero--slim .gh-page-hero__title { font-size: clamp(1.875rem, 1.4rem + 1.8vw, 2.75rem); }
.gh-whois-hero--slim .gh-page-hero__bullets { display: none; }
@media (max-width: 1080px) {
  .gh-whois-hero .gh-page-hero__inner { grid-template-columns: 1fr; }
  .gh-whois-hero .gh-page-hero__aside { display: none; }
}
@media (max-width: 640px) {
  .gh-whois-hero { padding-bottom: 128px; }
  .gh-whois-hero--slim { padding-top: 32px; padding-bottom: 140px; }
  .gh-whois-hero .gh-page-hero__bullets { flex-direction: column; gap: 12px; }
}

.gh-whois-art { position: relative; width: 100%; max-width: 540px; margin-left: auto; aspect-ratio: 560 / 500; }
.gh-whois-art__bg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }

.gh-whois-rec {
  position: absolute; z-index: 1; left: 12%; right: 8%; top: 12%;
  overflow: hidden; border-radius: 18px;
  background: linear-gradient(180deg, rgba(23, 30, 68, .97), rgba(10, 15, 42, .97));
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 34px 80px -26px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .06);
  font-family: var(--gh-font);
}
.gh-whois-rec__head { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-bottom: 1px solid rgba(255, 255, 255, .08); background: rgba(255, 255, 255, .03); }
.gh-whois-rec__icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; border-radius: 10px; background: var(--gh-red); color: #fff; }
.gh-whois-rec__title { display: flex; flex-direction: column; min-width: 0; color: #fff; font-size: 1.0625rem; font-weight: 800; letter-spacing: -.015em; line-height: 1.2; }
.gh-whois-rec__title small { color: var(--gh-on-dark-subtle); font-size: .6875rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.gh-whois-rec__badge { margin-left: auto; padding: 5px 10px; border-radius: 999px; background: rgba(242, 120, 123, .14); border: 1px solid rgba(242, 120, 123, .35); color: #FFB3B5; font-size: .75rem; font-weight: 700; white-space: nowrap; }
.gh-whois-rec__rows { margin: 0; padding: 8px 20px 14px; }
.gh-whois-rec__rows > div { display: grid; grid-template-columns: 104px minmax(0, 1fr); align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px dashed rgba(255, 255, 255, .09); }
.gh-whois-rec__rows > div:last-child { border-bottom: 0; }
.gh-whois-rec__rows dt { color: var(--gh-on-dark-subtle); font-size: .75rem; font-weight: 600; }
.gh-whois-rec__rows dd { display: flex; align-items: center; gap: 10px; margin: 0; min-width: 0; color: #E4E7F5; font-size: .8125rem; font-weight: 700; }
.gh-whois-rec__mono { display: block !important; font: 500 .75rem/1.55 var(--gh-whois-mono) !important; color: #C3CAFF !important; }
.gh-whois-rec__redact { display: inline-block; width: 46%; height: 10px; border-radius: 6px; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 6px, rgba(255, 255, 255, .12) 6px 12px); }
.gh-whois-rec__redact--short { width: 34%; }
.gh-whois-rec__lock { display: inline-flex; align-items: center; gap: 4px; color: var(--gh-success-on-dark); font-size: .6875rem; font-weight: 700; }

.gh-whois-float { z-index: 2; }
.gh-whois-float--privacy { top: 1%; right: 0; }
.gh-whois-float--privacy .gh-float__icon { background: var(--gh-success-bg); color: var(--gh-success); }
.gh-whois-float--expiry { left: 0; bottom: 2%; }
.gh-whois-float--expiry .gh-float__icon { background: var(--gh-red-50); color: var(--gh-red); }
@media (max-width: 1240px) {
  .gh-whois-rec { top: 16%; }
  .gh-whois-float--privacy { top: -2%; }
  .gh-whois-rec__rows > div:nth-child(2), .gh-whois-rec__rows > div:nth-child(6) { display: none; }
  .gh-whois-rec__rows > div:nth-child(5) { border-bottom: 0; }
  .gh-whois-float--expiry { bottom: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .gh-whois-float { animation: gh-float 7s ease-in-out infinite; }
  .gh-whois-float--expiry { animation-delay: -3.5s; }
}

/* ==========================================================================
   Lookup card
   ========================================================================== */
.gh-whois-search-wrap { padding-bottom: clamp(48px, 6vw, 72px); }
.gh-whois-search-wrap--result { padding-bottom: 0; }
.gh-whois-search .gh-domain__btn { flex-basis: 200px; }
.gh-whois-search .gh-domain__input { padding-left: 20px; }
.gh-whois-search .gh-domain__error a { color: inherit; font-weight: 800; }
.gh-whois-search .gh-domain-card__note .gh-icon { color: var(--gh-muted); }
.gh-whois-form[aria-busy="true"] .gh-domain__btn { cursor: progress; opacity: .85; }
@media (max-width: 640px) { .gh-whois-search .gh-domain__input { padding-left: 16px; } }

/* ==========================================================================
   Result card
   ========================================================================== */
.gh-whois-results { padding-bottom: clamp(40px, 5vw, 64px); }
.gh-whois-card {
  overflow: hidden; border-radius: var(--gh-radius-xl); background: #fff; border: 1px solid var(--gh-line);
  box-shadow: var(--gh-shadow); font-family: var(--gh-font);
}
.gh-whois-card__head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 26px 30px; border-bottom: 1px solid var(--gh-line); background: linear-gradient(180deg, #FAFBFD, #fff); }
.gh-whois-card__icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 52px; height: 52px; border-radius: 14px; background: var(--gh-ink); color: #fff; }
.gh-whois-card--free .gh-whois-card__icon { background: var(--gh-success); }
.gh-whois-card--error .gh-whois-card__icon { background: var(--gh-red); }
.gh-whois-card--neutral .gh-whois-card__icon { background: var(--gh-navy-600); }
.gh-whois-card__id { flex: 1 1 260px; min-width: 0; }
.gh-whois-card__eyebrow { margin: 0 0 4px; color: var(--gh-muted); font-size: var(--gh-fs-xs); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.gh-whois-card__domain { margin: 0; color: var(--gh-ink); font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); font-weight: 800; letter-spacing: -.025em; line-height: 1.15; overflow-wrap: anywhere; }
.gh-whois-card__badges { display: flex; flex-wrap: wrap; gap: 8px; }

.gh-whois-badge { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 999px; font-size: var(--gh-fs-sm); font-weight: 700; line-height: 1.2; white-space: nowrap; }
.gh-whois-badge i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.gh-whois-badge--taken { background: var(--gh-red-50); color: var(--gh-red-700); }
.gh-whois-badge--free { background: var(--gh-success-bg); color: var(--gh-success); }
.gh-whois-badge--neutral { background: var(--gh-bg-soft); color: var(--gh-text); }
.gh-whois-badge--error { background: #FFF4E5; color: #8A4B00; }

.gh-whois-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-bottom: 1px solid var(--gh-line); }
.gh-whois-fact { padding: 22px 30px; min-width: 0; }
.gh-whois-fact + .gh-whois-fact { border-left: 1px solid var(--gh-line); }
.gh-whois-fact dt { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; color: var(--gh-muted); font-size: var(--gh-fs-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.gh-whois-fact dt .gh-icon { color: var(--gh-red); }
.gh-whois-fact dd { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; color: var(--gh-ink); font-size: 1.0625rem; font-weight: 800; letter-spacing: -.01em; line-height: 1.35; overflow-wrap: anywhere; }
.gh-whois-fact dd small { flex-basis: 100%; color: var(--gh-muted); font: 600 .75rem/1.3 var(--gh-whois-mono); letter-spacing: 0; }
.gh-whois-muted { color: var(--gh-muted); font-weight: 600; }
.gh-whois-chip { display: inline-flex; padding: 3px 9px; border-radius: 999px; font-size: .75rem; font-weight: 700; letter-spacing: 0; }
.gh-whois-chip--ok { background: var(--gh-success-bg); color: var(--gh-success); }
.gh-whois-chip--warn { background: #FFF4E5; color: #8A4B00; }
.gh-whois-chip--bad { background: var(--gh-red-50); color: var(--gh-red-700); }

.gh-whois-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 24px 30px 28px; }
.gh-whois-box { padding: 20px 22px; border-radius: var(--gh-radius-lg); background: var(--gh-bg-alt); border: 1px solid var(--gh-line); min-width: 0; }
.gh-whois-box__title { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; color: var(--gh-ink); font-size: 1rem; font-weight: 800; }
.gh-whois-box__title .gh-icon { color: var(--gh-red); }
.gh-whois-box p { margin: 0; }
.gh-whois-ns { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.gh-whois-ns code { display: block; padding: 9px 12px; border-radius: 10px; background: #fff; border: 1px solid var(--gh-line); color: var(--gh-ink); font: 600 .875rem/1.3 var(--gh-whois-mono); overflow-wrap: anywhere; }
.gh-whois-privacy { display: flex; align-items: flex-start; gap: 10px; color: var(--gh-text); font-size: var(--gh-fs-sm); line-height: 1.6; }
.gh-whois-privacy .gh-icon { flex: none; margin-top: 2px; color: var(--gh-success); }
.gh-whois-contacts { display: grid; gap: 0; margin: 0; }
.gh-whois-contacts > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 8px 0; border-bottom: 1px dashed var(--gh-line); }
.gh-whois-contacts > div:last-child { border-bottom: 0; }
.gh-whois-contacts dt { color: var(--gh-muted); font-size: var(--gh-fs-sm); font-weight: 600; }
.gh-whois-contacts dd { margin: 0; color: var(--gh-ink); font-size: var(--gh-fs-sm); font-weight: 700; overflow-wrap: anywhere; }

/* Notes (no data, error, rate limit) */
.gh-whois-note { display: flex; align-items: flex-start; gap: 12px; margin: 24px 30px 28px; padding: 18px 20px; border-radius: var(--gh-radius-lg); background: var(--gh-bg-alt); border: 1px solid var(--gh-line); color: var(--gh-text); font-size: .9375rem; line-height: 1.6; }
.gh-whois-note > .gh-icon { flex: none; margin-top: 2px; color: var(--gh-muted); }
.gh-whois-note p { margin: 0; }
.gh-whois-note p + p { margin-top: 4px; }
.gh-whois-note strong { color: var(--gh-ink); }
.gh-whois-note a { color: var(--gh-ink); font-weight: 800; }
.gh-whois-note--action { flex-wrap: wrap; align-items: center; }
.gh-whois-note__msg { flex: 1 1 320px; min-width: 0; }
.gh-whois-note--error { background: #FFF8F0; border-color: #F6DDBF; }
.gh-whois-note--error > .gh-icon { color: #B45F06; }
.gh-whois-note__actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* Free */
.gh-whois-free { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; margin: 24px 30px 28px; padding: 26px 28px; border-radius: var(--gh-radius-lg); background: linear-gradient(120deg, #EAF8F1, #F6FCF9); border: 1px solid #C9EBDB; }
.gh-whois-free > div:first-child { flex: 1 1 340px; }
.gh-whois-free__title { margin: 0; color: var(--gh-ink); font-size: var(--gh-fs-xl); font-weight: 800; letter-spacing: -.02em; line-height: 1.25; overflow-wrap: anywhere; }
.gh-whois-free__text { margin: 8px 0 0; color: var(--gh-text); font-size: .9375rem; line-height: 1.6; }
.gh-whois-free__text a { color: var(--gh-ink); font-weight: 700; }
.gh-whois-free__side { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.gh-whois-free__price { display: flex; flex-direction: column; margin: 0; }
.gh-whois-free__price .gh-price { color: var(--gh-ink); }
.gh-whois-free__price .gh-price__amount { font-size: 2rem; font-weight: 800; letter-spacing: -.03em; }
.gh-whois-free__price small { color: var(--gh-muted); font-size: var(--gh-fs-xs); font-weight: 600; }
.gh-whois-free__actions { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.gh-whois-link { color: var(--gh-ink); font-size: var(--gh-fs-sm); font-weight: 700; }
.gh-whois-link:hover { color: var(--gh-red); }

/* CTA banner inside the card */
.gh-whois-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; padding: 22px 30px; border-top: 1px solid var(--gh-line); background: var(--gh-bg-alt); }
.gh-whois-cta__icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--gh-red-50); color: var(--gh-red); }
.gh-whois-cta--ours .gh-whois-cta__icon { background: var(--gh-success-bg); color: var(--gh-success); }
.gh-whois-cta__body { flex: 1 1 320px; min-width: 0; }
.gh-whois-cta__title { margin: 0; color: var(--gh-ink); font-size: 1.0625rem; font-weight: 800; letter-spacing: -.01em; }
.gh-whois-cta__text { margin: 4px 0 0; color: var(--gh-muted); font-size: var(--gh-fs-sm); line-height: 1.55; }
.gh-whois-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; }

.gh-whois-disclaimer { display: flex; align-items: flex-start; gap: 8px; max-width: 880px; margin: 16px 0 0; padding: 0 30px; color: var(--gh-muted); font: 500 var(--gh-fs-xs)/1.6 var(--gh-font); text-align: left; }
.gh-whois-disclaimer .gh-icon { flex: none; margin-top: 2px; color: var(--gh-subtle); }

@media (max-width: 900px) {
  .gh-whois-facts { grid-template-columns: minmax(0, 1fr); }
  .gh-whois-fact + .gh-whois-fact { border-left: 0; border-top: 1px solid var(--gh-line); }
  .gh-whois-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .gh-whois-card { border-radius: 20px; }
  .gh-whois-card__head { padding: 20px 18px; gap: 12px; }
  .gh-whois-card__icon { width: 44px; height: 44px; border-radius: 12px; }
  .gh-whois-card__id { flex-basis: 180px; }
  .gh-whois-disclaimer { padding: 0 4px; }
  .gh-whois-fact { padding: 16px 18px; }
  .gh-whois-grid { padding: 18px; gap: 14px; }
  .gh-whois-box { padding: 16px; }
  .gh-whois-contacts > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .gh-whois-note, .gh-whois-free { margin: 18px; }
  .gh-whois-free { padding: 20px 18px; }
  .gh-whois-free__side, .gh-whois-free__actions, .gh-whois-note__actions { width: 100%; }
  .gh-whois-free__actions .gh-btn, .gh-whois-note__actions .gh-btn, .gh-whois-note--action > .gh-btn { width: 100%; }
  .gh-whois-cta { padding: 20px 18px; }
  .gh-whois-cta__actions, .gh-whois-cta__actions .gh-btn { width: 100%; }
}

/* ==========================================================================
   Use cases + privacy band
   ========================================================================== */
@media (max-width: 640px) {
  .gh-whois-uses .gh-features--boxed .gh-feature { padding: 22px 20px; }
  .gh-whois-uses .gh-feature__icon { width: 42px; height: 42px; margin-bottom: 14px; border-radius: 12px; }
  .gh-whois-uses .gh-grid { gap: 12px; }
}

.gh-whois-band__title { margin: 0; color: #fff; font-size: var(--gh-fs-2xl); font-weight: 800; line-height: 1.12; letter-spacing: -.028em; text-wrap: balance; }
.gh-whois-band__lead { margin: 18px 0 28px; max-width: 560px; color: var(--gh-on-dark-muted); font-size: var(--gh-fs-md); line-height: 1.7; }
.gh-whois-band__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
@media (max-width: 640px) { .gh-whois-band__actions .gh-btn { flex: 1 1 100%; } }

.gh-whois-compare { position: relative; display: grid; gap: 18px; max-width: 500px; margin-left: auto; font-family: var(--gh-font); }
.gh-whois-compare__card { padding: 20px 22px; border-radius: var(--gh-radius-lg); }
.gh-whois-compare__card--off { margin-right: 44px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); }
.gh-whois-compare__card--on { margin-left: 44px; background: #fff; box-shadow: 0 30px 70px -28px rgba(0, 0, 0, .7); }
.gh-whois-compare__label { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: var(--gh-fs-xs); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.gh-whois-compare__card--off .gh-whois-compare__label { color: #FFB3B5; }
.gh-whois-compare__card--on .gh-whois-compare__label { color: var(--gh-success); }
.gh-whois-compare dl { margin: 0; }
.gh-whois-compare dl > div { display: grid; grid-template-columns: 84px minmax(0, 1fr); align-items: center; gap: 12px; padding: 8px 0; }
.gh-whois-compare dl > div + div { border-top: 1px dashed rgba(255, 255, 255, .1); }
.gh-whois-compare__card--on dl > div + div { border-top-color: var(--gh-line); }
.gh-whois-compare dt { font-size: .8125rem; font-weight: 600; }
.gh-whois-compare dd { margin: 0; font-size: .875rem; font-weight: 700; }
.gh-whois-compare__card--off dt { color: var(--gh-on-dark-subtle); }
.gh-whois-compare__card--off dd { color: #E4E7F5; }
.gh-whois-compare__card--on dt { color: var(--gh-muted); }
.gh-whois-compare__card--on dd { color: var(--gh-ink); }
.gh-whois-compare__bar { display: block; width: 70%; height: 10px; border-radius: 6px; background: repeating-linear-gradient(90deg, #DDE1EC 0 6px, #EEF0F7 6px 12px); }
.gh-whois-compare__bar--s { width: 52%; }
.gh-whois-compare__bar--m { width: 60%; }
@media (max-width: 960px) { .gh-whois-compare { margin: 0; max-width: none; } }
@media (max-width: 640px) {
  .gh-whois-compare__card--off { margin-right: 18px; }
  .gh-whois-compare__card--on { margin-left: 18px; }
}