/* ================================================
   GuviHost WHMCS Custom Theme — FINAL VERSION
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap');

/* ── Variables ── */
:root {
  --primary: #7c3aed;
  --primary-dark: #6d28d9;
  --primary-light: #ede9fe;
  --pink: #ff3d9a;
  --pink-light: #ff6eb4;
  --yellow: #fbbf24;
  --yellow-dark: #f59e0b;
  --text-dark: #0f172a;
  --text-mid: #475569;
  --text-light: #94a3b8;
  --white: #ffffff;
  --border: rgba(124,58,237,0.12);
  --shadow: 0 4px 24px rgba(124,58,237,0.10);
}

/* ── Writing mode fix ── */
* {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

/* ── Font ── */
body, input, select, textarea, button {
  font-family: 'Sora', system-ui, sans-serif !important;
}

/* ── Links ── */
a { color: var(--primary) !important; }
a:hover { color: var(--primary-dark) !important; }

/* ================================================
   NAVBAR
   ================================================ */
#header, nav.navbar, .navbar {
  background: #ffffff !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 2px 12px rgba(15,23,42,0.06) !important;
}

.navbar-nav > li > a {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--text-dark) !important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
  color: var(--primary) !important;
  background: transparent !important;
}

/* View Cart button */
li.primary-action > a,
li.primary-action > a.btn,
a[href*="cart.php"] {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
  border: none !important;
  border-radius: 50px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  box-shadow: 0 4px 16px rgba(124,58,237,0.35) !important;
}

li.primary-action > a:hover,
a[href*="cart.php"]:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 0.9 !important;
}

/* Hello, Username button — PINK + WHITE text */
.navbar-right .btn,
.navbar-right > li > .btn,
.navbar-right a.btn,
.navbar-right .btn-default,
.navbar-right a.btn-default,
#header .navbar-right .btn,
#header .navbar-right a,
.navbar .navbar-right .dropdown > a,
.navbar .navbar-right li.dropdown > a.btn,
a[href*="clientarea.php"].btn,
a[href*="clientarea"].btn,
.client-area-btn,
.account-btn,
li.dropdown.open > a.btn,
.navbar-right li > a.btn {
  background: linear-gradient(135deg, #ff6eb4 0%, #ff3d9a 100%) !important;
  background-color: #ff3d9a !important;
  border: none !important;
  border-radius: 50px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  box-shadow: 0 4px 14px rgba(255,61,154,0.4) !important;
  transition: all 0.2s !important;
}

.navbar-right .btn:hover,
.navbar-right a.btn:hover,
.navbar-right .btn-default:hover {
  background: linear-gradient(135deg, #ff3d9a 0%, #e91e8c 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 0.95 !important;
}

.navbar-right .btn .caret,
.navbar-right a.btn .caret {
  border-top-color: #ffffff !important;
  color: #ffffff !important;
}

.dropdown-menu {
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  box-shadow: var(--shadow) !important;
  padding: 8px !important;
}

.dropdown-menu > li > a {
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--text-dark) !important;
}

.dropdown-menu > li > a:hover {
  background: var(--primary-light) !important;
  color: var(--primary) !important;
}

/* ================================================
   PURPLE BAR
   ================================================ */
.shortcuts, .home-shortcuts,
div[class*="shortcut"], .quick-links,
div[class*="quick"], .home-links {
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
}

.shortcuts *, .home-shortcuts *,
div[class*="shortcut"] * {
  color: #ffffff !important;
}

/* ================================================
   DEFAULT BUTTONS — Purple
   ================================================ */
.btn-primary,
a.btn-primary,
button.btn-primary,
input.btn-primary {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(124,58,237,0.35) !important;
  transition: all 0.2s !important;
}

.btn-primary:hover,
a.btn-primary:hover {
  background: linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* ================================================
   PRICE BOX — PINK
   ================================================ */
div.product-pricing,
.product-pricing {
  background: linear-gradient(135deg, #ff6eb4 0%, #ff3d9a 100%) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(255,61,154,0.4) !important;
  padding: 16px !important;
}

div.product-pricing *,
.product-pricing * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

div.product-pricing .price,
.product-pricing .price,
div.product-pricing span {
  color: #ffffff !important;
  font-weight: 900 !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ================================================
   ORDER NOW BUTTONS — YELLOW
   ================================================ */
.btn-order-now,
a.btn-order-now,
button.btn-order-now,
.btn-success.btn-order-now,
a.btn.btn-success.btn-sm.btn-order-now {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  background-color: #fbbf24 !important;
  border-color: #f59e0b !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border: 2px solid #f59e0b !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(245,158,11,0.5) !important;
  padding: 8px 20px !important;
  transition: all 0.2s !important;
  position: relative !important;
  z-index: 10 !important;
  display: inline-block !important;
}

[id*="order-button"],
a[id*="order-button"] {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  background-color: #fbbf24 !important;
  border-color: #f59e0b !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(245,158,11,0.5) !important;
  padding: 8px 20px !important;
  position: relative !important;
  z-index: 10 !important;
}

.btn-success,
a.btn-success,
button.btn-success,
input.btn-success {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  background-color: #fbbf24 !important;
  border-color: #f59e0b !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(245,158,11,0.4) !important;
}

.btn-success:hover,
a.btn-success:hover {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  background-color: #f59e0b !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  transform: translateY(-1px) !important;
}

div.product-pricing .btn,
div.product-pricing a.btn,
div.product-pricing a,
.product-pricing .btn,
.product-pricing a.btn,
.product-pricing a {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  background-color: #fbbf24 !important;
  border-color: #f59e0b !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
}

div.product-pricing .btn:hover,
div.product-pricing a:hover,
.product-pricing .btn:hover,
.product-pricing a:hover {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  transform: translateY(-1px) !important;
}

.product.clearfix footer .btn,
.product.clearfix footer a.btn,
.product.clearfix footer .btn-success,
footer.clearfix .btn,
footer.clearfix a.btn,
footer.clearfix .btn-success,
.col-md-6 footer .btn,
.col-md-6 footer a.btn,
.row-eq-height footer .btn,
.row-eq-height footer a.btn,
.products footer .btn,
#products footer .btn-success,
#products footer a {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  background-color: #fbbf24 !important;
  border-color: #f59e0b !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(245,158,11,0.5) !important;
  padding: 8px 20px !important;
  display: inline-block !important;
  position: relative !important;
  z-index: 10 !important;
  width: auto !important;
  min-width: 120px !important;
  text-align: center !important;
}

footer .btn-order-now,
footer a.btn-order-now,
footer [id*="order-button"],
footer a[id*="order-button"],
footer .btn-success {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  background-color: #fbbf24 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-color: #f59e0b !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  position: relative !important;
  z-index: 10 !important;
}

footer .btn-success:hover,
footer a.btn-success:hover,
footer .btn-order-now:hover {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  transform: translateY(-1px) !important;
}

footer a.btn-order-now,
footer a.btn-success,
footer a[id*="order-button"] {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* ================================================
   SIDEBAR
   ================================================ */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #ffffff !important;
}

.list-group-item:hover {
  background: var(--primary-light) !important;
  color: var(--primary) !important;
}

/* ================================================
   PANELS / CARDS
   ================================================ */
.panel {
  border-radius: 16px !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,0.06) !important;
  overflow: hidden !important;
}

.panel-heading {
  background: #ffffff !important;
  border-bottom: 1px solid #f1f5f9 !important;
  font-weight: 700 !important;
  color: var(--text-dark) !important;
}

/* ================================================
   FORMS
   ================================================ */
.form-control {
  border: 1.5px solid var(--border) !important;
  border-radius: 10px !important;
  background: #f8f9ff !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

.form-control:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(124,58,237,0.10) !important;
  background: #ffffff !important;
}

/* ================================================
   ALERTS
   ================================================ */
.alert { border-radius: 12px !important; border: none !important; }
.alert-success { background: #f0fdf4 !important; border-left: 4px solid #22c55e !important; color: #15803d !important; }
.alert-danger  { background: #fef2f2 !important; border-left: 4px solid #ef4444 !important; color: #dc2626 !important; }
.alert-info    { background: var(--primary-light) !important; border-left: 4px solid var(--primary) !important; color: var(--primary-dark) !important; }
.alert-warning { background: #fffbeb !important; border-left: 4px solid #f59e0b !important; color: #92400e !important; }

/* ================================================
   BADGES / LABELS
   ================================================ */
.label-success, .badge-success { background: #dcfce7 !important; color: #15803d !important; border-radius: 50px !important; }
.label-warning, .badge-warning { background: #fef3c7 !important; color: #92400e !important; border-radius: 50px !important; }
.label-danger,  .badge-danger  { background: #fee2e2 !important; color: #dc2626 !important; border-radius: 50px !important; }
.label-info,    .badge-info    { background: var(--primary-light) !important; color: var(--primary) !important; border-radius: 50px !important; }

/* ================================================
   TABLES
   ================================================ */
.table > thead > tr > th {
  background: #f8fafc !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--text-light) !important;
}

.table > tbody > tr:hover > td {
  background: #faf9ff !important;
}

/* ================================================
   PAGE TITLES
   ================================================ */
h1.page-header,
.page-header h1,
#main-body > .container > h1,
#main-body > .container > h2 {
  font-weight: 800 !important;
  color: var(--primary) !important;
}

/* ================================================
   FOOTER
   ================================================ */
#footer, footer {
  background: #0f172a !important;
  color: rgba(255,255,255,0.6) !important;
}

#footer a, footer a { color: rgba(255,255,255,0.6) !important; }
#footer a:hover, footer a:hover { color: #ffffff !important; }

/* ================================================
   SCROLLBAR
   ================================================ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }

/* ================================================
   ✅ DOMAIN CART PAGE — HIDDEN RESULTS FIX
   cart.php?a=add&domain=register
   Screenshot-இல் .co.in-க்கு அப்புறம் hide ஆனது fix
   ================================================ */

/* Panel overflow — main culprit */
.panel,
.panel-body,
.panel-default,
#domain-search-results,
.domain-search-results,
#domainSearchResults,
.domainchecker,
.domain-checker,
#domainregcontainer {
  overflow: visible !important;
}

/* TLD row — flex wrap fix */
.tld-list,
.tld-boxes,
.tlds,
.domain-extensions,
.extensions-list,
.domain-tld-list,
.domain-prices,
.domain-tld-pricing,
#tldList,
#tldBoxes,
[class*="tld-list"],
[class*="tld-box"],
[class*="extension-list"],
[class*="domain-ext"] {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  width: 100% !important;
}

/* Individual TLD item */
.tld-box,
.tld-item,
.extension-item,
.domain-option,
[class*="tld-box"],
[class*="tld-item"],
[class*="extension-item"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

/* Exact match + suggested domains */
.exact-match,
.domain-available,
.domain-result,
.domain-taken,
.suggested-domains,
.suggestions-list,
#suggestedDomains,
[class*="exact-match"],
[class*="suggested"],
[class*="domain-result"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  max-height: none !important;
}

/* Main content container — no clip */
#main-body,
.main-body,
#content,
.content-area,
.wrapper,
#wrapper {
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

/* Row overflow for TLD price cards strip */
.row.tld-pricing,
.tld-pricing-row,
.domain-checker .row,
#domain-search-results .row,
.domainchecker .row {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Column items inside TLD row */
.row.tld-pricing > [class*="col-"],
.domain-checker .row > [class*="col-"],
#domain-search-results .row > [class*="col-"] {
  display: block !important;
  visibility: visible !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

/* WHMCS domain checker specific */
.domain-checker-container,
.domainchecker-container,
#step1,
#step2 {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* z-index stacking fix */
.domain-checker,
.domain-search-results,
#domain-search-results {
  position: relative !important;
  z-index: 5 !important;
}

/* Add to Cart button inside domain results — Yellow */
.domain-search-results .btn-success,
#domain-search-results .btn-success,
.domain-checker .btn-success,
.tld-box .btn,
.tld-item .btn,
[class*="domain-result"] .btn {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  border: none !important;
}

/* "Add to Cart" button in domain available result */
.domain-available .btn,
.exact-match .btn,
[class*="available"] .btn-success {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
}

/* ================================================
   ✅ DOMAIN CART — "Add" BUTTONS PINK
   cart.php?a=add&domain=register
   TLD boxes-இல் உள்ள Add buttons — Pink
   ================================================ */

/* TLD box Add buttons — all variations */
.tld-results .btn,
.tld-results a.btn,
.tld-results button,
.tld-box .btn,
.tld-box a.btn,
.tld-item .btn,
.tld-item a.btn,
.domain-tld .btn,
.domain-tld a.btn,
[class*="tld"] .btn,
[class*="tld"] a.btn,
[class*="tld"] input[type="submit"],

/* Domain checker row Add buttons */
.domain-checker .btn-default,
.domain-checker a.btn-default,
#domain-search-results .btn-default,
#domain-search-results a.btn-default,
.domainchecker .btn-default,
.domainchecker a.btn-default,

/* Exact match "Add to Cart" button */
.domain-available .btn,
.domain-available a.btn,
.exact-match .btn,
.exact-match a.btn,
[class*="available"] .btn,
[class*="available"] a.btn,

/* Generic Add buttons inside domain results */
#domain-search-results input[type="submit"],
#domain-search-results button[type="submit"],
#domainSearchResults .btn,
#domainSearchResults a.btn,

/* WHMCS Six / Portal theme specific */
.domainregister .btn,
.domainregister a.btn,
#domainregcontainer .btn,
#domainregcontainer a.btn,
#step2 .btn,
#step2 a.btn {
  background: linear-gradient(135deg, #ff6eb4 0%, #ff3d9a 100%) !important;
  background-color: #ff3d9a !important;
  border: none !important;
  border-radius: 50px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  padding: 8px 20px !important;
  box-shadow: 0 4px 14px rgba(255,61,154,0.4) !important;
  transition: all 0.2s !important;
  cursor: pointer !important;
}

.tld-results .btn:hover,
.tld-box .btn:hover,
.tld-item .btn:hover,
.domain-checker .btn-default:hover,
#domain-search-results .btn-default:hover,
.domain-available .btn:hover,
.exact-match .btn:hover,
#domainregcontainer .btn:hover,
#step2 .btn:hover {
  background: linear-gradient(135deg, #ff3d9a 0%, #e91e8c 100%) !important;
  background-color: #e91e8c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(255,61,154,0.5) !important;
}

/* "Add to Cart" big button (Exact Match row) — also Pink */
.domain-search-results .btn-success,
#domain-search-results .btn-success,
.exact-match .btn-success,
.domain-available .btn-success,
[class*="exact"] .btn-success {
  background: linear-gradient(135deg, #ff6eb4 0%, #ff3d9a 100%) !important;
  background-color: #ff3d9a !important;
  border: none !important;
  border-radius: 50px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(255,61,154,0.4) !important;
}

.domain-search-results .btn-success:hover,
#domain-search-results .btn-success:hover,
.exact-match .btn-success:hover {
  background: linear-gradient(135deg, #ff3d9a 0%, #e91e8c 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* ================================================
   ✅ HIDE ":domain is available" TEXT — NEW FIX
   Domain unavailable page-ல் தேவையில்லாத
   ":domain is available" text hide பண்றோம்
   ================================================ */

/* Method 1 — Class based hide */
.domain-available-text,
.availabletext,
.domain-result-available,
p.available,
.domainavailable p,
.searchresults .available,
#domain-search-results .available,
.domainchecker .available,
#domainregcontainer .available,
[class*="domain-available"] > p,
[class*="available-text"] {
  display: none !important;
}

/* Method 2 — Hide second paragraph in exact match section */
.exact-match p:nth-child(2),
.domain-result p.text-success,
.domain-result p.text-green,
#domain-search-results p.text-success,
#domain-search-results p.text-muted,
.domainchecker p.text-success,
.domainchecker p.text-muted {
  display: none !important;
}

/* Method 3 — WHMCS specific available line */
#domainregcontainer .col-md-12 > p,
#domainregcontainer > .row > .col-md-12 > p,
.domain-search-results > p,
#domain-search-results > p,
.domainchecker > p {
  display: none !important;
}

/* Method 4 — Hide any green coloured available text */
p[style*="color: green"],
p[style*="color:green"],
span[style*="color: green"],
span[style*="color:green"] {
  display: none !important;
}