/* ===================================================================
   TEMA: ClientExec to Hostiko - FİNAL SÜRÜM (CX-Pro Architect Refactored)
   AÇIKLAMA: Bu dosya, CX-Pro Architect tarafından tekrar eden kodlardan
   arındırılmış, optimize edilmiş ve mantıksal bir sırada birleştirilmiştir.
====================================================================== */


/* ===================================================================
   BÖLÜM 1: TEMA ÇEKİRDEĞİ (DEĞİŞKENLER VE FONT'LAR)
====================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Lato:wght@400;700&display=swap');

:root {
  /* Renk Paleti */
  --theme-primary: #0167F3;
  --theme-primary-rgb: 1, 103, 243;
  --theme-dark-blue: #0B182B;
  --theme-accent: #FF780B;
  --theme-accent-hover: #ff8c2a;
  --theme-success: #198754;
  --theme-success-rgb: 25, 135, 84;
  --theme-danger: #dc3545;
  --theme-danger-rgb: 220, 53, 69;
  --theme-warning: #ffc107;

  /* Metin Renkleri */
  --theme-heading: #1E293B;
  --theme-body: #64748B;
  --theme-muted: #94A3B8;

  /* Zemin ve Kenarlık Renkleri */
  --theme-white: #FFFFFF;
  --theme-light-bg: #F8F9FA;
  --theme-border: #E2E8F0;

  /* Font Ailesi */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Lato', sans-serif;

  /* Genel Ayarlar */
  --border-radius: 0.5rem;
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -4px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}


/* ===================================================================
   BÖLÜM 2: TEMEL STİLLER (BODY, TYPOGRAPHY)
====================================================================== */
body {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.8;
  color: var(--theme-body);
  background-color: #FDFDFD;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--theme-heading);
  line-height: 1.3;
}
a {
  color: var(--theme-primary);
  text-decoration: none;
  transition: all 0.2s ease;
}
a:hover { color: #014bb3; }
section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#page-content-container {
  position: relative !important;
  z-index: 1;
  background-color: #FDFDFD !important;
}
.sticky-top {
  background-color: var(--theme-white) !important;
  box-shadow: var(--shadow-sm);
}

/* ===================================================================
   BÖLÜM 3: GENEL BİLEŞENLER (COMPONENTS)
====================================================================== */
/* Butonlar */
.btn {
  font-family: var(--font-heading);
  font-weight: 600;
  border-radius: var(--border-radius);
  padding: 0.5rem;
  font-size: 0.95rem;
  transition: all 0.25s ease-in-out;
  border: 2px solid transparent;
}
.btn:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.btn-primary { background-color: var(--theme-primary); border-color: var(--theme-primary); color: var(--theme-white); }
.btn-primary:hover { background-color: #0156cc; border-color: #0156cc; }
.btn-accent { background-color: var(--theme-accent); border-color: var(--theme-accent); color: var(--theme-white); }
.btn-accent:hover { background-color: var(--theme-accent-hover); border-color: var(--theme-accent-hover); }
.btn-outline-primary { border-color: var(--theme-border); color: var(--theme-heading); }
.btn-outline-primary:hover { background-color: var(--theme-primary); color: var(--theme-white); border-color: var(--theme-primary); }
.btn-add-to-cart { background-color: var(--theme-success); border-color: var(--theme-success); color: white; }
.btn-add-to-cart:hover { background-color: #157347; border-color: #146c43; color: white; }

/* Kartlar */
.card {
  border: 1px solid var(--theme-border);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-sm);
  background-color: var(--theme-white);
}
.card-header {
  background-color: var(--theme-light-bg);
  border-bottom: 1px solid var(--theme-border);
  padding: 1rem 1.5rem;
  font-weight: 600;
}

/* Form Elemanları */
.form-control, .form-select {
  min-height: 48px;
  border: 1px solid var(--theme-border);
  border-radius: var(--border-radius);
  transition: all .2s ease;
  background-color: var(--theme-light-bg);
}
.form-control:focus, .form-select:focus {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 3px rgba(var(--theme-primary-rgb), 0.2);
  outline: none;
  background-color: var(--theme-white);
}

/* Yardımcı Sınflar */
.bg-primary-soft { background-color: rgba(var(--theme-primary-rgb), 0.1); }
.bg-success-soft { background-color: rgba(var(--theme-success-rgb), 0.1); }
.bg-warning-soft { background-color: rgba(var(--theme-warning), 0.1); }
.bg-danger-soft { background-color: rgba(var(--theme-danger-rgb), 0.1); }
.text-accent { color: var(--theme-accent) !important; }

/* ===================================================================
   BLÜM 4: ANA SAYFA & GENEL BÖLMLER
====================================================================== */
/* -- Hero Bölümü (V6 - Reklam Odaklı) -- */
.hero-section-final {
    color: #FFFFFF !important;
    padding-top: 7rem;
    padding-bottom: 7rem;
    position: relative;
    overflow: hidden;
    background-color: var(--theme-dark-blue);
}
.hero-background-v4 {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(135deg, var(--theme-primary) 10%, var(--theme-dark-blue) 50%, #5839bd 90%);
    background-size: 250% 250%;
    animation: gradientBGHeroRevised 22s ease infinite;
    z-index: 1;
}
@keyframes gradientBGHeroRevised { 0%{background-position:0% 50%} 50%{background-position:100% 55%} 100%{background-position:0% 50%} }
.hero-section-final .container { position: relative; z-index: 2; }
.hero-main-title { font-size: 3rem; line-height: 1.25; text-shadow: 0 3px 10px rgba(0,0,0,0.3); }
.hero-main-title .highlight-text { padding-bottom: 2px; border-bottom: 3px solid var(--theme-accent); }
.hero-subtitle { font-size: 1.15rem; line-height: 1.7; }
.hero-cta-button { box-shadow: var(--shadow-lg) !important; transition: all 0.25s ease-out !important; }
.hero-cta-button:hover { transform: translateY(-4px) scale(1.03) !important; box-shadow: 0 12px 25px rgba(var(--theme-primary-rgb), 0.5), 0 0 15px var(--theme-accent) !important; }

/* -- Hero Kampanya Kartı (Billboard Tasarım) -- */
.campaign-card-hero-billboard {
    background: linear-gradient(135deg, var(--theme-accent, #ffc107) 0%, #ff8c00 100%);
    border-radius: var(--border-radius, 0.75rem); padding: 1.75rem; text-align: center;
    color: var(--theme-dark-blue);
    box-shadow: 0 10px 30px rgba(255,100,0,0.4), 0 0 0 5px rgba(255,255,255,0.3);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative; overflow: hidden;
}
.campaign-card-hero-billboard:hover { transform: scale(1.05) rotate(-1deg); }
.campaign-card-hero-billboard::before {
    content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 70%);
    animation: lightSweep 7s infinite linear; opacity: 0.7;
}
@keyframes lightSweep{ 0%{ transform: translateX(-100%) translateY(-100%) rotate(0deg); } 100%{ transform: translateX(100%) translateY(100%) rotate(360deg); } }
.billboard-header { position: relative; z-index: 2; }
.pulsating-badge { animation: pulseBadge 1.5s infinite ease-in-out; }
@keyframes pulseBadge { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220,53,69,0.7); } 70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(220,53,69,0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220,53,69,0); } }
.billboard-header h4 { color: var(--theme-white); text-shadow: 0 1px 2px rgba(0,0,0,0.2); }
.billboard-offer { padding: 1rem 0; position: relative; z-index: 2; }
.domain-highlight-loud { font-size: 3rem; font-weight: 800; color: var(--theme-white); line-height: 1; text-shadow: 0 2px 4px rgba(0,0,0,0.2); margin-bottom: 0.5rem; }
.price-tag-loud { font-weight: 500; color: var(--theme-dark-blue); background-color: var(--theme-white); padding: 0.75rem 1rem; border-radius: 0.5rem; margin: 1rem auto; display: inline-block; box-shadow: var(--shadow-sm); }
.price-tag-loud .old-price-loud { text-decoration: line-through; opacity: 0.7; margin-right: 0.5rem; }
.price-tag-loud .new-price-loud { font-size: 1.8rem; font-weight: 800; color: var(--theme-danger); }
.price-tag-loud .new-price-loud small { font-size: 0.7em; font-weight: 500; color: var(--theme-danger); }
.price-tag-loud .gift-text-loud { display: block; font-size: 1rem; font-weight: 700; color: var(--theme-success); margin-top: 0.3rem; text-transform: uppercase; letter-spacing: 0.5px; }
.billboard-footer { position: relative; z-index: 2; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 1rem; margin-top: 1rem; }
.billboard-footer .terms-v5 { color: var(--theme-dark-blue) !important; opacity: 0.8; }
.billboard-footer .btn-warning { color: var(--theme-dark-blue) !important; font-size: 0.9rem !important; padding: 0.5rem 1rem !important; }

/* -- Alan Adı Arama (Ana Sayfa) -- */
.domain-search-advanced {
    display: flex; max-width: 700px; margin: auto; border: 1px solid var(--theme-border);
    border-radius: var(--border-radius); background-color: var(--theme-white); box-shadow: var(--shadow-md);
}
.domain-search-advanced .form-control { border: none; flex-grow: 1; font-size: 1rem; padding: 0.75rem 1.5rem; background-color: transparent; }
.domain-search-advanced .btn { border-radius: 0 var(--border-radius) var(--border-radius) 0; }
.tld-pills-container-v2 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.8rem; margin-top: 2rem; }
.tld-pill-item { padding: 0.6rem 1.2rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; transition: all 0.25s ease-out; cursor: default; background-color: var(--theme-white); box-shadow: var(--shadow-sm); color: var(--theme-body); }
.tld-pill-item:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.tld-pill-item strong { color: var(--theme-heading); margin-right: 0.3em; }
.tld-pill-price { font-weight: 700; opacity: 0.9; }
.tld-com .tld-pill-price { color: var(--theme-primary); }
.tld-net .tld-pill-price { color: var(--theme-success); }
.tld-org .tld-pill-price { color: #fd7e14; }
.tld-comtr .tld-pill-price { color: var(--theme-danger); }
.tld-io .tld-pill-price { color: #6f42c1; }

/* -- Fiyatlandırma Kartları -- */
.pricing-card {
    text-align: center; display: flex; flex-direction: column;
    transition: all 0.3s ease-in-out; border-radius: 0.75rem !important;
    border: 1px solid var(--theme-border);
    background-color: var(--theme-white);
}
.pricing-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-lg) !important; }
.pricing-card.featured { border-color: var(--theme-primary) !important; border-width: 2px !important; }
.pricing-card .card-body { flex-grow: 1; display: flex; flex-direction: column; }
.pricing-card .plan-name { color: var(--theme-heading); }
.pricing-card .plan-subtitle { font-size: 0.9rem; min-height: 48px; }
.price-display { display: flex; justify-content: center; align-items: baseline; color: var(--theme-heading); }
.price-currency { font-size: 1.5rem; font-weight: 600; align-self: flex-start; margin-right: 0.25rem; }
.price-main { font-size: 3rem; font-weight: 800; line-height: 1; }
.price-term { font-size: 1rem; font-weight: 600; color: var(--theme-muted); margin-left: 0.25rem; }
.price-cycle-selector .form-select { font-size: 0.9rem; font-weight: 500; text-align: center; border: 1px solid var(--theme-border) !important; background-color: var(--theme-light-bg); }
.popular-badge {
    position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);
    background: var(--theme-primary); color: var(--theme-white); padding: 0.4rem 1.25rem;
    font-size: 0.8rem; font-weight: 700; border-radius: 50px; white-space: nowrap;
}
.feature-list { list-style: none; padding: 1.5rem 0; text-align: left; flex-grow: 1; }
.feature-list li { margin-bottom: 0.75rem; color: var(--theme-body); display: flex; align-items: flex-start; }
.feature-list li i { color: var(--theme-success); margin-right: 10px; width: 20px; text-align: center; margin-top: 4px; }

/* -- SSS Bölümü -- */
.faq-section .accordion-item { border: 1px solid var(--theme-border) !important; border-radius: 0.5rem !important; margin-bottom: 1rem; overflow: hidden; }
.faq-section .accordion-button { font-weight: 600; box-shadow: none; display: flex; align-items: center; text-align: left; }
.faq-section .accordion-button:not(.collapsed) { color: var(--theme-primary); background-color: rgba(var(--theme-primary-rgb), 0.05); }
.faq-section .accordion-button:focus { box-shadow: none; }
.faq-section .accordion-button::after { content: '\f067'; font-family: 'Font Awesome 5 Free'; font-weight: 900; background-image: none; transition: transform 0.2s ease-in-out; }
.faq-section .accordion-button:not(.collapsed)::after { content: '\f068'; }

/* -- Diğer Bölümler -- */
.final-cta-section { position: relative; background-color: var(--theme-dark-blue); overflow: hidden; }
.final-cta-section h2, .final-cta-section .lead { color: #fff; }
.final-cta-section .lead { color: rgba(255, 255, 255, 0.75); }
.final-cta-section .btn-light { background-color: var(--theme-white); color: var(--theme-primary); }

/* ===================================================================
   BÖLÜM 5: SİPARİ SÜRECİ (CART SAYFALARI)
====================================================================== */
.cart-pages-wrapper { padding-top: 3rem; padding-bottom: 5rem; }
.cart-pages-wrapper .card { border-radius: 0.8rem !important; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.07) !important; border: 1px solid var(--theme-border); }
#submitButton.btn-order-final { color: white; background-color: #00892a; border-color: #00892a; }
#submitButton.btn-order-final:hover { background-color: #007223; border-color: #007223; }

/* -- Sipariş Adımları (Stepper) -- */
.cart-header { max-width: 800px; margin-left: auto; margin-right: auto; }
.cart-stepper { display: flex; list-style: none; padding: 0; margin: 1rem 0 3rem 0; width: 100%; justify-content: space-between; position: relative; }
.cart-stepper::before { content: ''; position: absolute; width: 100%; top: 20px; left: 0; height: 3px; background-color: var(--theme-border); z-index: 1; }
.stepper-line { position: absolute; top: 20px; left: 0; height: 3px; background-color: var(--theme-primary); z-index: 1; width: 0; transition: width 0.5s ease; }
.stepper-item { display: flex; flex-direction: column; align-items: center; z-index: 2; text-align: center; flex: 1; }
.stepper-circle { width: 40px; height: 40px; border-radius: 50%; background-color: var(--theme-white); border: 3px solid var(--theme-border); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.1rem; color: var(--theme-muted); transition: all 0.3s ease; }
.stepper-title { margin-top: 0.75rem; font-weight: 600; font-size: 0.9rem; color: var(--theme-muted); }
.stepper-item.active .stepper-circle { border-color: var(--theme-primary); color: var(--theme-primary); }
.stepper-item.active .stepper-title { color: var(--theme-heading); }
.stepper-item.completed .stepper-circle { background-color: var(--theme-primary); border-color: var(--theme-primary); color: var(--theme-white); }
.stepper-item.completed .stepper-title { color: var(--theme-heading); }
.stepper-item.completed .stepper-circle span { display: none; }
.stepper-item.completed .stepper-circle::before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f00c'; font-size: 1.2rem; }

/* -- Alan Adı Arama (Sipari Sayfası) -- */
.domain-search-nav-wrapper { background-color: #e9ecef; border-radius: 0.5rem; padding: 0.3rem; margin-bottom: 1.5rem !important; }
.domain-search-nav-wrapper .nav-link { background-color: transparent !important; color: #495057; font-weight: 600; }
.domain-search-nav-wrapper .nav-link.active { background-color: #fff !important; color: var(--theme-primary) !important; box-shadow: 0 3px 8px rgba(0,0,0,0.1); }
.domain_search_notregistered { font-weight: 500; color: var(--theme-success); margin-bottom: 15px; }
.domain_search_alreadyregistered { font-weight: 500; color: var(--theme-danger); margin-bottom: 15px; }
.domain-option-item { display: flex; justify-content: space-between; align-items: center; padding: 1rem; border: 1px solid var(--theme-border); border-radius: var(--border-radius); margin-bottom: 0.75rem; transition: all 0.2s ease; }
.domain-option-item:hover { border-color: var(--theme-primary); box-shadow: var(--shadow-sm); }
.domain-option-name { font-weight: 700; color: var(--theme-heading); }
.domain-option-pricing-selection { display: flex; align-items: center; gap: 1rem; }

/* -- Sepet zeti ve Yapılandırma -- */
.cart-summary { border-radius: var(--border-radius) !important; border: 1px solid var(--theme-border) !important; background-color: var(--theme-white); position: sticky; top: 6rem; }
.cart-summary-header { padding: 1rem 1.25rem; border-bottom: 1px solid var(--theme-border); }
.cart-summary-body { padding: 0.25rem 0; }
.cart-items-list { max-height: 280px; overflow-y: auto; padding: 0 1.25rem; }
.cart-summary-item { display: flex; justify-content: space-between; align-items: center; padding: 0.85rem 0; border-bottom: 1px dashed var(--theme-border); }
.cart-summary-item:last-child { border-bottom: none; }
.item-details .item-name { font-size: 0.9rem; line-height: 1.3; }
.item-price-actions { display: flex; align-items: center; gap: 1rem; flex-shrink: 0; padding-left: 1rem; }
.item-price { font-size: 0.9rem; }
.btn-remove-item { color: var(--theme-muted); font-size: 1rem; line-height: 1; transition: all 0.2s ease; background: none; border: none; padding: 0; }
.btn-remove-item:hover { color: var(--theme-danger); transform: scale(1.2) rotate(90deg); }
.cart-summary-totals { padding: 1rem 1.25rem; background-color: var(--theme-light-bg); border-top: 1px solid var(--theme-border); }
.total-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; }
.total-row:last-child { margin-bottom: 0; }
.grand-total .price { color: var(--theme-primary); font-weight: bold; }
.cart-summary-footer { padding: 1rem 1.25rem; border-top: 1px solid var(--theme-border); background-color: #fcfcfc; }
.cart-summary-footer .btn { font-size: 1.1rem; }

/* -- Sipariş Süreci leri Düzey Stiller -- */
.product-group-card-v2 { display: flex; flex-direction: column; text-align: center; padding: 2rem; border: 1px solid var(--theme-border); border-radius: var(--border-radius); background-color: var(--theme-white); box-shadow: var(--shadow-sm); transition: all 0.3s ease; height: 100%; text-decoration: none; }
.product-group-card-v2:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: var(--theme-primary); }
.product-group-card-v2 .group-icon { font-size: 2.5rem; color: var(--theme-primary); }
.product-group-card-v2 .group-title { color: var(--theme-heading); font-weight: 700; }
.product-group-card-v2 .group-description { color: var(--theme-body); flex-grow: 1; }

.payment-methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; }
.payment-method-option { position: relative; }
.payment-method-option input[type="radio"] { position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
.payment-method-label { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 1.25rem 1rem; border: 2px solid var(--theme-border); border-radius: var(--border-radius); transition: all 0.2s ease; height: 100%; }
.payment-method-label img { max-height: 40px; margin-bottom: 0.75rem; filter: grayscale(1); transition: filter 0.2s ease; }
.payment-method-label span { font-weight: 600; color: var(--theme-body); }
.payment-method-option input[type="radio"]:checked + .payment-method-label { border-color: var(--theme-primary); background-color: rgba(var(--theme-primary-rgb), 0.05); box-shadow: 0 0 0 2px var(--theme-primary); }
.payment-method-option input[type="radio"]:checked + .payment-method-label img { filter: grayscale(0); }
.payment-method-option input[type="radio"]:checked + .payment-method-label span { color: var(--theme-heading); }
.success-icon-wrapper { width: 100px; height: 100px; background-color: rgba(var(--theme-success-rgb), 0.1); color: var(--theme-success); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 3rem; }

/* ===================================================================
   BÖLÜM 6: FOOTER
====================================================================== */
footer.footer { background-color: var(--theme-dark-blue); color: var(--theme-muted); font-size: 0.9rem; padding-top: 4rem; }
.footer-top { padding-bottom: 3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.footer-heading { font-family: var(--font-heading); color: var(--theme-white); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 1rem; margin-bottom: 1.5rem; }
.footer-link { color: var(--theme-muted); text-decoration: none; transition: all 0.2s ease; display: inline-block; padding-bottom: 5px; }
.footer-link:hover { color: var(--theme-primary); transform: translateX(4px); }
.footer-contact-info li { display: flex; align-items: flex-start; margin-bottom: 1rem; color: var(--theme-muted); }
.footer-contact-info i { color: var(--theme-primary); font-size: 1.1rem; margin-right: 15px; margin-top: 4px; width: 20px; text-align: center; }
.footer-bottom { padding-top: 2rem; padding-bottom: 2rem; }
.copyright-text, .copyright-text a { font-size: 0.85rem; color: var(--theme-muted); }
.copyright-text a:hover { color: var(--theme-white); }
.social-icons a.social-link { color: var(--theme-muted); font-size: 1rem; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; display: inline-block; transition: all 0.3s ease; }
.social-icons a.social-link:hover { background-color: var(--theme-primary); border-color: var(--theme-primary); color: var(--theme-white); transform: translateY(-3px); }

/* ===================================================================
   BÖLÜM 7: MÜŞTERİ PANELİ VE DİĞER SAYFALAR
====================================================================== */
/* -- Genel Panel Kart Yapısı -- */
.content-page .card, .datatable-page .card, .product-details-grid .card { border-radius: var(--border-radius) !important; }
.content-page .card-header .h4, .datatable-page .card-header .h4 { color: var(--theme-heading); }

/* -- Yan Menler (Sidenav) -- */
.product-sidebar { background-color: var(--theme-white); border-radius: var(--border-radius); border: 1px solid var(--theme-border); }
.product-sidebar .nav-pills .nav-link { display: flex; align-items: center; padding: 0.75rem 1rem; margin: 0.25rem 0.5rem; font-weight: 500; font-size: 0.9rem; color: var(--theme-body); border-radius: 0.375rem; }
.product-sidebar .nav-pills .nav-link i { width: 25px; margin-right: 0.5rem; color: var(--theme-muted); transition: color 0.2s ease; }
.product-sidebar .nav-pills .nav-link:hover { background-color: var(--theme-light-bg); }
.product-sidebar .nav-pills .nav-link.active { color: var(--theme-primary); background-color: rgba(var(--theme-primary-rgb), 0.1); font-weight: 600; }
.product-sidebar .nav-pills .nav-link.active i { color: var(--theme-primary); }

/* -- Bilgi Bankası ve Duyurular -- */
.kb-hero-section { background: linear-gradient(45deg, var(--theme-primary), var(--theme-dark-blue)); }
.article-body { line-height: 1.8; color: #333; font-size: 1.05rem; }
.article-body img { max-width: 100%; height: auto; border-radius: 0.375rem; margin: 1.5rem 0; box-shadow: var(--shadow-md); }
.article-body pre { background-color: #282c34; color: #abb2bf; padding: 1.25em; border-radius: 0.375rem; }

/* -- Destek Merkezi (V2) -- */
.ticket-thread { display: flex; flex-direction: column; gap: 1.5rem; }
.ticket-post { display: flex; gap: 1rem; align-items: flex-start; }
.post-avatar { width: 45px; height: 45px; border-radius: 50%; }
.post-content { flex-grow: 1; border: 1px solid var(--theme-border); border-radius: var(--border-radius); }
.post-header { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-bottom: 1px solid var(--theme-border); background-color: var(--theme-light-bg); }
.post-body { padding: 1.25rem; line-height: 1.7; white-space: pre-wrap; word-wrap: break-word; }
.user-reply .post-header { background-color: rgba(var(--theme-primary-rgb), 0.05); }
.user-reply .post-content { border-color: rgba(var(--theme-primary-rgb), 0.2); }

/* -- Giriş Sayfalar -- */
.auth-wrapper-final { display: flex; min-height: 100vh; width: 100%; }
.auth-promo-panel { flex-basis: 40%; background: linear-gradient(45deg, var(--theme-primary), var(--theme-dark-blue)); color: white; display: none; flex-direction: column; justify-content: center; padding: 4rem; }
.auth-form-panel { flex-basis: 100%; background-color: var(--theme-white); display: flex; align-items: center; justify-content: center; padding: 2rem; }
@media (min-width: 992px) {
  .auth-promo-panel { display: flex; }
  .auth-form-panel { flex-basis: 60%; }
}

/* ===================================================================
   BÖLÜM 8: MOBL UYUMLULUK VE ZEL DÜZELTMELER
====================================================================== */
.navbar-nav.mx-auto { font-weight: 800; text-transform: uppercase; --bs-nav-link-color: var(--theme-dark-blue); }
.alert.alert-danger.align-items-center { display: flex !important; }

@media (max-width: 991.98px) {
    .hero-section-final .campaign-card-hero-billboard { margin-top: 3rem; }
}

@media (max-width: 767.98px) {
    section { padding-top: 3rem; padding-bottom: 3rem; }
    .pricing-card.featured { margin-top: 2rem; }
    .hero-section-final h1 { font-size: 2.2rem; }
    .hero-section-final .lead { font-size: 1rem; }

    .cart-pages-wrapper .domain-search-advanced {
        flex-direction: column; border: none !important; overflow: visible; background: none; box-shadow: none;
    }
    .cart-pages-wrapper .domain-search-advanced > * {
        border: 1px solid #ced4da !important;
        border-radius: 0.5rem !important;
        margin-bottom: 0.75rem;
    }
    .cart-pages-wrapper .domain-search-advanced .btn { border-radius: 0.5rem !important; }
}
/* ===================================================================
   BÖLÜM 9: JQUERY CONFIRM MODAL DÜZELTMELERİ
====================================================================== */
.jconfirm.jconfirm-bootstrap {
    z-index: 1060; /* Diğer tüm elementlerin üzerinde olmasın sağlar */
}
.jconfirm.jconfirm-bootstrap .jconfirm-box {
    box-shadow: 0 5px 15px rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: var(--border-radius);
    transform: scale(1);
}
.jconfirm.jconfirm-bootstrap .jconfirm-title-c {
    font-family: var(--font-heading);
}
.jconfirm.jconfirm-bootstrap .jconfirm-buttons .btn {
    font-family: var(--font-heading);
    font-weight: 600;
}
.jconfirm-type-red .jconfirm-title-c .fa-trash-alt {
    color: var(--theme-danger);
}

/* ===================================================================
   BÖLÜM 10: GELİTİRİLMİŞ ALAN ADI ARAMA ARAYÜZÜ
====================================================================== */

.domain-search-box-v2 {
    display: flex;
    border: 1px solid var(--theme-border);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.domain-search-box-v2 .form-control,
.domain-search-box-v2 .form-select {
    border: none;
    box-shadow: none;
    min-height: 52px;
    font-size: 1rem;
    background-color: var(--theme-white);
}
.domain-search-box-v2 .form-control {
    flex-grow: 1;
}
.domain-search-box-v2 .form-select {
    border-left: 1px solid var(--theme-border);
    max-width: 150px;
    border-radius: 0;
}
.domain-search-box-v2 .btn {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    min-height: 52px;
}
#domainSearchResults .alert,
#domainTransferSearchResults .alert {
    padding: 1rem 1.25rem;
    font-weight: 500;
}
.domain-option-item {
    transition: all 0.2s ease-in-out;
}
.domain-option-item:hover {
    background-color: var(--theme-light-bg);
    border-color: var(--theme-primary);
}
.domain-configuration-area {
    background-color: #fdfdfd;
    padding: 1rem;
    margin: 1rem -1rem -1rem -1rem; /* Kartn kenarlarına yayılmasını sağlar */
    border-top: 1px solid var(--theme-border);
}

/* ===================================================================
   BLÜM 10: GELİŞTİRİLMİ ALAN ADI ARAMA SONUÇLARI V2
====================================================================== */
#domainSearchOptions .card,
#domainTransferSearchOptions .card {
    border: 1px solid var(--theme-border);
    transition: all 0.3s ease;
}
#domainSearchOptions .card:hover,
#domainTransferSearchOptions .card:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--theme-primary);
}
.domain-spotlight {
    background: rgba(var(--theme-primary-rgb), 0.05);
    border-color: var(--theme-primary);
}
.domain-spotlight .domain-name {
    color: var(--theme-primary);
    font-size: 1.3rem;
}
.domain-price-display .current-price {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--theme-heading);
}
.domain-price-display .renews-at {
    font-size: 0.8rem;
    color: var(--theme-muted);
}
.tld-suggestions {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.tld-suggestions .tld-badge {
    display: inline-block;
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
    border-radius: var(--border-radius);
    background-color: var(--theme-light-bg);
    border: 1px solid var(--theme-border);
}

.stepper-content {
    display: contents!important;
}

.price-display.my-4.text-center {
    display: contents!important;
}

