/* ============================================================
   xHosting WHMCS - Client Area Home Custom Styles
   ============================================================ */

/* ----------------------------------------------------------
   1. Promosyon Banner
   ---------------------------------------------------------- */
.ca-promo-banner {
    background: linear-gradient(135deg, #0b1d4a 0%, #122060 60%, #0e1a3d 100%);
    border-radius: 14px;
    padding: 18px 28px;
    overflow: hidden;
    position: relative;
}

.ca-promo-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.ca-promo-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 90px;
}

.ca-promo-ai-logo {
    background: linear-gradient(135deg, #3795FC, #6F56DA);
    border-radius: 10px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ca-ai-icon {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

.ca-ai-icon sup {
    font-size: 8px;
    vertical-align: super;
}

.ca-promo-brand-text {
    color: #9eb5db;
    font-size: 11px;
    white-space: nowrap;
}

.ca-promo-title-wrap {
    min-width: 120px;
}

.ca-promo-title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.ca-promo-title strong {
    font-weight: 800;
    font-size: 26px;
}

.ca-promo-visual {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.ca-promo-mockup-card {
    background: rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 8px 10px;
    width: 100px;
    border: 1px solid rgba(255,255,255,0.12);
}

.ca-mockup-header {
    display: flex;
    gap: 4px;
    margin-bottom: 6px;
}

.ca-mockup-header span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,0.3);
}

.ca-mockup-line {
    height: 5px;
    border-radius: 3px;
    background: rgba(255,255,255,0.2);
    margin-bottom: 5px;
}

.ca-ml-wide { width: 90%; }
.ca-ml-med  { width: 70%; }
.ca-ml-short { width: 50%; }

.ca-promo-ai-badge {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 20px;
    padding: 6px 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.ca-promo-price-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
}

.ca-promo-old-price {
    color: #9eb5db;
    font-size: 13px;
    text-decoration: line-through;
}

.ca-promo-new-price {
    color: #fff;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}

.ca-promo-new-price span {
    font-size: 16px;
    font-weight: 400;
}

.ca-promo-cta-wrap {
    margin-left: 16px;
}

.ca-promo-btn {
    display: inline-block;
    background: #F7941D;
    color: #fff !important;
    padding: 12px 22px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.2s;
}

.ca-promo-btn:hover {
    background: #e07f0a;
}

/* ----------------------------------------------------------
   2. Genel Kart Stilleri
   ---------------------------------------------------------- */
.ca-card {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 14px;
    padding: 22px 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
}

/* Bootstrap h-100 ile kullanıldığında tam yükseklik */
.h-100.ca-card {
    height: 100%;
}

/* ----------------------------------------------------------
   3. Servis Kartları (Alan Adı, Hosting, SSL, E-Posta vb.)
   ---------------------------------------------------------- */
.ca-service-card {
    min-height: 200px;
}

.ca-card-top-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 14px;
}

.ca-card-icon-wrap svg {
    display: block;
}

.ca-card-stat-badge {
    background: #F7941D;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    border-radius: 10px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ca-card-icon-center {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.ca-card-title {
    font-size: 17px;
    font-weight: 700;
    color: #131415;
    margin: 0 0 8px 0;
}

.ca-card-desc {
    font-size: 13.5px;
    color: #6c757d;
    line-height: 1.55;
    flex: 1;
    margin-bottom: 16px;
}

/* Yönet Butonu */
.ca-btn-manage {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1.5px solid #212529;
    border-radius: 8px;
    padding: 8px 18px;
    color: #212529 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s;
    margin-top: auto;
}

.ca-btn-manage:hover {
    background: #212529;
    color: #fff !important;
}

/* Satın Al Butonu */
.ca-btn-buy {
    display: block;
    background: #F7941D;
    color: #fff !important;
    text-align: center;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background 0.2s;
    margin-top: auto;
}

.ca-btn-buy:hover {
    background: #e07f0a;
}

/* ----------------------------------------------------------
   4. Öne Çıkan Kart (Sunucu Kiralama - Mavi Çerçeve)
   ---------------------------------------------------------- */
.ca-card-featured {
    border: 2px solid #1a56db;
    box-shadow: 0 4px 20px rgba(26,86,219,0.12);
}

/* ----------------------------------------------------------
   5. Yapay Zeka Etiketi
   ---------------------------------------------------------- */
.ca-card-ai-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: transparent;
    color: #6F56DA;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.ca-card-ai-tag svg {
    color: #F7941D;
    flex-shrink: 0;
}

.ca-card-ai-tag span {
    color: #F7941D;
    font-weight: 700;
}

/* ----------------------------------------------------------
   6. Hesap Özeti Kartı
   ---------------------------------------------------------- */
.ca-summary-card {
    padding: 20px;
}

.ca-summary-title {
    font-size: 16px;
    font-weight: 700;
    color: #131415;
    margin: 0 0 6px 0;
}

.ca-summary-desc {
    font-size: 13px;
    color: #1a56db;
    line-height: 1.5;
    margin-bottom: 14px;
}

.ca-summary-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 0;
    border-bottom: 1px solid #f0f2f6;
}

.ca-summary-item--last {
    border-bottom: none;
}

.ca-summary-label {
    font-size: 11px;
    color: #131415;
    font-weight: 600;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ca-summary-badge {
    border-radius: 8px;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
}

.ca-badge-danger {
    background: #ff0202;
    color: #ffffff;
    border: 1px solid #ecd9ff;
}

.ca-badge-warning {
    background: #8a56bf;
    color: #ffffff;
    border: 1px solid #ecd9ff;
}

/* ----------------------------------------------------------
   7. Hızlı Erişim Kartı
   ---------------------------------------------------------- */
.ca-quick-card {
    border: 2px solid #F7941D;
    padding: 20px;
}

.ca-quick-title {
    font-size: 16px;
    font-weight: 700;
    color: #131415;
    margin: 0 0 6px 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ca-quick-desc {
    font-size: 13px;
    color: #6c757d;
    line-height: 1.5;
    margin-bottom: 14px;
}

.ca-quick-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ca-quick-links li {
    border-bottom: 1px solid #f0f2f6;
}

.ca-quick-links li:last-child {
    border-bottom: none;
}

.ca-quick-links li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 4px;
    color: #404248 !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    transition: color 0.2s;
}

.ca-quick-links li a:hover {
    color: #F7941D !important;
}

.ca-quick-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #f4f6fa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #6c757d;
    flex-shrink: 0;
    transition: background 0.2s, color 0.2s;
}

.ca-quick-links li a:hover .ca-quick-icon {
    background: #fff7e6;
    color: #F7941D;
}

/* ----------------------------------------------------------
   8. Servis Tablosu (clientareaproducts)
   ---------------------------------------------------------- */

/* Tablo sarıcı kart */
.ca-table-card {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 14px;
    padding: 24px 24px 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}

/* DataTables üst çubuk: başlık (sol) + kontroller (sağ) */
.ca-dt-top-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 0 18px 0;
    border-bottom: 1px solid #f0f2f6;
    margin-bottom: 8px;
}

.ca-dt-title {
    font-size: 18px;
    font-weight: 700;
    color: #131415;
    margin: 0;
    flex-shrink: 0;
}

.ca-dt-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto; /* saÄŸa yasla */
    flex-shrink: 1;
    min-width: 0;
}

/* DataTables length label içindeki metin düğümlerini gizle,
   sadece select görünsün */
.ca-dt-controls .dataTables_length label,
.ca-dt-top-bar .dataTables_length label {
    font-size: 0; /* label metnini gizle */
}

.ca-dt-controls .dataTables_length select,
.ca-dt-top-bar .dataTables_length select {
    font-size: 13.5px; /* select fontunu geri getir */
}

.ca-dt-controls .dataTables_filter label,
.ca-dt-top-bar .dataTables_filter label {
    display: block;
    margin: 0;
    font-size: 0; /* "Search:" label metnini gizle */
}

.ca-dt-controls .dataTables_filter input,
.ca-dt-top-bar .dataTables_filter input {
    display: block;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 7px 14px;
    font-size: 13.5px;
    color: #404248;
    background: #f8fafc;
    outline: none;
    width: 160px;
    max-width: 100%;
    margin: 0;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.ca-dt-controls .dataTables_filter input:focus,
.ca-dt-top-bar .dataTables_filter input:focus {
    border-color: #3795FC;
    box-shadow: 0 0 0 3px rgba(55,149,252,0.1);
    background: #fff;
}

.ca-dt-controls .dataTables_filter input::placeholder,
.ca-dt-top-bar .dataTables_filter input::placeholder {
    color: #b1b5bf;
}

.ca-dt-controls .dataTables_length label,
.ca-dt-top-bar .dataTables_length label {
    display: block;
    margin: 0;
}

.ca-dt-controls .dataTables_length select,
.ca-dt-top-bar .dataTables_length select {
    display: block;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 7px 28px 7px 12px;
    font-size: 13.5px;
    color: #404248;
    background: #f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23404248' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

/* DataTables alt çubuk: info + sayfalama */
.ca-dt-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0 0 0;
    flex-wrap: wrap;
    gap: 10px;
}

.ca-dt-bottom-bar .dataTables_info {
    font-size: 13.5px;
    color: #6c757d;
}

.ca-dt-bottom-bar .dataTables_paginate {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
    max-width: 100%;
}

.ca-dt-bottom-bar .dataTables_paginate .paginate_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 13px;
    color: #374151 !important;
    background: #fff;
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.ca-dt-bottom-bar .dataTables_paginate .paginate_button:hover {
    background: #f0f4f8;
    border-color: #cbd5e1;
}

.ca-dt-bottom-bar .dataTables_paginate .paginate_button.current,
.ca-dt-bottom-bar .dataTables_paginate .paginate_button.current:hover {
    background: #fff !important;
    border-color: #0ea5e9 !important;
    color: #0ea5e9 !important;
    font-weight: 700;
}

.ca-dt-bottom-bar .dataTables_paginate .paginate_button.disabled,
.ca-dt-bottom-bar .dataTables_paginate .paginate_button.disabled:hover {
    opacity: 0.5;
    cursor: not-allowed;
    background: #fff;
    color: #cbd5e1 !important;
}

/* Servis Tablosu */
.ca-services-table {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0;
}

.ca-services-table thead tr th {
    font-size: 13px;
    font-weight: 600;
    color: #1a56db;
    border-bottom: 2px solid #eef2f6;
    padding: 10px 14px;
    background: #fff;
    white-space: nowrap;
}

.ca-services-table thead tr th:first-child {
    width: 40px;
}

.ca-services-table tbody tr {
    cursor: pointer;
    transition: background 0.15s;
}

.ca-services-table tbody tr:hover {
    background: #f8fafc;
}

.ca-services-table tbody tr td {
    padding: 14px;
    font-size: 14px;
    color: #404248;
    border-bottom: 1px solid #f0f2f6;
    vertical-align: middle;
}

.ca-services-table tbody tr:last-child td {
    border-bottom: none;
}

/* Checkbox kolonu */
.ca-td-check {
    width: 40px;
    text-align: center;
}

.ca-td-check input[type="checkbox"],
.ca-check-all {
    width: 16px;
    height: 16px;
    accent-color: #1a56db;
    cursor: pointer;
}

/* Ürün adı ve domain */
.ca-product-name {
    font-size: 14.5px;
    font-weight: 600;
    color: #1a56db;
}

.ca-product-domain {
    font-size: 12.5px;
    color: #6c757d;
    text-decoration: none !important;
}

.ca-product-domain:hover {
    color: #1a56db;
}

/* Kalan Gün badge */
.ca-days-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.ca-days-warning {
    background: #d1fae5;
    color: #065f46;
}

.ca-days-ok {
    background: #bbf7d0;
    color: #14532d;
}

.ca-days-good {
    background: #ecfdf5;
    color: #166534;
}

/* Durum badge */
.ca-status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12.5px;
    font-weight: 600;
}

.ca-status-active {
    background: #d1fae5;
    color: #065f46;
}

.ca-status-suspended {
    background: #fee2e2;
    color: #991b1b;
}

.ca-status-cancelled,
.ca-status-terminated {
    background: #f3f4f6;
    color: #6b7280;
}

.ca-status-pending {
    background: #fef3c7;
    color: #92400e;
}

/* Aksiyon butonları */
.ca-td-actions {
    text-align: right;
    white-space: nowrap;
    min-width: 160px;
}

.ca-btn-renew {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1.5px solid #F7941D;
    border-radius: 8px;
    padding: 6px 14px;
    color: #F7941D !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    background: #fff;
    transition: background 0.2s, color 0.2s;
    margin-right: 6px;
}

.ca-btn-renew:hover {
    background: #F7941D;
    color: #fff !important;
}

.ca-btn-manage-service {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1a56db;
    color: #fff !important;
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s;
}

.ca-btn-manage-service:hover {
    background: #1447c0;
}

/* DataTables sort ikon renkleri */
.ca-services-table thead .sorting:after,
.ca-services-table thead .sorting_asc:after,
.ca-services-table thead .sorting_desc:after {
    color: #1a56db;
}

/* ----------------------------------------------------------
   9. Alan Adları Sayfası (clientareadomains)
   ---------------------------------------------------------- */

/* Domain Promosyon Banner */
.ca-domain-banner {
    background: linear-gradient(135deg, #c0111f 0%, #e8111f 50%, #b00a16 100%);
    border-radius: 14px;
    padding: 18px 28px;
    position: relative;
    overflow: hidden;
}

.ca-domain-banner::before {
    content: '';
    position: absolute;
    right: -40px;
    top: -40px;
    width: 200px;
    height: 200px;
    background: rgba(255,255,255,0.06);
    border-radius: 50%;
}

.ca-domain-banner-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.ca-domain-banner-flag {
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ca-flag-star {
    color: #fff;
    font-size: 22px;
    line-height: 1;
}

.ca-domain-banner-tld {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -1px;
    flex-shrink: 0;
}

.ca-domain-banner-badges {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ca-domain-badge-free {
    background: #fff;
    color: #c0111f;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 10px;
    border-radius: 8px;
    text-align: center;
    line-height: 1.3;
}

.ca-domain-badge-discount {
    background: #F7941D;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    padding: 6px 12px;
    border-radius: 8px;
    text-align: center;
    line-height: 1.1;
}

.ca-domain-badge-discount small {
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.ca-domain-banner-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
}

.ca-domain-old-price {
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    text-decoration: line-through;
}

.ca-domain-new-price {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
}

.ca-domain-new-price span {
    font-size: 15px;
    font-weight: 400;
}

.ca-domain-banner-cta {
    margin-left: 16px;
}

.ca-domain-btn {
    display: inline-block;
    background: #F7941D;
    color: #fff !important;
    padding: 12px 22px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.2s;
}

.ca-domain-btn:hover {
    background: #e07f0a;
}

/* Domain sayfası üst çubuğu: sütun düzeni (başlık+kontroller üstte, bulk butonlar altta) */
.ca-dt-top-domains {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

/* Başlık + kontroller satırı */
.ca-dt-top-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ca-dt-top-header .ca-dt-title {
    flex: 1 1 auto;
    min-width: 0;
}

.ca-dt-top-header .ca-dt-controls {
    margin-left: 0;
    flex-shrink: 0;
}

/* Bulk Aksiyon Butonları */
.ca-bulk-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.ca-bulk-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 7px 14px;
    background: #fff;
    color: #404248 !important;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
    white-space: nowrap;
}

.ca-bulk-btn:hover,
.ca-bulk-btn--more:hover {
    border-color: #1a56db;
    color: #1a56db !important;
    background: #f0f5ff;
}

.ca-bulk-dropdown {
    position: relative;
}

.ca-bulk-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    min-width: 200px;
    z-index: 100;
    padding: 6px;
}

.ca-bulk-dropdown-menu--open {
    display: block;
}

.ca-bulk-dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: transparent;
    color: #404248;
    font-size: 13px;
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s;
    text-align: left;
}

.ca-bulk-dropdown-item:hover {
    background: #f4f6fa;
    color: #1a56db;
}

/* Süresi Geçmiş satır arka planı */
.ca-row-expired td {
    background: #fff8f8;
}

.ca-row-expired:hover td {
    background: #fff0f0 !important;
}

/* Süresi Geçmiş gün badge */
.ca-days-expired {
    background: #fee2e2;
    color: #991b1b;
}

/* Süresi Geçmiş durum badge */
.ca-status-expired {
    background: #fee2e2;
    color: #991b1b;
}

/* Domain link */
.ca-domain-link {
    font-size: 14px;
    font-weight: 600;
    color: #1a56db !important;
    text-decoration: none !important;
}

.ca-domain-link:hover {
    text-decoration: underline !important;
}

/* ----------------------------------------------------------
   10. Sol Kenar Çubuğu (sidebar) Yeniden Tasarım
   ---------------------------------------------------------- */
.card-sidebar,
.card-sidebar.panel-default,
.card-sidebar.panel-actions {
    border: 1px solid #d1d5db !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* panel-default / panel-actions Bootstrap override */
.card-sidebar.panel-default,
.card-sidebar.panel-actions {
    background: #fff !important;
    margin-bottom: 12px !important;
}
.card-sidebar.panel-actions .collapsable-card-body {
    display: block !important;
}

.card-sidebar .card-header {
    background: #fff !important;
    border-bottom: 1px solid #f0f2f6 !important;
    padding: 14px 18px !important;
}

.card-sidebar .card-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #131415 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.card-sidebar .card-title .card-minimise {
    font-size: 13px;
    color: #b1b5bf;
    transition: transform 0.2s;
}

.card-sidebar .list-group-item {
    border: none !important;
    border-bottom: 1px solid #f5f7f9 !important;
    padding: 10px 18px !important;
    font-size: 13.5px !important;
    color: #404248 !important;
    transition: background 0.15s, color 0.15s !important;
}

.card-sidebar .list-group-item:last-child {
    border-bottom: none !important;
}

.card-sidebar .list-group-item:hover {
    background: #f8fafc !important;
    color: #0f172a !important;
}

.card-sidebar .list-group-item.active {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    border-left: 3px solid #94a3b8 !important;
}

.card-sidebar .sidebar-menu-item-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-sidebar .sidebar-menu-item-icon-wrapper {
    width: 28px;
    height: 28px;
    background: #f4f6fa;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.card-sidebar .list-group-item.active .sidebar-menu-item-icon-wrapper {
    background: #e2e8f0;
}

.card-sidebar .sidebar-menu-item-icon {
    font-size: 13px;
    color: #6c757d;
}

.card-sidebar .list-group-item.active .sidebar-menu-item-icon {
    color: #374151;
}

.card-sidebar .sidebar-menu-item-label {
    flex: 1;
    font-size: 13.5px;
}

.card-sidebar .sidebar-menu-item-badge .badge {
    background: #e2e8f0;
    color: #475569;
    border-radius: 6px;
    font-size: 11px;
    padding: 3px 7px;
}

.card-sidebar .badge {
    background: #eef2f6;
    color: #6c757d;
    border-radius: 6px;
    font-size: 11px;
    padding: 3px 7px;
}

/* ----------------------------------------------------------
   10b. Header Üst Çubuğu & Sidebar Gizlemeler
   ---------------------------------------------------------- */
.tg-header__top {
    display: none !important;
}

div[menuItemName="Client Contacts"],
div[menuItemName="Client Details"],
div[menuitemname="Client Contacts"],
div[menuitemname="Client Details"] {
    display: none !important;
}

/* ----------------------------------------------------------
   11. Sidebar Promosyon Kartı
   ---------------------------------------------------------- */
.ca-sidebar-promo {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 22px 18px;
    padding: 22px 18px;
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
}
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    width: 110px;
    height: 110px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
}

.ca-sp-badge {
    display: inline-block;

    background: #e2e8f0;
    color: #475569;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 10px;
    letter-spacing: 0.3px;
}

.ca-sp-title {
    color: #0f172a;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.ca-sp-desc {
    font-size: 12px;
    color: #64748b;
    line-height: 1.55;
    margin-bottom: 14px;
}

.ca-sp-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 14px;
}

.ca-sp-old {

    color: #94a3b8;
    text-decoration: line-through;
}

.ca-sp-new {

    color: #0f172a;
    font-weight: 800;
    line-height: 1;
}

.ca-sp-new span {
    font-size: 13px;
    font-weight: 400;
}

.ca-sp-btn {
    display: block;
    background: #f8fafc;
    color: #374151 !important;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background 0.2s;
    position: relative;
    z-index: 1;
}

.ca-sp-btn:hover {
    background: #f1f5f9;
    color: #0f172a !important;
}

   12. Özellikler Şeridi (Features Strip)
   ---------------------------------------------------------- */
.ca-features-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 14px;
    padding: 20px 28px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    gap: 16px;
    flex-wrap: wrap;
}

.ca-feature-item {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1 1 180px;
}

.ca-feature-icon {
    width: 44px;
    height: 44px;
    background: #eef2f6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #1a56db;
    color: #64748b;
}

.ca-fi-green  { background: #ecfdf5; color: #059669; }
.ca-fi-orange { background: #fff7e6; color: #F7941D; }
.ca-fi-orange { background: #f1f5f9; color: #64748b; }

.ca-feature-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ca-feature-text strong {
    font-size: 14px;
    font-weight: 700;
    color: #131415;
}

.ca-feature-text span {
    font-size: 12.5px;
    color: #6c757d;
}

/* ----------------------------------------------------------
   14. Destek Talebi Listesi (supporttickets.php)
   ---------------------------------------------------------- */

/* Üst bar: tickets sayfasına özel kolon düzeni */
.ca-dt-top-tickets {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

/* Başlık ikonu */
.ca-dt-title-icon {
    color: #0ea5e9;
    margin-right: 4px;
}

/* Kontroller: length solda, arama saÄŸda */
.ca-dt-controls-spread {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
}

/* Filtre + Yeni Talep Butonu alanı */
.ca-ticket-actions-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: auto;
    flex-shrink: 0;
}

.ca-ticket-filters {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Checkbox filtre butonları */
.ca-filter-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #9ca3af;
    cursor: pointer;
    padding: 0;
    text-decoration: none !important;
    transition: color 0.15s;
    white-space: nowrap;
}

.ca-filter-check:hover {
    color: #6c757d;
    text-decoration: none !important;
}

/* Varsayılan: boş kare göster, dolu kareyi gizle */
.ca-filter-check .fa-check-square { display: none; }
.ca-filter-check .fa-square        { display: inline-block; color: #d1d5db; font-size: 18px; }

/* Aktif: dolu kareyi göster, boş kareyi gizle */
.ca-filter-check.active .fa-check-square { display: inline-block; color: #0ea5e9; font-size: 18px; }
.ca-filter-check.active .fa-square        { display: none; }
.ca-filter-check.active { color: #131415; }

/* Yeni Talep Butonu (yeÅŸil) */
.ca-ticket-new-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #059669;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: background 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.ca-ticket-new-btn:hover {
    background: #047857;
}

/* Tablo başlık ikonları */
.ca-th-icon {
    color: #0ea5e9;
    margin-right: 3px;
    font-size: 11px;
}

/* Tablo hücreleri */
.ca-ticket-id {
    font-size: 13px;
    font-weight: 700;
    color: #131415;
    font-family: 'Courier New', monospace;
}

.ca-ticket-time {
    font-size: 12.5px;
    color: #6c757d;
    white-space: nowrap;
}

.ca-ticket-subject {
    font-size: 13px;
    font-weight: 600;
    color: #131415;
    text-decoration: none !important;
}

.ca-ticket-subject:hover {
    color: #1a56db;
}

.ca-ticket-unread {
    color: #1a56db !important;
}

.ca-ticket-unread::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1a56db;
    margin-right: 7px;
    vertical-align: middle;
    margin-top: -2px;
}

.ca-ticket-dept {
    font-size: 12.5px;
    color: #6c757d;
}

.ca-ticket-replier {
    font-size: 12.5px;
    color: #374151;
    font-weight: 500;
}

/* Durum etiketleri (renkli metin, arka plansız) */
.ca-ticket-status {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.ca-ticket-status-open {
    color: #059669;
}

.ca-ticket-status-answered {
    color: #e98305;
}

.ca-ticket-status-customer-reply {
    color: #d97706;
}

.ca-ticket-status-on-hold {
    color: #6c757d;
}

.ca-ticket-status-in-progress {
    color: #4361ee;
}

.ca-ticket-status-closed {
    color: #9ca3af;
}

/* Görüntüle butonu (teal) */
.ca-btn-view-ticket {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #28a745;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 6px;
    text-decoration: none !important;
    transition: background 0.2s;
    white-space: nowrap;
}

.ca-btn-view-ticket:hover {
    background: #0284c7;
}

/* ── DataTables: Kontroller (length + search) ─────────────── */
.ca-dt-controls-spread .dataTables_length,
.ca-dt-controls-spread .dataTables_filter {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.ca-dt-controls-spread .dataTables_length label,
.ca-dt-controls-spread .dataTables_filter label {
    display: flex !important;
    align-items: center;
    gap: 6px;
    font-size: 13px !important; /* Eski font-size:0 override */
    color: #6c757d;
    font-weight: 400;
    white-space: nowrap;
    margin: 0;
}

.ca-dt-controls-spread .dataTables_length select {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 5px 28px 5px 10px;
    font-size: 13px !important;
    color: #131415;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236c757d'/%3E%3C/svg%3E") right 10px center / 10px 6px no-repeat;
    cursor: pointer;
    outline: none;
    transition: border-color 0.15s;
    min-width: 60px;
}

.ca-dt-controls-spread .dataTables_length select:focus {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14,165,233,0.12);
}

.ca-dt-controls-spread .dataTables_filter input {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 13px;
    color: #131415;
    background: #fff;
    outline: none;
    width: 190px;
    transition: border-color 0.15s;
}

.ca-dt-controls-spread .dataTables_filter input:focus {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14,165,233,0.12);
}

/* ── Tablo: #tableTicketsList ─────────────────────────────── */
#tableTicketsList {
    border-collapse: collapse;
    width: 100%;
    border: none;
}

#tableTicketsList thead tr th {
    background: #f8fafc;
    color: #6c757d;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 14px;
    border-top: 1px solid #eef2f6;
    border-bottom: 2px solid #e2e8f0;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
    vertical-align: middle;
}

#tableTicketsList tbody tr {
    border-bottom: 1px solid #f0f4f8;
    transition: background 0.12s;
    cursor: pointer;
}

#tableTicketsList tbody tr:hover {
    background: #f8fafc;
}

#tableTicketsList tbody td {
    padding: 12px 14px;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #f0f4f8;
}

/* DataTables sort ikon renkleri */
#tableTicketsList thead th.sorting,
#tableTicketsList thead th.sorting_asc,
#tableTicketsList thead th.sorting_desc {
    padding-right: 28px;
}

/* ── Alt çubuk: info + pagination ────────────────────────── */
.ca-dt-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0 2px;
    flex-wrap: wrap;
    gap: 8px;
}

.ca-dt-bottom-bar .dataTables_info {
    font-size: 13px;
    color: #6c757d;
    padding: 0;
}

.ca-dt-bottom-bar .dataTables_paginate {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
    padding: 0;
    max-width: 100%;
    overflow: hidden;
}

/* Bootstrap pagination sıfırlama — DataTables wrapper içinde */
.ca-dt-bottom-bar .dataTables_paginate .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ca-dt-bottom-bar .dataTables_paginate .pagination .page-item {
    margin: 0;
}

.ca-dt-bottom-bar .dataTables_paginate .pagination .page-item .page-link,
.ca-dt-bottom-bar .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 8px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: background 0.15s, border-color 0.15s !important;
    text-decoration: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.ca-dt-bottom-bar .dataTables_paginate .pagination .page-item .page-link:hover,
.ca-dt-bottom-bar .dataTables_paginate .paginate_button:hover {
    background: #f0f4f8 !important;
    border-color: #cbd5e1 !important;
    color: #374151 !important;
}

.ca-dt-bottom-bar .dataTables_paginate .pagination .page-item.active .page-link,
.ca-dt-bottom-bar .dataTables_paginate .paginate_button.current,
.ca-dt-bottom-bar .dataTables_paginate .paginate_button.current:hover {
    background: #fff !important;
    border-color: #0ea5e9 !important;
    color: #0ea5e9 !important;
    font-weight: 700 !important;
}

.ca-dt-bottom-bar .dataTables_paginate .pagination .page-item.disabled .page-link,
.ca-dt-bottom-bar .dataTables_paginate .paginate_button.disabled,
.ca-dt-bottom-bar .dataTables_paginate .paginate_button.disabled:hover {
    color: #cbd5e1 !important;
    background: #fff !important;
    border-color: #e2e8f0 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

/* ── Başlık satırı hizalaması ─────────────────────────────── */
.ca-dt-top-tickets .ca-dt-top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eef2f6;
}

.ca-dt-top-tickets .ca-dt-title {
    font-size: 14px;
    font-weight: 800;
    color: #131415;
    letter-spacing: 0.3px;
    margin: 0;
    white-space: nowrap;
}

.ca-dt-top-tickets .ca-dt-controls-spread {
    padding-top: 12px;
}

/* ----------------------------------------------------------
   15. Talep Görüntüle (viewticket.php)
   ---------------------------------------------------------- */

/* Başlık Kartı */
.ca-vt-header-card {
    margin-bottom: 20px;
}

.ca-vt-subject-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 4px 0;
}

.ca-vt-title-group {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
}

.ca-vt-tid-badge {
    display: inline-block;
    background: #f1f5f9;
    color: #64748b;
    font-size: 11.5px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 6px;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
    flex-shrink: 0;
    border: 1px solid #e2e8f0;
}

.ca-vt-title {
    font-size: 17px;
    font-weight: 700;
    color: #131415;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ca-vt-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.ca-vt-btn-outline,
.ca-vt-btn-teal,
.ca-vt-btn-green,
.ca-vt-btn-danger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}

.ca-vt-btn-outline {
    background: #f4f6fa;
    color: #131415 !important;
    border: 1px solid #e2e8f0;
}

.ca-vt-btn-outline:hover {
    background: #e9ecf3;
    color: #131415 !important;
}

.ca-vt-btn-teal {
    background: #0ea5e9;
    color: #fff !important;
}

.ca-vt-btn-teal:hover {
    background: #0284c7;
    color: #fff !important;
    text-decoration: none !important;
}

.ca-vt-btn-green {
    background: #10b981;
    color: #fff !important;
}

.ca-vt-btn-green:hover {
    background: #059669;
    color: #fff !important;
}

.ca-vt-btn-danger {
    background: #fee2e2;
    color: #dc2626 !important;
}

.ca-vt-btn-danger:hover {
    background: #fecaca;
}

.ca-vt-btn-danger[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Mesaj Blokları */
.ca-vt-message {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: none;
}

.ca-vt-msg-staff {
    box-shadow: none;
}

/* Sol Avatar Sidebar */
.ca-vt-msg-sidebar {
    width: 175px;
    min-width: 175px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px 20px;
    background: #fff;
    border-right: 1px solid #e8eef4;
    gap: 5px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

.ca-vt-msg-staff .ca-vt-msg-sidebar {
    background: #fff;
    border-right-color: #dde8f4;
}

.ca-vt-avatar {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: #1e3a5f;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
    box-shadow: 0 4px 14px rgba(30,58,95,0.18);
}

.ca-vt-avatar-staff {
    background: #c2410c;
    box-shadow: 0 4px 14px rgba(124,58,237,0.25);
}

.ca-vt-avatar-client {
    background: #0ea5e9;
    box-shadow: 0 4px 14px rgba(14,165,233,0.25);
}

.ca-vt-avatar-img {
    padding: 0;
    overflow: hidden;
}

.ca-vt-avatar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ca-vt-user-name {
    font-size: 13px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #1e293b;
    word-break: break-word;
    line-height: 1.35;
}

.ca-vt-user-email {
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    color: #94a3b8;
    word-break: break-all;
    line-height: 1.3;
}

.ca-vt-role-badge {
    display: block;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #64748b;
    background: none;
    padding: 0;
    border-radius: 0;
    text-transform: none;
    letter-spacing: 0;
}

.ca-vt-role-admin,
.ca-vt-role-staff,
.ca-vt-role-client {
    background: none;
    color: #64748b;
}

.ca-vt-rating {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 0px solid #e8eef4;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.ca-vt-rate-label {
    font-size: 11px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #94a3b8;
}

/* Sağ İçerik Alanı */
.ca-vt-msg-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
}

.ca-vt-msg-staff .ca-vt-msg-content {
    background: #eaf2fb;
}

.ca-vt-msg-header {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 9px 20px;
    background: transparent;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.ca-vt-msg-staff .ca-vt-msg-header {
    border-bottom-color: rgba(14,116,164,0.10);
}

.ca-vt-timestamp-label {
    font-size: 12.5px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #334155;
}

.ca-vt-timestamp {
    font-size: 12.5px;
    font-family: 'Poppins', sans-serif;
    color: #64748b;
}

.ca-vt-msg-body {
    padding: 16px 20px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #374151;
    line-height: 1.7;
    flex: 1;
}

/* Ä°mza */
.ca-vt-signature {
    padding: 0 20px 16px;
}

.ca-vt-sig-line {
    border-top: 1px dashed #c7d2e2;
    margin-bottom: 12px;
}

.ca-vt-sig-body {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ca-vt-sig-avatar {
    height: 36px;
    width: auto;
    max-width: 120px;
    border-radius: 0;
    border: none;
    flex-shrink: 0;
    object-fit: contain;
    display: block;
    order: 2;
    margin-left: auto;
}

.ca-vt-sig-info {
    display: flex;
    flex-direction: column;
    gap: 1px;
    text-align: left;
    order: 1;
}

.ca-vt-sig-name {
    font-size: 12.5px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #1e293b;
}

.ca-vt-sig-role {
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    color: #64748b;
}

.ca-vt-msg-body p:last-child {
    margin-bottom: 0;
}

/* Bildirim kapat butonu — sadece X göster */
.card-footer.clearfix .btn.btn-danger.btn-sm.btn-block {
    font-size: 0 !important;
    padding: 5px 10px;
    width: auto;
    display: inline-block;
    float: right;
}
.card-footer.clearfix .btn.btn-danger.btn-sm.btn-block::before {
    content: '\00D7';
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.ca-vt-attachments {
    padding: 10px 20px 14px;
    border-top: 1px solid rgba(0,0,0,0.06);
}

.ca-vt-attachments strong {
    font-size: 12px;
    color: #6c757d;
    display: block;
    margin-bottom: 6px;
}

.ca-attachment-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ca-attachment-list li a,
.ca-attachment-list li span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    background: #f4f6fa;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 4px 10px;
    color: #374151;
    text-decoration: none !important;
    transition: background 0.15s;
}

.ca-attachment-list li a:hover {
    background: #e9ecf3;
    color: #1a56db;
}

/* Yanıt Formu */
.ca-vt-reply-header {
    padding: 18px 24px 0;
    border-bottom: 1px solid #eef2f6;
    margin-bottom: 20px;
}

.ca-vt-reply-title {
    font-size: 16px;
    font-weight: 700;
    color: #131415;
    margin: 0 0 14px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ca-vt-reply-title i {
    color: #1a56db;
}

.ca-vt-submit-btn {
    display: inline-flex;
    align-items: center;
    background: #1a56db;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 28px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
}

.ca-vt-submit-btn:hover {
    background: #1648c0;
    color: #fff;
}

/* ----------------------------------------------------------
   16. Submit Ticket & View Ticket Reply Form
   ---------------------------------------------------------- */

/* Base card */
.ca-st-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e8eef4;
    overflow: hidden;
    margin-bottom: 20px;
}

/* Page header (step one) */
.ca-st-page-header {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px 24px 0;
    margin-bottom: 20px;
}
.ca-st-page-header-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: linear-gradient(135deg, #0ea5e9 0%, #1e5fc2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    flex-shrink: 0;
}
.ca-st-icon-sm {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-size: 16px;
}
.ca-st-page-title {
    font-size: 18px;
    font-weight: 700;
    color: #1a2332;
    margin: 0 0 4px;
}
.ca-st-page-subtitle {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}

/* Form header (step two / reply) */
.ca-st-form-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
    border-bottom: 1px solid #eef2f6;
    background: #f8fafc;
}
.ca-st-form-header-text {
    flex: 1;
    min-width: 0;
}
.ca-st-form-header-text .ca-st-page-title {
    font-size: 16px;
    margin: 0;
}
.ca-st-form-header-actions {
    margin-left: auto;
    flex-shrink: 0;
}

/* Form sections */
.ca-st-section {
    padding: 18px 24px;
    border-bottom: 1px solid #eef2f6;
}
.ca-st-section:last-of-type {
    border-bottom: none;
}
.ca-st-section-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #6b7280;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.ca-st-section-label .ca-th-icon {
    color: #0ea5e9;
    font-size: 13px;
}

/* Submit row */
.ca-st-submit-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 24px;
    border-top: 1px solid #eef2f6;
    background: #f8fafc;
}

/* Captcha */
.ca-st-captcha {
    padding: 0 24px 18px;
}

/* Department grid (step one) */
.ca-dept-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 24px 24px;
}
.ca-dept-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 18px;
    border: 1px solid #e8eef4;
    border-radius: 10px;
    background: #fff;
    text-decoration: none;
    color: #1a2332;
    margin-bottom: 10px;
    transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
}
.ca-dept-card:last-child {
    margin-bottom: 0;
}
.ca-dept-card:hover {
    border-color: #0ea5e9;
    background: #f0f9ff;
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.1);
    text-decoration: none;
    color: #1a2332;
}
.ca-dept-card-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0ea5e9;
    font-size: 18px;
    flex-shrink: 0;
    transition: background 0.18s;
}
.ca-dept-card:hover .ca-dept-card-icon {
    background: linear-gradient(135deg, #0ea5e9 0%, #1e5fc2 100%);
    color: #fff;
}
.ca-dept-card-body {
    flex: 1;
    min-width: 0;
}
.ca-dept-card-name {
    font-size: 14px;
    font-weight: 600;
    color: #1a2332;
    margin-bottom: 2px;
}
.ca-dept-card-desc {
    font-size: 12px;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ca-dept-card-arrow {
    color: #9ca3af;
    font-size: 13px;
    flex-shrink: 0;
    transition: color 0.18s, transform 0.18s;
}
.ca-dept-card:hover .ca-dept-card-arrow {
    color: #0ea5e9;
    transform: translateX(3px);
}

/* Success state (confirm) */
.ca-st-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 48px 32px;
}
.ca-st-success-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
}
.ca-st-success-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a2332;
    margin: 0 0 10px;
}
.ca-st-success-tid {
    margin: 0 0 10px;
}
.ca-st-tid-link {
    font-size: 20px;
    font-weight: 700;
    color: #0ea5e9;
    text-decoration: none;
    background: #e0f2fe;
    padding: 4px 16px;
    border-radius: 20px;
    display: inline-block;
}
.ca-st-tid-link:hover {
    color: #1e5fc2;
    text-decoration: none;
}
.ca-st-success-desc {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 24px;
    max-width: 400px;
}

/* KB suggestions */
.ca-st-kb-section {
    padding: 18px 24px;
    border-top: 1px solid #eef2f6;
    background: #f8fafc;
    border-radius: 0 0 14px 14px;
}
.ca-st-kb-desc {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 12px;
}
.ca-kb-articles {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ca-kb-article-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #e8eef4;
    border-radius: 8px;
    background: #fff;
    text-decoration: none;
    color: #1a2332;
    font-size: 13px;
    transition: border-color 0.18s, background 0.18s;
}
.ca-kb-article-item:hover {
    border-color: #0ea5e9;
    background: #f0f9ff;
    text-decoration: none;
    color: #1a2332;
}
.ca-kb-article-item > .fal {
    color: #0ea5e9;
    font-size: 16px;
    flex-shrink: 0;
}
.ca-kb-article-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ca-kb-article-text strong {
    font-weight: 600;
    color: #1a2332;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ca-kb-article-text span {
    font-size: 12px;
    color: #9ca3af;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ca-kb-article-ext {
    color: #9ca3af;
    font-size: 12px;
    flex-shrink: 0;
}
.ca-kb-article-item:hover .ca-kb-article-ext {
    color: #0ea5e9;
}

/* ----------------------------------------------------------
   12. Domain Arama Sonuçları & Spotlight TLD
   ---------------------------------------------------------- */

/* ═══════════════════════════════════════════════════════════
   #searchDomainInfo — Domain Arama Sonuç Paneli
   ═══════════════════════════════════════════════════════════ */

#searchDomainInfo {
    font-family: 'Poppins', sans-serif;
    margin-top: 8px;
}

/* Ana sonuç satırı */
#searchDomainInfo .search-result,
#searchDomainInfo .domain-search-result,
#searchDomainInfo .domainSearchResult {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 10px;
    transition: border-color 0.18s, box-shadow 0.18s;
    flex-wrap: wrap;
}
#searchDomainInfo .search-result:hover,
#searchDomainInfo .domain-search-result:hover {
    border-color: #bae6fd;
    box-shadow: 0 2px 12px rgba(14,165,233,0.08);
}

/* Müsait → yeşil sol kenarlık */
#searchDomainInfo .search-result.available,
#searchDomainInfo .domain-search-result.available,
#searchDomainInfo .status-available {
    border-left: 4px solid #10b981;
}
/* Alınmış → kırmızı sol kenarlık */
#searchDomainInfo .search-result.taken,
#searchDomainInfo .domain-search-result.taken,
#searchDomainInfo .status-taken,
#searchDomainInfo .status-unavailable {
    border-left: 4px solid #f87171;
    background: #fffafa;
}

/* Domain adı */
#searchDomainInfo .domain-name,
#searchDomainInfo .search-result strong,
#searchDomainInfo .domainName {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    flex: 1;
    word-break: break-all;
}
#searchDomainInfo .domain-name .tld,
#searchDomainInfo .domainName .tld {
    color: #0ea5e9;
}

/* Durum rozeti */
#searchDomainInfo .status,
#searchDomainInfo .domain-status,
#searchDomainInfo .label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}
#searchDomainInfo .status-available .status,
#searchDomainInfo .available .label,
#searchDomainInfo .label-success {
    background: #dcfce7;
    color: #16a34a;
}
#searchDomainInfo .status-taken .status,
#searchDomainInfo .taken .label,
#searchDomainInfo .label-danger {
    background: #fee2e2;
    color: #dc2626;
}
#searchDomainInfo .status-available .status::before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
}
#searchDomainInfo .status-taken .status::before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
}

/* Fiyat */
#searchDomainInfo .price,
#searchDomainInfo .domain-price,
#searchDomainInfo .domainPrice {
    font-size: 15px;
    font-weight: 700;
    color: #0ea5e9;
    white-space: nowrap;
}
#searchDomainInfo .price-period,
#searchDomainInfo .domain-price small {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 400;
}

/* Sepet butonu */
#searchDomainInfo .btn-cart,
#searchDomainInfo .btn-success,
#searchDomainInfo .addtocart {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding: 0 18px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    border: none;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    transition: opacity 0.15s, transform 0.15s;
}
#searchDomainInfo .btn-cart:hover,
#searchDomainInfo .btn-success:hover,
#searchDomainInfo .addtocart:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}
#searchDomainInfo .btn-default,
#searchDomainInfo .btn-whois {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding: 0 14px;
    background: #f8fafc;
    color: #475569;
    border: 1.5px solid #e2e8f0;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    transition: background 0.15s;
}
#searchDomainInfo .btn-default:hover,
#searchDomainInfo .btn-whois:hover {
    background: #f1f5f9;
    color: #334155;
    text-decoration: none;
}

/* Öneri listesi (alternatif uzantılar) */
#searchDomainInfo .suggestions,
#searchDomainInfo .domain-suggestions,
#searchDomainInfo .suggestion-results {
    margin-top: 6px;
}
#searchDomainInfo .suggestions h4,
#searchDomainInfo .domain-suggestions h4,
#searchDomainInfo .suggestion-results h4 {
    font-size: 11px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 16px 0 8px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}
#searchDomainInfo .suggestions h4::before,
#searchDomainInfo .domain-suggestions h4::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 12px;
    background: #0ea5e9;
    border-radius: 2px;
}
#searchDomainInfo .suggestion-item,
#searchDomainInfo .suggestions li,
#searchDomainInfo .domain-suggestions li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 9px;
    margin-bottom: 6px;
    transition: border-color 0.15s;
    flex-wrap: wrap;
}
#searchDomainInfo .suggestion-item:hover,
#searchDomainInfo .suggestions li:hover {
    border-color: #bae6fd;
    background: #fff;
}
#searchDomainInfo .suggestions ul,
#searchDomainInfo .domain-suggestions ul {
    padding: 0;
    margin: 0;
}

/* Yükleniyor */
#searchDomainInfo .loading,
#searchDomainInfo .searching {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px;
    font-size: 13px;
    color: #64748b;
}
#searchDomainInfo .loading .fa-spin,
#searchDomainInfo .searching .fa-spin {
    color: #0ea5e9;
    font-size: 16px;
}

/* Alert / bildirim */
#searchDomainInfo .alert {
    border: none;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 12.5px;
    border-left: 3px solid;
    font-family: 'Poppins', sans-serif;
}
#searchDomainInfo .alert-success { background: #f0fdf4; color: #166534; border-color: #16a34a; }
#searchDomainInfo .alert-danger  { background: #fff5f5; color: #991b1b; border-color: #dc2626; }
#searchDomainInfo .alert-info    { background: #f0f9ff; color: #075985; border-color: #0ea5e9; }
#searchDomainInfo .alert-warning { background: #fffbeb; color: #854d0e; border-color: #d97706; }

/* Mobil */
@media (max-width: 600px) {
    #searchDomainInfo .search-result,
    #searchDomainInfo .domain-search-result {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    #searchDomainInfo .btn-cart,
    #searchDomainInfo .btn-success { width: 100%; justify-content: center; }
}

/* ═══════════════════════════════════════════════════════════
   .spotlight-tld-container — Öne Çıkan TLD Kartları
   ═══════════════════════════════════════════════════════════ */

/* Wrapper: sadece font ve margin — grid/flex yok */
.spotlight-tld-container {
    font-family: 'Poppins', sans-serif;
    margin: 16px 0;
}

/* Başlık: tam genişlik, grid'e girmeden önce */
.spotlight-tld-container > h3,
.spotlight-tld-container > h4,
.spotlight-tld-container .tld-header {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    grid-column: 1 / -1; /* grid içindeyse tüm genişliği al */
}
.spotlight-tld-container > h3::before,
.spotlight-tld-container > h4::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 13px;
    background: #0ea5e9;
    border-radius: 2px;
    flex-shrink: 0;
}

/* Bootstrap .row varsa boşlukları dengele */
.spotlight-tld-container .row {
    margin-left: -6px;
    margin-right: -6px;
}
.spotlight-tld-container .row [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 12px;
}

/* TLD kart — hem doğrudan çocuk div hem de iç sınıflar */
.spotlight-tld-container .tld-item,
.spotlight-tld-container .tld-spotlight,
.spotlight-tld-container .tld-group,
.spotlight-tld-container [class*="tld-spotlight-"] {
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px 14px 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 100%;
    /* transform YOK — kaymayı önler */
    transition: border-color 0.18s, box-shadow 0.18s;
    box-sizing: border-box;
}
.spotlight-tld-container .tld-item:hover,
.spotlight-tld-container .tld-spotlight:hover,
.spotlight-tld-container .tld-group:hover,
.spotlight-tld-container [class*="tld-spotlight-"]:hover {
    border-color: #0ea5e9;
    box-shadow: 0 4px 18px rgba(14,165,233,0.13);
    /* transform kullanılmıyor — kaymayı engeller */
}

/* Dekoratif daire — sadece iç görsel efekt */
.spotlight-tld-container .tld-item::after,
.spotlight-tld-container .tld-spotlight::after,
.spotlight-tld-container [class*="tld-spotlight-"]::after {
    content: '';
    position: absolute;
    bottom: -18px;
    right: -18px;
    width: 56px;
    height: 56px;
    background: rgba(14,165,233,0.06);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

/* TLD uzantısı metni */
.spotlight-tld-container .tld-name,
.spotlight-tld-container .tld,
.spotlight-tld-container .extension,
.spotlight-tld-container h3,
.spotlight-tld-container h4 {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
    line-height: 1;
    letter-spacing: -0.5px;
    margin: 0;
    position: relative;
    z-index: 1;
    width: 100%;
    grid-column: unset; /* h3/h4 override'ı sıfırla */
    text-transform: none;
    padding: 0;
    border: none;
}
.spotlight-tld-container .tld-item .tld-name::before,
.spotlight-tld-container .tld-item h3::before,
.spotlight-tld-container .tld-item h4::before,
.spotlight-tld-container [class*="tld-spotlight-"] h3::before,
.spotlight-tld-container [class*="tld-spotlight-"] h4::before {
    display: none; /* iç h3/h4'ten şerit gizle */
}

/* Fiyat */
.spotlight-tld-container .tld-price,
.spotlight-tld-container .price,
.spotlight-tld-container .spotlight-price {
    font-size: 14px;
    font-weight: 700;
    color: #0ea5e9;
    line-height: 1.3;
    position: relative;
    z-index: 1;
}
.spotlight-tld-container .tld-price small,
.spotlight-tld-container .price small,
.spotlight-tld-container .price-period {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 400;
    display: block;
    margin-top: 1px;
}
.spotlight-tld-container .tld-price-old,
.spotlight-tld-container .price-old,
.spotlight-tld-container .was-price {
    font-size: 10.5px;
    color: #cbd5e1;
    text-decoration: line-through;
    position: relative;
    z-index: 1;
}

/* Popular / öne çıkan rozet */
.spotlight-tld-container .tld-badge,
.spotlight-tld-container .popular-badge,
.spotlight-tld-container .label-popular {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #fef3c7;
    color: #d97706;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    z-index: 2;
    line-height: 1.5;
}

/* Kayıt butonu */
.spotlight-tld-container .btn,
.spotlight-tld-container .tld-btn,
.spotlight-tld-container a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    height: 34px;
    background: #f0f9ff;
    color: #0ea5e9;
    border: 1.5px solid #bae6fd;
    border-radius: 8px;
    font-size: 11.5px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    margin-top: auto; /* her zaman alta yapıştır */
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.spotlight-tld-container .btn:hover,
.spotlight-tld-container .tld-btn:hover,
.spotlight-tld-container a.btn:hover {
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    border-color: transparent;
    color: #fff;
    text-decoration: none;
}

/* Seçili kart */
.spotlight-tld-container .tld-item.selected,
.spotlight-tld-container .tld-spotlight.selected,
.spotlight-tld-container [class*="tld-spotlight-"].selected {
    border-color: #0ea5e9;
    background: #f0f9ff;
}
.spotlight-tld-container .tld-item.selected .btn,
.spotlight-tld-container [class*="tld-spotlight-"].selected .btn {
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    border-color: transparent;
    color: #fff;
}

/* Mobil */
@media (max-width: 576px) {
    .spotlight-tld-container .row [class*="col-"] {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .spotlight-tld-container .row [class*="col-sm-4"],
    .spotlight-tld-container .row [class*="col-md-4"] {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* ----------------------------------------------------------
   12a. Product Clearfix & frmProductDomain
   ---------------------------------------------------------- */

/* ── .product.clearfix — Ürün/Hizmet Sidebar Bilgi Bloğu ── */
.product.clearfix {
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 12px;
    padding: 16px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #334155;
}

.product.clearfix .product-icon {
    text-align: center;
    margin-bottom: 12px;
}
.product.clearfix .product-icon .fa-stack {
    font-size: 20px;
    color: #0ea5e9;
}
.product.clearfix .product-icon h3 {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin: 8px 0 2px;
}
.product.clearfix .product-icon h4 {
    font-size: 11px;
    font-weight: 500;
    color: #64748b;
    margin: 0;
}
.product.clearfix .product-status-text {
    text-align: center;
    margin-bottom: 12px;
}
.product.clearfix .product-status-text .label,
.product.clearfix .product-status-text span {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    background: #dcfce7;
    color: #16a34a;
}
.product.clearfix .product-status-active .product-status-text .label,
.product.clearfix .product-status-active .product-status-text span {
    background: #dcfce7; color: #16a34a;
}
.product.clearfix .product-status-suspended .product-status-text .label,
.product.clearfix .product-status-suspended .product-status-text span {
    background: #fef9c3; color: #ca8a04;
}
.product.clearfix .product-status-terminated .product-status-text .label,
.product.clearfix .product-status-terminated .product-status-text span,
.product.clearfix .product-status-cancelled .product-status-text .label,
.product.clearfix .product-status-cancelled .product-status-text span {
    background: #fee2e2; color: #dc2626;
}

/* Bilgi satırları */
.product.clearfix h4 {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #94a3b8;
    margin: 10px 0 2px;
}
.product.clearfix h4 + * {
    font-size: 12.5px;
    color: #334155;
    font-weight: 500;
}

/* Aksiyon butonları */
.product.clearfix .product-actions-wrapper {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.product.clearfix .product-actions-wrapper .btn {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 12px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.product.clearfix .btn-success {
    background: linear-gradient(135deg, #10b981, #059669);
    border: none;
    color: #fff;
}
.product.clearfix .btn-primary {
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    border: none;
    color: #fff;
}
.product.clearfix .btn-danger {
    background: #fff;
    border: 1.5px solid #fca5a5;
    color: #dc2626;
}
.product.clearfix .btn-danger:hover { background: #fef2f2; }

/* ═══════════════════════════════════════════════════════════
   configureproductdomain — Yeni Sade Tasarım (cpd-)
   ═══════════════════════════════════════════════════════════ */

/* ── ARAMA KARTI ─────────────────────────────────────────── */
.cpd-search-card {
    background: #f0f2f7;
    border: 1px solid #e2e5ed;
    border-radius: 18px;
    padding: 20px 20px 20px;
    margin-bottom: 28px;
    font-family: 'Poppins', sans-serif;
}
.cpd-search-title {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 10px;
    line-height: 1.25;
    text-align: center;
}
.cpd-search-desc {
    font-size: 14.5px;
    color: #64748b;
    margin: 0 auto 40px;
    line-height: 1.6;
    max-width: 600px;
    text-align: center;
}

/* Arama çubuğu */
.cpd-search-bar {
    position: relative;
    display: flex;
    justify-content: center;
}
.cpd-input-wrap {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1.5px solid #dde0e8;
    border-radius: 14px;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
    max-width: 680px;
    width: 100%;
}
.cpd-input-wrap:focus-within {
    border-color: #f97316;
    box-shadow: 0 0 0 4px rgba(249,115,22,0.08);
}
.cpd-input {
    flex: 1;
    border: none !important;
    outline: none !important;
    padding: 16px 20px !important;
    font-size: 15px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #1e293b !important;
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
    min-width: 0;
}
.cpd-input::placeholder {
    color: #a0a8b8;
    font-weight: 400;
}
.cpd-tld-select {
    display: none !important;
}
.cpd-search-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff;
    border: none;
    padding: 16px 30px;
    font-size: 14.5px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.18s;
    border-radius: 0 12px 12px 0;
}
.cpd-search-btn:hover {
    opacity: 0.88;
}
.cpd-search-btn i {
    font-size: 13px;
}

/* Loading & durum mesajları */
.cpd-loading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 0;
    font-size: 14px;
    color: #16a34a;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.cpd-loading i {
    color: #16a34a;
}

/* ══════════════════════════════════════════════════════════
   SONUÇ ALANI — DomainSearchResults
   ══════════════════════════════════════════════════════════ */
#DomainSearchResults {
    margin-top: 8px;
    font-family: 'Poppins', sans-serif;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}
#DomainSearchResults:not(.w-hidden) {
    display: block !important;
}

/* Bölüm başlığı */
.cpd-results-section {
    margin-bottom: 28px;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}
.cpd-results-title {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e5e7eb;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

/* Eski başlıkları gizle */
.primary-domain-header { display: none !important; }

/* ── Birincil Sonuç (Sorgulanan Domain) ── */
#searchDomainInfo {
    max-width: 860px;
}
.cpd-primary-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}
/* Domain adı */
.cpd-primary-result .domain-checker-available.headline,
.cpd-primary-result .domain-checker-unavailable.headline {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    flex-shrink: 0;
}
.cpd-primary-result .domain-checker-available.headline {
    color: #16a34a;
}
.cpd-primary-result .domain-checker-available.headline strong {
    color: #0f172a;
    font-weight: 700;
}
.cpd-primary-result .domain-checker-unavailable.headline {
    color: #dc2626;
    flex: 1;
    min-width: 0;
}
.cpd-primary-result .domain-checker-unavailable.headline strong {
    color: #0f172a;
    font-weight: 700;
}
/* Kayıtlı domain — Seç butonu */
.cpd-primary-result .domain-contact-support.headline {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}
/* Transfer eligible / not eligible */
.cpd-primary-result .transfer-eligible,
.cpd-primary-result .transfer-not-eligible {
    flex: 1; min-width: 200px;
}
.cpd-primary-result .transfer-eligible .headline {
    color: #16a34a; font-weight: 600;
}
.cpd-primary-result .transfer-not-eligible .headline {
    color: #dc2626; font-weight: 600;
}
.cpd-primary-result .transfer-eligible p,
.cpd-primary-result .transfer-not-eligible p {
    font-size: 13px; color: #64748b; margin: 4px 0 0;
}
/* Domain invalid */
.cpd-primary-result .domain-invalid .headline {
    color: #dc2626; font-weight: 600;
}
.cpd-primary-result .domain-invalid p {
    font-size: 13px; color: #64748b; margin: 4px 0 0;
}
/* Bize ulaşın */
.cpd-primary-result .domain-contact-support.headline {
    background: linear-gradient(135deg, #f97316, #ea580c) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 9px 22px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
}
/* Fiyat alanı */
.cpd-primary-result .domain-price {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    flex-shrink: 0;
    font-family: 'Poppins', sans-serif;
    min-width: 240px;
    justify-content: flex-end;
}
.cpd-primary-result .domain-price .register-price-label,
.cpd-primary-result .domain-price .transfer-price-label {
    font-size: 12px;
    color: #16a34a;
    font-weight: 600;
    white-space: nowrap;
}
.cpd-primary-result .domain-price .price {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    min-width: 100px;
    text-align: right;
}
/* Hata mesajı */
.cpd-primary-result .domain-error {
    font-size: 13px;
}
/* IDN Language seçici */
.cpd-primary-result .idn-language-selector {
    width: 100%;
}

/* ── Spotlight TLD'ler (satır formatı) ── */
#spotlightTlds {
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-width: 860px;
}
#spotlightTlds .spotlight-tlds-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: transparent !important;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}
#spotlightTlds .spotlight-tld-container {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}
#spotlightTlds .spotlight-tld {
    display: flex !important;
    align-items: center !important;
    background: #f8fafc !important;
    border: none !important;
    border-bottom: 1px solid #e9edf2 !important;
    border-radius: 0 !important;
    padding: 14px 20px !important;
    margin: 0 !important;
    min-height: auto !important;
    height: auto !important;
    box-shadow: none !important;
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    font-family: 'Poppins', sans-serif;
    text-align: left !important;
    flex-wrap: nowrap;
    gap: 12px;
    transition: background 0.12s;
}
#spotlightTlds .spotlight-tld:hover {
    background: #f1f5f9 !important;
}
#spotlightTlds .spotlight-tld-container:last-child .spotlight-tld {
    border-bottom: none !important;
}
#spotlightTlds .spotlight-tld::before,
#spotlightTlds .spotlight-tld::after {
    display: none !important;
}
/* Grup badge'lerini gizle */
#spotlightTlds .spotlight-tld > div[class^="spotlight-tld-"] {
    display: none !important;
}
/* Domain adı etiketi */
.cpd-spotlight-domain {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    flex: 1;
    min-width: 0;
}
/* Sonuç alanı — sağa hizalı, sabit genişlik */
#spotlightTlds .spotlight-tld .domain-lookup-result {
    display: flex !important;
    align-items: center;
    gap: 12px;
    margin: 0 0 0 auto !important;
    flex-shrink: 0;
    min-width: 240px;
    justify-content: flex-end;
}
/* Fiyat */
#spotlightTlds .spotlight-tld .available.price {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    white-space: nowrap;
    order: 1;
    min-width: 100px;
    text-align: right;
}
/* Kaydet butonu */
#spotlightTlds .spotlight-tld .btn-add-to-cart {
    background: linear-gradient(135deg, #f97316, #ea580c) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    width: 110px !important;
    min-width: 110px !important;
    height: 34px !important;
    line-height: 34px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: opacity 0.18s !important;
    box-shadow: none !important;
    flex-shrink: 0;
    order: 2;
}
#spotlightTlds .spotlight-tld .btn-add-to-cart:hover {
    opacity: 0.88 !important;
}
/* Uygun DeÄŸil butonu */
#spotlightTlds .spotlight-tld .btn.unavailable,
#spotlightTlds .spotlight-tld .btn.invalid {
    background: #eef1f5 !important;
    color: #94a3b8 !important;
    border: 1px solid #dde2e8 !important;
    border-radius: 8px !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    cursor: not-allowed !important;
    white-space: nowrap;
    flex-shrink: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 110px;
    min-width: 110px;
    height: 34px;
    line-height: 34px;
    order: 2;
}
/* Gizli butonların yer kaplamasını önle */
#spotlightTlds .spotlight-tld .btn-add-to-cart[style*="display: none"],
#spotlightTlds .spotlight-tld .btn.unavailable[style*="display: none"],
#spotlightTlds .spotlight-tld .btn.invalid[style*="display: none"],
#spotlightTlds .spotlight-tld .domain-contact-support[style*="display: none"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
/* Görünen btn-add-to-cart'ı flex yap (WHMCS inline-block veriyor) */
#spotlightTlds .spotlight-tld .btn-add-to-cart[style*="display: inline-block"],
#spotlightTlds .spotlight-tld .btn-add-to-cart[style*="display: inline-flex"],
#spotlightTlds .spotlight-tld .btn-add-to-cart[style*="display: flex"],
#spotlightTlds .spotlight-tld .btn-add-to-cart[style*="display: block"] {
    display: inline-flex !important;
}
/* domain-contact-support gizle (spotlight'ta gereksiz) */
#spotlightTlds .spotlight-tld .domain-contact-support.w-hidden {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
/* Loading spinner */
#spotlightTlds .domain-lookup-loader {
    font-size: 13px;
    color: #94a3b8;
    margin-left: auto;
}

/* ── Alternatif Domainler (suggested-domains) ── */
#frmProductDomainSelections .suggested-domains {
    max-width: 860px;
    margin: 0 auto;
}
#frmProductDomainSelections .suggested-domains .panel-heading,
#frmProductDomainSelections .suggested-domains .card-header {
    display: none !important;
}
/* No suggestions mesajı */
#frmProductDomainSelections .domain-lookup-suggestions-message {
    font-size: 13px;
    color: #94a3b8;
    padding: 12px 0 !important;
    background: transparent !important;
    border: none !important;
    text-align: center;
}
/* Domain satırları */
#frmProductDomainSelections .domain-suggestion.list-group-item {
    display: flex !important;
    align-items: center;
    background: #fff;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-radius: 0 !important;
    padding: 14px 20px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    transition: background 0.12s;
    gap: 12px;
}
#frmProductDomainSelections .domain-suggestion.list-group-item:hover {
    background: #fafbfc;
}
#frmProductDomainSelections .domain-suggestion.list-group-item:last-child {
    border-bottom: none !important;
}
#frmProductDomainSelections .domain-suggestion .domain {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    flex: 1;
    min-width: 0;
}
#frmProductDomainSelections .domain-suggestion .extension {
    font-size: 15px;
    font-weight: 600;
    color: #64748b;
}
#frmProductDomainSelections .domain-suggestion .actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: auto;
    flex-shrink: 0;
    min-width: 240px;
    justify-content: flex-end;
}
#frmProductDomainSelections .domain-suggestion .actions .price {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    min-width: 100px;
    text-align: right;
}
#frmProductDomainSelections .domain-suggestion .actions .promo {
    font-size: 12px;
    font-weight: 700;
    color: #16a34a;
    white-space: nowrap;
}
#frmProductDomainSelections .domain-suggestion .actions .btn-add-to-cart {
    background: linear-gradient(135deg, #f97316, #ea580c) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    transition: opacity 0.18s !important;
    width: 110px !important;
    min-width: 110px !important;
    height: 34px !important;
    line-height: 34px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
#frmProductDomainSelections .domain-suggestion .actions .btn-add-to-cart:hover {
    opacity: 0.88 !important;
}

/* List group kapsayıcı */
#domainSuggestions.list-group {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden;
    background: #fff;
    margin: 0;
}

/* Daha fazla öneri */
#frmProductDomainSelections .more-suggestions {
    padding: 14px 20px;
    border-top: 1px solid #f1f5f9;
    background: transparent !important;
    border-radius: 0 !important;
    border-bottom: none !important;
    text-align: center;
}
#frmProductDomainSelections .more-suggestions a {
    color: #f97316;
    font-weight: 600;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
}
#frmProductDomainSelections .more-suggestions a:hover {
    text-decoration: underline;
}

/* Uyarı */
.domain-suggestions-warning {
    font-size: 12px;
    color: #94a3b8;
    font-family: 'Poppins', sans-serif;
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}
.domain-suggestions-warning p {
    margin: 8px 0 0;
}

/* ── Devam Butonu ── */
.cpd-continue-btn {
    background: linear-gradient(135deg, #f97316, #ea580c) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 32px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: 0 4px 16px rgba(249,115,22,0.3) !important;
    transition: opacity 0.18s !important;
}
.cpd-continue-btn:hover {
    opacity: 0.88 !important;
}
.cpd-continue-btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* ── SEPETTEKİ DOMAİN BLOĞU ── */
.cpd-incart-block {
    text-align: center;
    font-family: 'Poppins', sans-serif;
}
.cpd-incart-icon {
    display: none;
}
.cpd-incart-block .cpd-search-title {
    margin-bottom: 4px;
}
.cpd-incart-block .cpd-search-desc {
    margin-bottom: 20px;
}
/* Domain seçim kartları */
.cpd-incart-domains {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 640px;
    margin: 0 auto;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}
.cpd-incart-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #f8fafc;
    border: none;
    border-bottom: 1px solid #e9edf2;
    border-radius: 0;
    padding: 14px 20px;
    cursor: pointer;
    transition: background 0.12s;
    font-family: 'Poppins', sans-serif;
    margin: 0;
}
.cpd-incart-item:last-child {
    border-bottom: none;
}
.cpd-incart-item:hover {
    background: #f1f5f9;
}
.cpd-incart-item.cpd-incart-selected,
.cpd-incart-item:has(input:checked) {
    background: #fff7ed;
    border-color: #e9edf2;
    box-shadow: none;
}
.cpd-incart-check {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e5e7eb;
    border: 2px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: transparent;
    flex-shrink: 0;
    transition: all 0.15s;
}
.cpd-incart-item.cpd-incart-selected .cpd-incart-check,
.cpd-incart-item:has(input:checked) .cpd-incart-check {
    background: #f97316;
    border-color: #f97316;
    color: #fff;
}
.cpd-incart-domain-name {
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
    flex: 1;
    text-align: left;
}
.cpd-incart-badge {
    font-size: 10px;
    font-weight: 700;
    color: #f97316;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    padding: 3px 10px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}
.cpd-incart-item.cpd-incart-selected .cpd-incart-badge,
.cpd-incart-item:has(input:checked) .cpd-incart-badge {
    background: #f97316;
    border-color: #f97316;
    color: #fff;
}
/* Ayırıcı çizgi */
.cpd-incart-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px auto;
    max-width: 640px;
}
.cpd-incart-divider::before,
.cpd-incart-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e5e7eb;
}
.cpd-incart-divider span {
    font-size: 12px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-family: 'Poppins', sans-serif;
}
/* Alternatif arama linki */
.cpd-incart-alt-text {
    margin: 0;
    text-align: center;
}
.cpd-incart-search-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px 20px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    transition: all 0.15s;
}
.cpd-incart-search-link:hover {
    color: #f97316;
    border-color: #f97316;
    background: #fff;
    text-decoration: none;
}
.cpd-incart-search-link i {
    font-size: 12px;
}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 767px) {
    .cpd-search-title {
        font-size: 20px;
    }
    .cpd-input-wrap {
        max-width: 100%;
    }
    .cpd-search-btn {
        padding: 16px 20px;
    }
    .cpd-primary-result {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .cpd-primary-result .domain-price {
        margin-left: 0;
    }
    #spotlightTlds .spotlight-tld {
        flex-wrap: wrap !important;
        padding: 12px 14px !important;
    }
    #frmProductDomainSelections .domain-suggestion.list-group-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 14px 14px;
    }
    #frmProductDomainSelections .domain-suggestion .actions {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
    }
}

/* ── Eski #frmProductDomain kurallarını override ─────────── */
#frmProductDomain {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    margin: 0;
}
#frmProductDomain::before {
    display: none;
}

/* cart-body padding override */
#order-standard_cart .cart-body {
    padding: 28px 24px 28px !important;
}

/* Üst şerit - devre dışı */
#frmProductDomain::before {
    content: none;
    display: block;
    height: 3px;
    background: linear-gradient(90deg, #0ea5e9, #38bdf8, #7dd3fc);
}

/* İç dolgu — devre dışı (cpd- tasarım kullanılıyor) */
#frmProductDomain > .row,
#frmProductDomain > div:not(.alert):not([class*="tab"]) {
    padding: 0;
}
#frmProductDomain > .row:last-of-type,
#frmProductDomain > .text-center:last-child {
    padding: 0;
}

/* Form padding genel */
#frmProductDomain .panel-body,
#frmProductDomain .card-body {
    padding: 20px;
}

/* ── Başlıklar / Section ayraçları ────────────────────── */
#frmProductDomain h3,
#frmProductDomain h4 {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 0 0 14px;
    padding: 16px 20px 12px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 7px;
}
#frmProductDomain h3::before,
#frmProductDomain h4::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 14px;
    background: #0ea5e9;
    border-radius: 2px;
    flex-shrink: 0;
}

/* ── Form grupları ─────────────────────────────────────── */
#frmProductDomain .form-group {
    margin-bottom: 12px;
    position: relative;
}
#frmProductDomain .form-group:last-child {
    margin-bottom: 0;
}

/* ── Label'lar ─────────────────────────────────────────── */
#frmProductDomain label,
#frmProductDomain .control-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    line-height: 1;
}
#frmProductDomain label i,
#frmProductDomain .control-label i {
    font-size: 11px;
    color: #0ea5e9;
}

/* ── Input, select, textarea ───────────────────────────── */
#frmProductDomain .form-control,
#frmProductDomain input[type="text"],
#frmProductDomain input[type="email"],
#frmProductDomain input[type="password"],
#frmProductDomain input[type="number"],
#frmProductDomain textarea,
#frmProductDomain select {
    width: 100%;
    height: 40px;
    border: 1.5px solid #e2e8f0;
    border-radius: 9px;
    padding: 0 12px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    color: #1e293b;
    background: #f8fafc;
    transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
}
#frmProductDomain textarea {
    height: auto;
    padding: 10px 12px;
    resize: vertical;
    min-height: 80px;
}
#frmProductDomain select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
    cursor: pointer;
}

/* Readonly / disabled */
#frmProductDomain .form-control[readonly],
#frmProductDomain input[readonly] {
    background: #f1f5f9;
    color: #64748b;
    border-color: #e2e8f0;
    cursor: default;
}
#frmProductDomain .form-control[disabled],
#frmProductDomain input[disabled],
#frmProductDomain select[disabled] {
    background: #f1f5f9;
    color: #94a3b8;
    opacity: 0.7;
    cursor: not-allowed;
}

/* Focus durumu */
#frmProductDomain .form-control:focus,
#frmProductDomain input[type="text"]:focus,
#frmProductDomain input[type="email"]:focus,
#frmProductDomain input[type="password"]:focus,
#frmProductDomain input[type="number"]:focus,
#frmProductDomain textarea:focus,
#frmProductDomain select:focus {
    border-color: #0ea5e9;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(14,165,233,0.12);
    outline: none;
}

/* Hata durumu */
#frmProductDomain .has-error .form-control,
#frmProductDomain .form-control.is-invalid {
    border-color: #f87171;
    background: #fff5f5;
}
#frmProductDomain .has-error .form-control:focus {
    box-shadow: 0 0 0 3px rgba(248,113,113,0.15);
}
#frmProductDomain .has-error .control-label,
#frmProductDomain .has-error label {
    color: #ef4444;
}
#frmProductDomain .error-block,
#frmProductDomain .has-error .help-block {
    font-size: 11px;
    color: #ef4444;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ── Input Groups ──────────────────────────────────────── */
#frmProductDomain .input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
}
#frmProductDomain .input-group .form-control,
#frmProductDomain .input-group input {
    border-radius: 9px 0 0 9px;
    border-right: none;
    flex: 1;
    min-width: 0;
}
#frmProductDomain .input-group-btn,
#frmProductDomain .input-group-append {
    display: flex;
}
#frmProductDomain .input-group-btn .btn,
#frmProductDomain .input-group-append .btn,
#frmProductDomain .input-group > .btn:last-child {
    border-radius: 0 9px 9px 0 !important;
    height: 40px;
    border-left: none !important;
}
#frmProductDomain .input-group-prepend {
    display: flex;
    align-items: center;
}
#frmProductDomain .input-group-prepend .input-group-text,
#frmProductDomain .input-group-addon {
    height: 40px;
    padding: 0 12px;
    background: #f1f5f9;
    border: 1.5px solid #e2e8f0;
    border-right: none;
    border-radius: 9px 0 0 9px;
    font-size: 12px;
    color: #64748b;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
#frmProductDomain .input-group-prepend + .form-control,
#frmProductDomain .input-group-prepend + input {
    border-radius: 0 9px 9px 0;
}

/* ── Row / col grid ────────────────────────────────────── */
#frmProductDomain .row {
    margin-left: -8px;
    margin-right: -8px;
}
#frmProductDomain .row [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

/* ── Butonlar ──────────────────────────────────────────── */
#frmProductDomain .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 40px;
    padding: 0 20px;
    border-radius: 9px;
    font-size: 12.5px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    transition: all 0.18s;
    white-space: nowrap;
    text-decoration: none;
    border: 1.5px solid transparent;
    line-height: 1;
}
#frmProductDomain .btn-primary,
#frmProductDomain .btn-success {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 2px 8px rgba(14,165,233,0.25);
}
#frmProductDomain .btn-primary:hover,
#frmProductDomain .btn-success:hover {
    box-shadow: 0 4px 14px rgba(14,165,233,0.35);
    transform: translateY(-1px);
    color: #fff;
}
#frmProductDomain .btn-default,
#frmProductDomain .btn-secondary {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #475569;
}
#frmProductDomain .btn-default:hover,
#frmProductDomain .btn-secondary:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #334155;
}
#frmProductDomain .btn-danger {
    background: #fff;
    border-color: #fca5a5;
    color: #dc2626;
}
#frmProductDomain .btn-danger:hover {
    background: #fef2f2;
    border-color: #f87171;
}
#frmProductDomain .btn-warning {
    background: #fffbeb;
    border-color: #fcd34d;
    color: #d97706;
}
#frmProductDomain .btn-warning:hover { background: #fef3c7; }
#frmProductDomain .btn-sm {
    height: 32px;
    padding: 0 14px;
    font-size: 11.5px;
    border-radius: 7px;
}
#frmProductDomain .btn-lg {
    height: 46px;
    padding: 0 28px;
    font-size: 14px;
    border-radius: 10px;
}
#frmProductDomain .btn-block {
    width: 100%;
}
#frmProductDomain .btn[disabled],
#frmProductDomain .btn.disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

/* Buton grubu */
#frmProductDomain .btn-group {
    display: inline-flex;
    border-radius: 9px;
    overflow: hidden;
    border: 1.5px solid #e2e8f0;
}
#frmProductDomain .btn-group .btn {
    border-radius: 0;
    border: none;
    border-right: 1px solid #e2e8f0;
    box-shadow: none;
}
#frmProductDomain .btn-group .btn:last-child { border-right: none; }

/* ── Alert / Bildirimler ───────────────────────────────── */
#frmProductDomain .alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: none;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 12.5px;
    line-height: 1.55;
    margin-bottom: 14px;
    position: relative;
}
#frmProductDomain .alert::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 1px;
}
#frmProductDomain .alert-success {
    background: #f0fdf4;
    color: #166534;
    border-left: 3px solid #16a34a;
}
#frmProductDomain .alert-success::before { content: '\f058'; color: #16a34a; }
#frmProductDomain .alert-danger,
#frmProductDomain .alert-error {
    background: #fff5f5;
    color: #991b1b;
    border-left: 3px solid #dc2626;
}
#frmProductDomain .alert-danger::before,
#frmProductDomain .alert-error::before { content: '\f06a'; color: #dc2626; }
#frmProductDomain .alert-warning {
    background: #fffbeb;
    color: #854d0e;
    border-left: 3px solid #d97706;
}
#frmProductDomain .alert-warning::before { content: '\f071'; color: #d97706; }
#frmProductDomain .alert-info {
    background: #f0f9ff;
    color: #075985;
    border-left: 3px solid #0ea5e9;
}
#frmProductDomain .alert-info::before { content: '\f05a'; color: #0ea5e9; }
#frmProductDomain .alert .close {
    margin-left: auto;
    opacity: 0.4;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}
#frmProductDomain .alert .close:hover { opacity: 0.7; }

/* ── Yardım metni ──────────────────────────────────────── */
#frmProductDomain .help-block,
#frmProductDomain .text-muted,
#frmProductDomain small {
    display: block;
    font-size: 11px;
    color: #94a3b8;
    margin-top: 4px;
    line-height: 1.4;
}

/* ── Panel / Card iç bölümler ──────────────────────────── */
#frmProductDomain .panel,
#frmProductDomain .card {
    background: #f8fafc;
    border: 1px solid #e8eef4;
    border-radius: 10px;
    margin-bottom: 14px;
    overflow: hidden;
}
#frmProductDomain .panel-heading,
#frmProductDomain .card-header {
    background: #f1f5f9;
    border-bottom: 1px solid #e8eef4;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 7px;
}
#frmProductDomain .panel-body,
#frmProductDomain .card-body {
    padding: 14px 16px;
}
#frmProductDomain .panel-footer,
#frmProductDomain .card-footer {
    background: #f8fafc;
    border-top: 1px solid #e8eef4;
    padding: 10px 16px;
}

/* ── Tablo ─────────────────────────────────────────────── */
#frmProductDomain table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
#frmProductDomain table th {
    background: #f8fafc;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 9px 12px;
    border-bottom: 2px solid #e8eef4;
    white-space: nowrap;
}
#frmProductDomain table td {
    padding: 10px 12px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}
#frmProductDomain table tr:last-child td { border-bottom: none; }
#frmProductDomain table tr:hover td { background: #f8fafc; }

/* ── Nameserver özel bloklar ───────────────────────────── */
#frmProductDomain .nameserver-row,
#frmProductDomain .row[class*="ns"] {
    position: relative;
}
#frmProductDomain input[name^="ns"] {
    padding-left: 38px;
}
#frmProductDomain .ns-badge {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: #0ea5e9;
    color: #fff;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    pointer-events: none;
}

/* ── Bilgi satırları (readonly key-value) ──────────────── */
#frmProductDomain .info-row {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
    gap: 10px;
}
#frmProductDomain .info-row:last-child { border-bottom: none; }
#frmProductDomain .info-row .info-key {
    font-size: 11px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    min-width: 120px;
    flex-shrink: 0;
}
#frmProductDomain .info-row .info-val {
    font-size: 13px;
    color: #1e293b;
    font-weight: 500;
    word-break: break-all;
}

/* ── Onay kutuları / Radio ─────────────────────────────── */
#frmProductDomain input[type="checkbox"],
#frmProductDomain input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: #0ea5e9;
    cursor: pointer;
    margin-right: 6px;
}
#frmProductDomain .checkbox label,
#frmProductDomain .radio label {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: #334155;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
}

/* ── Tab menüsü ────────────────────────────────────────── */
#frmProductDomain .nav-tabs {
    border-bottom: 2px solid #e8eef4;
    gap: 4px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
}
#frmProductDomain .nav-tabs .nav-item .nav-link,
#frmProductDomain .nav-tabs > li > a {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    padding: 8px 16px;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
    background: none;
    text-decoration: none;
    display: block;
}
#frmProductDomain .nav-tabs .nav-item .nav-link:hover,
#frmProductDomain .nav-tabs > li > a:hover {
    color: #0ea5e9;
    border-bottom-color: #7dd3fc;
}
#frmProductDomain .nav-tabs .nav-item .nav-link.active,
#frmProductDomain .nav-tabs > li.active > a {
    color: #0ea5e9;
    border-bottom-color: #0ea5e9;
    background: none;
}
#frmProductDomain .tab-content {
    padding: 16px 20px;
}

/* ── Rozet / Badge ─────────────────────────────────────── */
#frmProductDomain .badge,
#frmProductDomain .label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.2px;
}
#frmProductDomain .badge-success,
#frmProductDomain .label-success { background: #dcfce7; color: #16a34a; }
#frmProductDomain .badge-danger,
#frmProductDomain .label-danger  { background: #fee2e2; color: #dc2626; }
#frmProductDomain .badge-warning,
#frmProductDomain .label-warning { background: #fef9c3; color: #d97706; }
#frmProductDomain .badge-info,
#frmProductDomain .label-info    { background: #e0f2fe; color: #0369a1; }
#frmProductDomain .badge-default,
#frmProductDomain .label-default { background: #f1f5f9; color: #64748b; }

/* ── Bölüm ayraç çizgisi ───────────────────────────────── */
#frmProductDomain hr {
    border: none;
    border-top: 1px solid #f1f5f9;
    margin: 16px 0;
}

/* ── Alt aksiyon çubuğu ────────────────────────────────── */
#frmProductDomain .form-footer,
#frmProductDomain .text-right:last-child,
#frmProductDomain .col-sm-12:last-child .text-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid #f1f5f9;
    flex-wrap: wrap;
}

/* ── Spinner / Loading ─────────────────────────────────── */
#frmProductDomain .fa-spin { color: #0ea5e9; }

/* ── Link'ler ──────────────────────────────────────────── */
#frmProductDomain a:not(.btn) {
    color: #0ea5e9;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.15s;
}
#frmProductDomain a:not(.btn):hover {
    color: #0284c7;
    text-decoration: underline;
}

/* ── Mobil ─────────────────────────────────────────────── */
@media (max-width: 767px) {
    #frmProductDomain .btn { width: 100%; }
    #frmProductDomain .form-footer,
    #frmProductDomain .text-right:last-child { flex-direction: column; }
    #frmProductDomain .input-group { flex-wrap: nowrap; }
}

/* ----------------------------------------------------------
   12b. Store Sipariş Sayfası
   ---------------------------------------------------------- */

/* Wrapper */
.so-wrapper {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 0 32px;
    font-family: 'Poppins', sans-serif;
}

/* Hero */
.so-hero {
    display: flex;
    align-items: center;
    gap: 18px;
    background: linear-gradient(135deg, #0b1d4a 0%, #1a3a8a 100%);
    border-radius: 14px;
    padding: 24px 28px;
    margin-bottom: 24px;
    color: #fff;
}
.so-hero-icon {
    width: 54px;
    height: 54px;
    background: rgba(255,255,255,0.12);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}
.so-hero-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #fff;
}
.so-hero-desc {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    margin: 0;
    line-height: 1.5;
}

/* İki sütun grid */
.so-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 20px;
    margin-bottom: 20px;
}

/* Bölüm kartı */
.so-section {
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 12px;
    padding: 20px;
}
.so-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}
.so-section-header i {
    color: #0ea5e9;
    font-size: 14px;
}

/* Tab menü */
.so-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
    border: none;
}
.so-tab {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    background: #f1f5f9;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 6px 14px !important;
    white-space: nowrap;
    transition: all 0.15s;
}
.so-tab:hover {
    background: #e0f2fe;
    color: #0ea5e9;
    border-color: #bae6fd !important;
}
.so-tab.active {
    background: #0ea5e9 !important;
    color: #fff !important;
    border-color: #0ea5e9 !important;
}
.so-tab i { margin-right: 4px; }

/* Tab içerik */
.so-tab-content {
    padding: 4px 0 0;
}

/* Input alanları */
.so-input-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.so-input {
    flex: 1;
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    color: #334155;
    outline: none;
    transition: border-color 0.15s;
}
.so-input:focus { border-color: #0ea5e9; }
.so-select {
    flex: 1;
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    color: #334155;
    background: #fff;
    outline: none;
    cursor: pointer;
}
.so-subdomain-group {
    display: flex;
    flex: 1;
    gap: 0;
}
.so-subdomain-group .so-input {
    border-radius: 8px 0 0 8px;
    border-right: none;
}
.so-select-inline {
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 0 8px 8px 0;
    padding: 0 10px;
    font-size: 12px;
    color: #64748b;
    background: #f8fafc;
    cursor: pointer;
    outline: none;
}
.so-valid {
    font-size: 12px;
    font-weight: 500;
    color: #ef4444;
    white-space: nowrap;
}
.so-valid.ok { color: #10b981; }
.so-no-domain-note, .so-login-note {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}
.so-no-domain-note i { color: #0ea5e9; margin-right: 6px; }

/* Ödeme döngüsü kartları */
.so-billing-section { align-self: start; }
.so-cycle-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.so-cycle-card {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: all 0.15s;
    margin: 0;
    position: relative;
}
.so-cycle-card:hover {
    border-color: #bae6fd;
    background: #f0f9ff;
}
.so-cycle-card.selected {
    border-color: #0ea5e9;
    background: #f0f9ff;
}
.so-cycle-card input[type="radio"] {
    display: none;
}
.so-cycle-inner {
    flex: 1;
}
.so-cycle-label {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
}
.so-cycle-price {
    font-size: 12px;
    color: #64748b;
    margin-top: 1px;
}
.so-cycle-check {
    font-size: 16px;
    color: #cbd5e1;
    transition: color 0.15s;
}
.so-cycle-card.selected .so-cycle-check {
    color: #0ea5e9;
}

/* Aksiyon butonları */
.so-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 0 0;
    border-top: 1px solid #f1f5f9;
}
.so-actions-right {
    display: flex;
    gap: 10px;
}
.so-btn-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    padding: 8px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    text-decoration: none;
    transition: all 0.15s;
}
.so-btn-back:hover { background: #f8fafc; color: #334155; text-decoration: none; }
.so-btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #0ea5e9;
    padding: 9px 18px;
    border: 1.5px solid #0ea5e9;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all 0.15s;
    font-family: 'Poppins', sans-serif;
}
.so-btn-secondary:hover { background: #f0f9ff; }
.so-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 9px 22px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    cursor: pointer;
    transition: opacity 0.15s;
    font-family: 'Poppins', sans-serif;
}
.so-btn-primary:hover { opacity: 0.9; }
.so-btn-primary:disabled, .so-btn-secondary:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Upsell kartı */
.so-upsell {
    display: flex;
    gap: 20px;
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 14px;
    padding: 24px;
    margin-top: 24px;
    align-items: flex-start;
}
.so-upsell-icon {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.so-upsell-icon img { max-width: 100%; max-height: 100%; object-fit: contain; }
.so-upsell-body { flex: 1; }
.so-upsell-badge {
    display: inline-block;
    background: #fef3c7;
    color: #d97706;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 20px;
    margin-bottom: 8px;
    letter-spacing: 0.3px;
}
.so-upsell-title {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 4px;
}
.so-upsell-sub {
    font-size: 13px;
    color: #64748b;
    margin: 0 0 8px;
}
.so-upsell-desc {
    font-size: 12px;
    color: #94a3b8;
    margin: 0 0 12px;
}
.so-upsell-features {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
}
.so-upsell-features li {
    font-size: 12px;
    color: #475569;
}
.so-upsell-features li i {
    color: #10b981;
    margin-right: 5px;
}
.so-upsell-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 9px 22px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #10b981, #059669);
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: opacity 0.15s;
}
.so-upsell-btn:hover { opacity: 0.9; }

/* Responsive */
@media (max-width: 767px) {
    .so-grid { grid-template-columns: 1fr; }
    .so-actions { flex-direction: column; align-items: stretch; }
    .so-actions-right { flex-direction: column; }
    .so-btn-back, .so-btn-secondary, .so-btn-primary { justify-content: center; width: 100%; }
    .so-upsell { flex-direction: column; }
    .so-hero { flex-direction: column; text-align: center; }
}

/* ----------------------------------------------------------
   12c. clientareaproductdetails.tpl — Ürün/Hizmet Detay
   ---------------------------------------------------------- */

/* Ana kart wrapper */
.tab-content.margin-bottom > .tab-pane.show.active > .card,
.tab-content.margin-bottom > #tabOverview > .card {
    border: 1px solid #e8eef4;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(15,23,42,0.05);
    font-family: 'Poppins', sans-serif;
}
.tab-content.margin-bottom > .tab-pane.show.active > .card > .card-body,
.tab-content.margin-bottom > #tabOverview > .card > .card-body {
    padding: 0;
}

/* ═══════════════════════════════════════════════════════════
   12c. PRODUCT DETAILS — pd-* sınıfları
        (clientarea.php?action=productdetails)
        Referans: cp-* (confproduct) tasarım sistemi
   ═══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   HERO BANNER
   ══════════════════════════════════════════════════════════ */
.pd-hero {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 20px; margin-bottom: 16px;
    font-family: 'Poppins', sans-serif;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    gap: 12px; flex-wrap: nowrap;
}
.pd-hero-deco { display: none; }

/* Sol: baslik + domain */
.pd-hero-main {
    display: flex; align-items: center;
    gap: 10px; flex: 1; min-width: 0; flex-wrap: nowrap;
}
.pd-hero-left {
    display: flex; align-items: center;
    flex: 1; min-width: 0;
}
.pd-hero-icon-wrap { display: none; }
.pd-hero-text { flex: 1; min-width: 0; }
.pd-hero-title {
    font-size: 16px; font-weight: 700; color: #0f172a;
    margin: 0; line-height: 1.2; white-space: nowrap;
}
.pd-hero-sub {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.pd-hero-domain {
    font-size: 12px; font-weight: 500; color: #94a3b8;
    display: inline-flex; align-items: center; gap: 5px;
    white-space: nowrap;
}

/* Orta: dekoratif ayirici noktalar */
.pd-hero-separator { display: none; }

/* Sag: CTA butonu + status badge */
.pd-hero-end {
    display: flex; align-items: center; gap: 10px; flex-shrink: 0;
}
.pd-hero-right {
    display: flex; align-items: center; gap: 10px; flex-shrink: 0;
}
.pd-hero-cta {
    display: inline-flex; align-items: center; justify-content: center;
    background: #f8fafc; border: 1.5px solid #cbd5e1;
    color: #374151; border-radius: 9px;
    font-size: 13px; font-weight: 600; padding: 9px 20px;
    font-family: 'Poppins', sans-serif; text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.pd-hero-cta:hover { background: #f1f5f9; border-color: #94a3b8; color: #0f172a; text-decoration: none; }

/* Durum badge — beyaz zemin uyumlu */
.pd-hero .pd-status-active        { background: #dcfce7; color: #16a34a; border: 1px solid #bbf7d0; }
.pd-hero .pd-status-active .pd-status-dot { background: #16a34a; }
.pd-hero .pd-status-suspended     { background: #fef9c3; color: #ca8a04; border: 1px solid #fde68a; }
.pd-hero .pd-status-suspended .pd-status-dot { background: #ca8a04; }
.pd-hero .pd-status-cancelled,
.pd-hero .pd-status-terminated    { background: #fee2e2; color: #dc2626; border: 1px solid #fecaca; }
.pd-hero .pd-status-cancelled .pd-status-dot,
.pd-hero .pd-status-terminated .pd-status-dot { background: #dc2626; }
.pd-hero .pd-status-pending       { background: #fff7ed; color: #ea580c; border: 1px solid #fed7aa; }
.pd-hero .pd-status-pending .pd-status-dot { background: #ea580c; }
.pd-hero .pd-suspend-reason { color: #dc2626; }

/* ── DURUM BADGE (koyu zemin üzerinde) ──────────────────── */
.pd-status-badge {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 11.5px; font-weight: 600;
    padding: 3px 12px; border-radius: 20px;
}
.pd-status-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.pd-status-active        { background: rgba(74,222,128,0.15); color: #4ade80; border: 1px solid rgba(74,222,128,0.3); }
.pd-status-active .pd-status-dot { background: #4ade80; }
.pd-status-suspended     { background: rgba(251,191,36,0.15); color: #fbbf24; border: 1px solid rgba(251,191,36,0.3); }
.pd-status-suspended .pd-status-dot { background: #fbbf24; }
.pd-status-cancelled,
.pd-status-terminated    { background: rgba(248,113,113,0.15); color: #f87171; border: 1px solid rgba(248,113,113,0.3); }
.pd-status-cancelled .pd-status-dot,
.pd-status-terminated .pd-status-dot { background: #f87171; }
.pd-status-pending       { background: rgba(249,115,22,0.15); color: #fb923c; border: 1px solid rgba(249,115,22,0.3); }
.pd-status-pending .pd-status-dot { background: #fb923c; }
.pd-suspend-reason {
    font-size: 12px; color: #f87171; font-weight: 500;
    display: inline-flex; align-items: center; gap: 4px;
}

/* ── HERO AKSİYON BUTONLARI ─────────────────────────────── */
.pd-hero-actions {
    display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0;
}
.pd-action-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 18px; border-radius: 10px;
    font-size: 12.5px; font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-decoration: none; transition: all 0.18s; white-space: nowrap;
}
.pd-action-upgrade {
    background: rgba(255,255,255,0.1);
    border: 1.5px solid rgba(255,255,255,0.22);
    color: #fff;
}
.pd-action-upgrade:hover { background: rgba(255,255,255,0.18); color: #fff; text-decoration: none; }
.pd-action-renew {
    background: linear-gradient(135deg, #f97316, #ea580c);
    border: none; color: #fff;
    box-shadow: 0 4px 16px rgba(249,115,22,0.4);
}
.pd-action-renew:hover { opacity: 0.88; color: #fff; text-decoration: none; }
.pd-action-cancel {
    background: rgba(248,113,113,0.1);
    border: 1.5px solid rgba(248,113,113,0.35);
    color: #f87171;
}
.pd-action-cancel:hover { background: rgba(248,113,113,0.18); text-decoration: none; color: #f87171; }
.pd-action-cancel.disabled { opacity: 0.4; pointer-events: none; }

/* ── TOP ROW ─────────────────────────────────────────────── */
.pd-top-row {
    display: flex; gap: 16px; align-items: stretch;
    margin-bottom: 18px;
}

/* ── SECTION KART ────────────────────────────────────────── */
.pd-section-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px; overflow: hidden;
    font-family: 'Poppins', sans-serif;
    display: flex; flex-direction: column;
    flex: 1 1 0; min-width: 0;
    box-shadow: 0 1px 8px rgba(0,0,0,0.04);
}
.pd-section-header {
    display: flex; align-items: center; gap: 14px;
    background: #fff;
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
}
.pd-section-header-icon { display: none; }
.pd-section-header-text strong {
    display: block; font-size: 16px; font-weight: 700; color: #0f172a;
}
.pd-section-header-text span {
    font-size: 12.5px; color: #94a3b8;
}
.pd-section-body {
    padding: 18px 20px 16px; flex: 1;
}
.pd-section-body::after { display: none; }
.pd-section-body-tabs::after { display: none; }

/* ── BİLGİ GRID ──────────────────────────────────────────── */
.pd-info-grid {
    display: flex; flex-direction: column; gap: 0;
}
.pd-info-row {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
}
.pd-info-row:last-child { border-bottom: none; }
.pd-info-label {
    font-size: 13px; font-weight: 500; color: #64748b;
}
.pd-info-value {
    font-size: 13px; font-weight: 600; color: #1e293b;
    text-align: right;
}
.pd-info-price { font-size: 16px; font-weight: 800; color: #0f172a; }

/* ── ÖZET BANNER ─────────────────────────────────────────── */
.pd-summary-banner {
    background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 50%, #fefce8 100%);
    border: 1px solid #dbeafe;
    border-radius: 14px; padding: 18px 20px;
    display: flex; flex-direction: column; gap: 12px;
    flex: 1 1 0; min-width: 0;
    position: relative; overflow: hidden;
    font-family: 'Poppins', sans-serif;
}
.pd-banner-top {
    display: flex; align-items: center; justify-content: space-between;
}
.pd-banner-icon {
    width: 46px; height: 46px; flex-shrink: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; color: #fff;
    box-shadow: 0 4px 14px rgba(249,115,22,0.3);
}
.pd-banner-badge {
    display: inline-flex; align-items: center;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff; font-size: 11px; font-weight: 700;
    letter-spacing: 0.4px; text-transform: uppercase;
    padding: 3px 12px; border-radius: 20px;
}
.pd-banner-content { display: flex; flex-direction: column; gap: 2px; }
.pd-banner-title { font-size: 14px; font-weight: 700; color: #0f172a; line-height: 1.3; }
.pd-banner-sub   { font-size: 12.5px; color: #475569; }
.pd-banner-list {
    display: flex; flex-direction: column; gap: 7px; flex: 1;
}
.pd-banner-list-item {
    display: flex; align-items: center; gap: 8px;
    font-size: 12.5px; font-weight: 500; color: #1e293b;
}
.pd-banner-list-item i { color: #f97316; font-size: 12px; flex-shrink: 0; }
.pd-banner-footer {
    display: flex; align-items: center;
    justify-content: space-between; gap: 8px;
    padding-top: 10px;
    border-top: 1px solid #dbeafe;
    margin-top: auto;
}
.pd-banner-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.pd-banner-link {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 12px; font-weight: 700; color: #f97316;
    text-decoration: none; white-space: nowrap;
}
.pd-banner-link:hover { text-decoration: underline; color: #ea580c; }

/* ── ALERT ───────────────────────────────────────────────── */
.pd-alert {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 18px; border-radius: 12px; margin-bottom: 14px;
    font-family: 'Poppins', sans-serif; font-size: 14px;
}
.pd-alert-icon { font-size: 18px; flex-shrink: 0; }
.pd-alert-warning { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
.pd-alert-warning .pd-alert-icon { color: #d97706; }
.pd-alert-danger  { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
.pd-alert-danger .pd-alert-icon { color: #dc2626; }
.pd-alert span { flex: 1; }
.pd-alert-btn {
    display: inline-flex; align-items: center;
    font-size: 12px; font-weight: 600; padding: 7px 16px;
    border-radius: 8px; text-decoration: none;
    background: #f8fafc; border: 1.5px solid #cbd5e1;
    color: #374151; white-space: nowrap; flex-shrink: 0;
}
.pd-alert-btn:hover { background: #f1f5f9; border-color: #94a3b8; color: #0f172a; text-decoration: none; }

/* ── TAB MENÜSÜ ──────────────────────────────────────────── */
.pd-nav-tabs {
    border-bottom: 2px solid #f1f5f9;
    padding: 0;
    display: flex; flex-wrap: wrap;
    gap: 0; margin: 0;
    background: #fafbfc;
    border-radius: 4px 4px 0 0;
}
.pd-nav-tabs .nav-item { margin-bottom: -2px; }
.pd-nav-tabs .nav-item .nav-link {
    font-size: 12.5px; font-weight: 600; color: #94a3b8;
    padding: 12px 18px;
    border: none; border-bottom: 2px solid transparent;
    border-radius: 0; background: none;
    display: flex; align-items: center; gap: 6px;
    text-decoration: none;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
}
.pd-nav-tabs .nav-item .nav-link i { font-size: 12px; }
.pd-nav-tabs .nav-item .nav-link:hover {
    color: #374151; border-bottom-color: #94a3b8; background: none;
}
.pd-nav-tabs .nav-item .nav-link.active {
    color: #374151; border-bottom-color: #cbd5e1; background: none;
}

/* ── TAB İÇERİK ─────────────────────────────────────────── */
.pd-tab-content { padding: 18px 0 0; }

/* ── DETAY SATIRLARI ─────────────────────────────────────── */
.pd-detail-row {
    display: flex; align-items: center; justify-content: space-between;
    padding: 11px 0;
    border-bottom: 1px solid #f1f5f9;
    gap: 16px;
}
.pd-detail-row:last-of-type { border-bottom: none; }
.pd-detail-label {
    font-size: 13px; font-weight: 500; color: #64748b;
    flex-shrink: 0;
}
.pd-detail-value {
    font-size: 13px; color: #1e293b; font-weight: 600;
    text-align: right; word-break: break-word;
}
.pd-detail-value .ssl-inactive { color: #dc2626; }

/* Domain / server butonları */
.pd-detail-actions {
    display: flex; gap: 8px; flex-wrap: wrap;
    padding-top: 14px; margin-top: 4px;
}
.pd-detail-btn {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12px; font-weight: 600; padding: 8px 18px;
    border-radius: 10px; font-family: 'Poppins', sans-serif;
    border: 1.5px solid #e5e7eb; background: #fff;
    color: #475569; text-decoration: none; transition: all 0.15s;
}
.pd-detail-btn:hover {
    border-color: #94a3b8; color: #374151;
    background: #f1f5f9; text-decoration: none;
}

/* ── KAYNAK KULLANIMI ────────────────────────────────────── */
.pd-usage-grid {
    display: flex; gap: 32px; justify-content: center;
    text-align: center; padding: 10px 0;
}
.pd-usage-item h4 {
    font-size: 11px; font-weight: 700; color: #64748b;
    text-transform: uppercase; letter-spacing: 0.4px;
    margin-bottom: 10px;
}

/* ── DOWNLOAD ITEM ───────────────────────────────────────── */
.pd-download-item {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; padding: 12px 0;
    border-bottom: 1px solid #f1f5f9;
}
.pd-download-item:last-child { border-bottom: none; }
.pd-download-info strong { font-size: 13px; font-weight: 600; color: #1e293b; display: block; margin-bottom: 2px; }
.pd-download-info p { font-size: 12.5px; color: #64748b; margin: 0; }

/* ── ADDON KART ──────────────────────────────────────────── */
.pd-addon-card {
    background: #fff; border: 1px solid #e5e7eb;
    border-radius: 12px; overflow: hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,0.04);
    margin-bottom: 12px;
}
.pd-addon-header {
    background: #fafbfc; border-bottom: 1px solid #f1f5f9;
    padding: 12px 16px;
    display: flex; align-items: center; justify-content: space-between;
}
.pd-addon-name { font-size: 13px; font-weight: 700; color: #0f172a; }
.pd-addon-status {
    font-size: 10px; font-weight: 700; padding: 3px 10px;
    border-radius: 20px; text-transform: uppercase; letter-spacing: 0.3px;
}
.pd-addon-status-active    { background: #dcfce7; color: #16a34a; }
.pd-addon-status-suspended { background: #fef9c3; color: #ca8a04; }
.pd-addon-status-terminated,
.pd-addon-status-cancelled { background: #fee2e2; color: #dc2626; }
.pd-addon-body { padding: 14px 16px; }
.pd-addon-meta {
    display: flex; flex-direction: column; gap: 6px;
    font-size: 13px; color: #475569;
}
.pd-addon-meta i { display: none; }
.pd-addon-footer {
    background: #fafbfc; border-top: 1px solid #f1f5f9;
    padding: 12px 16px;
    display: flex; flex-wrap: wrap; gap: 8px;
}
.pd-addon-footer .btn {
    font-size: 12px; font-weight: 600;
    padding: 7px 16px; border-radius: 8px;
    font-family: 'Poppins', sans-serif;
}

/* ── Module client area ──────────────────────────────────── */
.module-client-area {
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    color: #334155;
}

/* ══════════════════════════════════════════════════════════
   pd-module-wrap: cPanel / modül panel override
   ══════════════════════════════════════════════════════════ */
.pd-module-wrap {
    font-family: 'Poppins', sans-serif;
}

/* Kart kapsayıcı */
.pd-module-wrap .panel,
.pd-module-wrap .card {
    background: #fff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 8px rgba(0,0,0,0.04) !important;
    margin-bottom: 16px !important;

}

/* Paket + Kullanim panelleri esit yukseklik */
.pd-module-wrap .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}
.pd-module-wrap .row > [class*="col-"] {
    display: flex !important;
    flex-direction: column !important;
}

/* Kart başlığı — beyaz arka plan, alt border */
.pd-module-wrap .panel-heading,
.pd-module-wrap .card-header {
    background: #fff !important;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-radius: 0 !important;
    padding: 16px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

/* Başlık soluna turuncu ikon kutusu */
.pd-module-wrap .panel-heading::before,
.pd-module-wrap .card-header::before {
    content: '';
    display: none !important;
}






/* Panel ikon kutulari kaldirildi */




/* Başlık metni — koyu */
.pd-module-wrap .panel-title,
.pd-module-wrap .card-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Kart gövdesi */
.pd-module-wrap .panel-body,
.pd-module-wrap .card-body {
    padding: 20px 22px !important;
    background: #fff !important;
}
/* Alt turuncu ÅŸerit */
.pd-module-wrap .panel-body::after,
.pd-module-wrap .card-body::after {
    content: '';
    display: block;
    margin-top: 14px;
    height: 3px;
    border-radius: 3px;
    background: transparent;
}
#cPanelQuickEmailPanel .card-body::after { display: none; }

/* ── Kısayollar Grid ─────────────────────────────────────── */
.pd-module-wrap .cpanel-feature-row .col-md-3,
.pd-module-wrap .cpanel-feature-row .col-sm-4,
.pd-module-wrap .cpanel-feature-row .col-sm-3,
.pd-module-wrap .cpanel-feature-row .col-6 {
    margin-bottom: 8px;
}
.pd-module-wrap .cpanel-feature-row a.d-block {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 8px;
    border-radius: 12px;
    border: none;
    background: transparent;
    color: #334155 !important;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-decoration: none !important;
    transition: all 0.18s;
    margin-bottom: 0 !important;
    line-height: 1.3;
    text-align: center;
}
.pd-module-wrap .cpanel-feature-row a.d-block:hover {
    background: #f8fafc;
    border-color: transparent;
    color: #374151 !important;

    box-shadow: none;
}
.pd-module-wrap .cpanel-feature-row a.d-block img {
    width: 38px; height: 38px;
    object-fit: contain;
    transition: transform 0.15s;
}
.pd-module-wrap .cpanel-feature-row a.d-block:hover img {
    transform: scale(1.1);
}

/* ── Kullanım İstatistikleri ────────────────────────────── */
.pd-module-wrap .cpanel-usage-stats {
    text-align: center;
}
.pd-module-wrap .cpanel-usage-stats #diskUsage strong,
.pd-module-wrap .cpanel-usage-stats #bandwidthUsage strong {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-family: 'Poppins', sans-serif;
    display: block;
    margin-bottom: 8px;
}
.pd-module-wrap .cpanel-usage-stats .text-info.limit-near {
    margin-top: 12px;
    font-size: 11.5px;
    color: #94a3b8 !important;
    font-family: 'Poppins', sans-serif;
}

/* ── Hızlı E-Posta Formu ────────────────────────────────── */
.pd-module-wrap #frmCreateEmailAccount .form-control {
    border-radius: 10px !important;
    border-color: #e5e7eb !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    height: 42px !important;
}
.pd-module-wrap #frmCreateEmailAccount .form-control:focus {
    border-color: #94a3b8 !important;
    box-shadow: 0 0 0 3px rgba(148,163,184,0.2) !important;
}
.pd-module-wrap #frmCreateEmailAccount .input-group-text {
    background: #fafbfc !important;
    border-color: #e5e7eb !important;
    color: #64748b !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 0 10px 10px 0 !important;
}
.pd-module-wrap #frmCreateEmailAccount .btn-primary {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    height: 42px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    color: #374151 !important;
}
.pd-module-wrap #frmCreateEmailAccount .btn-primary:hover {
    background: #f1f5f9 !important; border-color: #94a3b8 !important;
}
.pd-module-wrap .alert-success {
    background: #dcfce7 !important;
    border-color: #86efac !important;
    color: #15803d !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
}
.pd-module-wrap .alert-danger {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
}

/* ── Şifre Değiştir tab ─────────────────────────────────── */
.using-password-strength .form-control {
    border-radius: 10px; border-color: #e5e7eb;
    font-family: 'Poppins', sans-serif; font-size: 13px;
}
.using-password-strength .form-control:focus {
    border-color: #94a3b8;
    box-shadow: none;
}
.using-password-strength .col-form-label {
    font-size: 13px; font-weight: 500; color: #64748b;
}
.using-password-strength .btn {
    border-radius: 10px; font-family: 'Poppins', sans-serif;
    font-size: 12.5px; font-weight: 600;
}
.using-password-strength .btn-primary {
    background: #f8fafc; border: 1.5px solid #cbd5e1; color: #374151;
}
.using-password-strength .btn[type="reset"] {
    background: #fff; border: 1.5px solid #e5e7eb; color: #64748b;
}

/* ══════════════════════════════════════════════════════════
   Ä°KÄ° SÃœTUNLU LAYOUT
   ══════════════════════════════════════════════════════════ */
.pd-layout-row {
    display: flex; gap: 20px; align-items: flex-start;
    margin-bottom: 24px;
}
.pd-layout-main {
    flex: 1 1 0; min-width: 0;
    display: flex; flex-direction: column; gap: 16px;
}
.pd-layout-sidebar {
    width: 290px; flex-shrink: 0;
    display: flex; flex-direction: column; gap: 16px;
    position: sticky; top: 20px;
}

/* ── FATURA BİLGİLERİ KARTI (Hesap Detayları stili) ────── */
.pd-summary-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px; overflow: hidden;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 1px 8px rgba(0,0,0,0.04);
}
.pd-summary-header {
    display: flex; align-items: center; gap: 10px;
    background: #fff;
    padding: 16px 18px;
    border-bottom: 1px solid #f1f5f9;
}
.pd-summary-header-icon { display: none; }
.pd-summary-header-text strong {
    display: block; font-size: 15px; font-weight: 700; color: #0f172a;
}
.pd-summary-body { padding: 16px 18px; }
.pd-summary-footer {
    padding: 14px 18px;
    border-top: 1px solid #f1f5f9;
    background: #fafbfc;
}
.pd-btn-continue {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    background: #f8fafc; border: 1.5px solid #cbd5e1;
    color: #374151; border-radius: 9px;
    font-size: 13px; font-weight: 600; padding: 10px 20px;
    font-family: 'Poppins', sans-serif; text-decoration: none;
    width: 100%; transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.pd-btn-continue:hover { background: #f1f5f9; border-color: #94a3b8; color: #0f172a; text-decoration: none; }

/* ── HIZLI ERİŞİM KARTI (anasayfa "Hızlı Erişim!" referansı) ── */
.pd-quick-access {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px; overflow: hidden;
    font-family: 'Poppins', sans-serif;
}
.pd-quick-access-header {
    padding: 14px 18px;
    font-size: 15px; font-weight: 700; color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
    display: flex; align-items: center; gap: 8px;
}
.pd-quick-access-header i {
    color: #f97316; font-size: 14px;
}
.pd-quick-access-body {
    padding: 8px 0;
}
.pd-quick-link {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 18px;
    font-size: 13px; font-weight: 500; color: #334155;
    text-decoration: none;
    transition: all 0.15s;
    border-left: 3px solid transparent;
}
.pd-quick-link:hover {
    background: #f8fafc;
    color: #0f172a;
    border-left-color: #94a3b8;
    text-decoration: none;
}
.pd-quick-link i { display: none; }
.pd-quick-link:hover i { display: none; }
.pd-quick-link-danger { color: #94a3b8; }
.pd-quick-link-danger:hover {
    color: #dc2626; background: #fef2f2;
    border-left-color: #dc2626;
}
.pd-quick-link-danger:hover i { color: #dc2626; }
.pd-quick-link.disabled {
    opacity: 0.45; pointer-events: none;
}

/* ── SIDEBAR BANNER (Promo Kartı — koyu navy) ────────────── */
.pd-sidebar-banner {
    background: linear-gradient(160deg, #0d1b3e 0%, #102a4c 60%, #0a1628 100%);
    border: none;
    border-radius: 14px; padding: 20px 18px;
    display: flex; flex-direction: column; gap: 10px;
    position: relative; overflow: hidden;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 4px 20px rgba(13,27,62,0.25);
}
.pd-sidebar-banner-deco {
    position: absolute; top: -40px; right: -40px;
    width: 140px; height: 140px; border-radius: 50%;
    background: rgba(255,255,255,0.03);
    pointer-events: none;
}
.pd-sidebar-banner-deco::after {
    content: '';
    position: absolute; bottom: -60px; left: -60px;
    width: 100px; height: 100px; border-radius: 50%;
    background: rgba(249,115,22,0.08);
}
.pd-sidebar-banner-toprow {
    display: flex; align-items: center; justify-content: space-between;
}
.pd-sidebar-banner-icon {
    width: 42px; height: 42px; border-radius: 11px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; color: #fff; flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(249,115,22,0.35);
}
.pd-sidebar-banner-headline {
    font-size: 15px; font-weight: 700; color: #fff; line-height: 1.3;
}
.pd-sidebar-banner-offer {
    font-size: 12px; color: rgba(255,255,255,0.50); margin: 0;
    font-weight: 500; letter-spacing: 0.2px;
}
.pd-sidebar-banner-divider {
    height: 1px; background: rgba(255,255,255,0.08); margin: 2px 0;
}
.pd-sidebar-banner-features {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: 7px;
}
.pd-sidebar-banner-features li {
    display: flex; align-items: center; gap: 8px;
    font-size: 12.5px; font-weight: 500; color: rgba(255,255,255,0.85);
}
.pd-sidebar-banner-features li i { color: #f97316; font-size: 11px; flex-shrink: 0; }
.pd-sidebar-banner-stats {
    display: flex; flex-direction: column; gap: 2px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px; padding: 10px 14px;
}
.pd-sidebar-banner-stat {
    display: flex; flex-direction: column; gap: 1px;
}
.pd-sidebar-banner-stat-val {
    font-size: 13px; font-weight: 700; color: #fb923c;
}
.pd-sidebar-banner-stat-key {
    font-size: 10.5px; color: rgba(255,255,255,0.40);
    text-transform: uppercase; letter-spacing: 0.5px;
}
.pd-sidebar-banner-btn {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    border: none; color: #fff; border-radius: 10px;
    font-size: 12.5px; font-weight: 700; padding: 10px 16px;
    text-decoration: none; transition: all 0.18s; margin-top: 4px;
    box-shadow: 0 4px 14px rgba(249,115,22,0.35);
}
.pd-sidebar-banner-btn:hover {
    opacity: 0.88;
    color: #fff; text-decoration: none;
}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 991px) {
    .pd-layout-row { flex-direction: column; }
    .pd-layout-sidebar { width: 100%; position: static; }
}
@media (max-width: 767px) {
    .pd-hero { flex-wrap: wrap; padding: 12px 14px; gap: 10px; }
    .pd-hero-main { flex-wrap: wrap; }
    .pd-hero-left { width: 100%; }
    .pd-hero-separator { display: none; }
    .pd-hero-right { width: 100%; }
    .pd-hero-title { font-size: 18px; }
    .pd-hero-cta { width: 100%; text-align: center; }
    .pd-top-row { flex-direction: column; }
    .pd-detail-row { flex-direction: column; gap: 2px; }
    .pd-detail-value { text-align: left; }
    .pd-nav-tabs { overflow-x: auto; flex-wrap: nowrap; }
    .pd-nav-tabs .nav-item .nav-link { padding: 10px 12px; font-size: 11px; }
    .pd-usage-grid { flex-direction: column; gap: 16px; }
    .pd-module-wrap .cpanel-feature-row a.d-block { padding: 12px 8px; }
}
@media (max-width: 576px) {
    .pd-hero-title { font-size: 16px; }
    .pd-info-row { flex-direction: column; gap: 1px; }
    .pd-info-value { text-align: left; }
}

/* ----------------------------------------------------------
   12d. Cart Page — Sepet Sayfası (cart.php?a=view)
   ---------------------------------------------------------- */

/* ── Cart Sidebar (adım navigasyonu) → gizle ────────────── */
.cart-sidebar,
.cart-step-indicator,
#cart-sidebar,
.checkout-progress {
    display: none !important;
}

/* ── secondary-cart-body — ÖZET Kartı ──────────────────── */
.secondary-cart-body {
    font-family: 'Poppins', sans-serif;
}
.secondary-cart-body .panel,
.secondary-cart-body .card {
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(15,23,42,0.07);
    margin-bottom: 0;
}

/* Panel başlık (ÖZET | Sepet Özeti) */
.secondary-cart-body .panel-heading,
.secondary-cart-body .card-header {
    background: #fff;
    border-bottom: 1px solid #f1f5f9;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.secondary-cart-body .panel-heading::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f290';
    font-size: 14px;
    color: #0ea5e9;
    flex-shrink: 0;
}
.secondary-cart-body .panel-heading h3,
.secondary-cart-body .panel-heading .panel-title,
.secondary-cart-body .card-header h3 {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
/* "ÖZET" güçlü + "Sepet Özeti" yumu başlık span */
.secondary-cart-body .panel-heading h3::after {
    content: 'Sepet Özeti';
    font-size: 12px;
    font-weight: 400;
    color: #94a3b8;
    padding-left: 8px;
    border-left: 1px solid #e2e8f0;
    margin-left: 2px;
}

/* Panel body */
.secondary-cart-body .panel-body,
.secondary-cart-body .card-body {
    padding: 0;
}

/* ── Toplam tablosu ─────────────────────────────────────── */
.secondary-cart-body table,
.secondary-cart-body #tableCartTotals,
.secondary-cart-body .totals-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
    color: #334155;
}
.secondary-cart-body table tr,
.secondary-cart-body .total-row {
    border-bottom: 1px solid #f8fafc;
}
.secondary-cart-body table tr:last-child { border-bottom: none; }

.secondary-cart-body table td,
.secondary-cart-body .total-label,
.secondary-cart-body .total-value {
    padding: 11px 20px;
    vertical-align: middle;
    font-size: 13.5px;
    color: #334155;
}
.secondary-cart-body table td:last-child,
.secondary-cart-body .total-value {
    text-align: right;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
}

/* İndirim satırı — yeşil */
.secondary-cart-body table tr.discount td,
.secondary-cart-body table tr.coupon td,
.secondary-cart-body .discount-row td {
    color: #16a34a !important;
}
.secondary-cart-body table tr.discount td:first-child,
.secondary-cart-body table tr.coupon td:first-child {
    font-weight: 500;
}

/* Genel Toplam — kalın */
.secondary-cart-body table tr.total td,
.secondary-cart-body table tr:last-child td,
.secondary-cart-body .grand-total-row td {
    font-size: 14.5px;
    font-weight: 700;
    color: #0f172a;
    border-top: 2px solid #f1f5f9;
    padding-top: 13px;
    padding-bottom: 13px;
}

/* ── Kupon bölümü ────────────────────────────────────────── */
.secondary-cart-body #couponHolder,
.secondary-cart-body .coupon,
.secondary-cart-body .coupon-section {
    padding: 12px 20px;
    border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
}
.secondary-cart-body #couponHolder a,
.secondary-cart-body .coupon a,
.secondary-cart-body .coupon-section a,
.secondary-cart-body a[href*="coupon"],
.secondary-cart-body a.coupon-link {
    font-size: 13px;
    font-weight: 500;
    color: #0ea5e9;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.15s;
}
.secondary-cart-body #couponHolder a:hover,
.secondary-cart-body .coupon a:hover { color: #0284c7; text-decoration: underline; }

/* Kupon formu (input + buton) */
.secondary-cart-body #couponHolder input[type="text"],
.secondary-cart-body .coupon input,
.secondary-cart-body .coupon-input input {
    height: 38px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px 0 0 8px;
    padding: 0 12px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    color: #1e293b;
    background: #f8fafc;
    outline: none;
    flex: 1;
    width: 100%;
    transition: border-color 0.15s;
}
.secondary-cart-body #couponHolder input[type="text"]:focus,
.secondary-cart-body .coupon input:focus {
    border-color: #0ea5e9;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(14,165,233,0.10);
}
.secondary-cart-body #couponHolder .input-group,
.secondary-cart-body .coupon .input-group {
    display: flex;
    align-items: stretch;
}
.secondary-cart-body #couponHolder .btn,
.secondary-cart-body .coupon .btn-apply,
.secondary-cart-body .coupon input[type="submit"] {
    height: 38px;
    padding: 0 14px;
    border-radius: 0 8px 8px 0;
    font-size: 12px;
    font-weight: 600;
    background: #0ea5e9;
    border: 1.5px solid #0ea5e9;
    color: #fff;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    white-space: nowrap;
    transition: background 0.15s;
}
.secondary-cart-body #couponHolder .btn:hover { background: #0284c7; border-color: #0284c7; }

/* ── Ödemeye Geç butonu ──────────────────────────────────── */
.secondary-cart-body .btn-checkout,
.secondary-cart-body a.checkout,
.secondary-cart-body .checkout-btn,
.secondary-cart-body input[type="submit"][value*="Checkout"],
.secondary-cart-body input[type="submit"][value*="checkout"],
.secondary-cart-body input[type="submit"][value*="demeye"],
.secondary-cart-body .btn.btn-success.btn-lg.btn-block,
.secondary-cart-body a.btn-success.btn-block {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    text-decoration: none !important;
    transition: opacity 0.15s, box-shadow 0.15s;
    box-shadow: 0 4px 14px rgba(249,115,22,0.30);
    margin: 16px 20px 20px !important;
    box-sizing: border-box;
    width: calc(100% - 40px) !important;
}
.secondary-cart-body .btn-checkout:hover,
.secondary-cart-body a.checkout:hover,
.secondary-cart-body .btn.btn-success.btn-lg.btn-block:hover {
    opacity: 0.92;
    box-shadow: 0 6px 18px rgba(249,115,22,0.38);
    color: #fff !important;
    text-decoration: none !important;
}

/* Panel-body direkt içerik padding düzeni */
.secondary-cart-body .panel-body > *:not(table):not(#couponHolder):not(.coupon):not(.btn-checkout):not(a.checkout):not(.btn) {
    padding-left: 20px;
    padding-right: 20px;
}

/* ═══════════════════════════════════════════════════════════
   cart-body — Ana Sepet Tablosu (row genişliğine göre)
   ═══════════════════════════════════════════════════════════ */

/* Row wrapper: Bootstrap gutter'ı koru */
.cart-body,
#primary-cart,
.primary-cart-body {
    width: 100%;
    font-family: 'Poppins', sans-serif;
}

/* Cart başlık çubuğu (SEPETİNİZ + butonlar) */
.cart-body .cart-header,
.cart-body .panel-heading,
#primary-cart .cart-header,
.primary-cart-body .panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #fff;
    border-bottom: 1px solid #f1f5f9;
    border-radius: 14px 14px 0 0;
    gap: 12px;
    flex-wrap: wrap;
}
.cart-body .cart-header h3,
.cart-body .panel-heading h3,
#primary-cart h3 {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Cart tablosu wrapper */
.cart-body .table-responsive,
#primary-cart .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Cart ana tablosu */
.cart-body table,
#primary-cart table,
.primary-cart-body table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #334155;
    background: #fff;
    border-radius: 0 0 14px 14px;
    overflow: hidden;
}

/* Tablo başlıkları */
.cart-body table thead th,
#primary-cart table thead th,
.primary-cart-body table thead th {
    padding: 11px 16px;
    font-size: 10.5px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #f8fafc;
    border-bottom: 2px solid #e8eef4;
    white-space: nowrap;
}

/* Tablo satırları */
.cart-body table tbody tr,
#primary-cart table tbody tr,
.primary-cart-body table tbody tr {
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.12s;
}
.cart-body table tbody tr:last-child,
#primary-cart table tbody tr:last-child { border-bottom: none; }
.cart-body table tbody tr:hover,
#primary-cart table tbody tr:hover { background: #fafcff; }

/* Tablo hücreleri */
.cart-body table tbody td,
#primary-cart table tbody td,
.primary-cart-body table tbody td {
    padding: 14px 16px;
    vertical-align: middle;
    color: #334155;
}

/* Fiyat sütunu */
.cart-body table tbody td:last-child,
#primary-cart table tbody td.price,
#primary-cart table tbody td:last-child {
    text-align: right;
    font-weight: 700;
    color: #0ea5e9;
    white-space: nowrap;
    font-size: 14px;
}

/* Üstü çizili eski fiyat */
.cart-body table tbody td .original-price,
.cart-body table tbody td del,
#primary-cart td del {
    font-size: 12px;
    color: #cbd5e1;
    text-decoration: line-through;
    font-weight: 400;
    margin-right: 4px;
}

/* Dönem seçici (select) */
.cart-body table tbody td select,
#primary-cart table tbody td select {
    height: 36px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 10px;
    font-size: 12.5px;
    font-family: 'Poppins', sans-serif;
    color: #334155;
    background: #f8fafc;
    cursor: pointer;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 26px;
    -webkit-appearance: none;
    min-width: 100px;
}

/* İşlem butonları (Sil, Düzenle) */
.cart-body table tbody td .btn,
#primary-cart table tbody td .btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 32px;
    padding: 0 12px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    text-decoration: none;
    border: 1.5px solid transparent;
    margin-right: 4px;
    vertical-align: middle;
}
.cart-body table tbody td .btn-danger,
#primary-cart td .btn-danger {
    background: #fff0f0;
    border-color: #fca5a5;
    color: #dc2626;
}
.cart-body table tbody td .btn-danger:hover,
#primary-cart td .btn-danger:hover { background: #fee2e2; border-color: #f87171; }

.cart-body table tbody td .btn-default,
.cart-body table tbody td .btn-secondary,
#primary-cart td .btn-default {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #475569;
}
.cart-body table tbody td .btn-default:hover,
#primary-cart td .btn-default:hover { background: #f1f5f9; border-color: #cbd5e1; }

/* Sepete yeni ürün / alan adı ekleme butonları */
.cart-body .btn-add-product,
.cart-body .btn-add-domain,
#primary-cart .btn-add-product,
#primary-cart .btn-add-domain,
.cart-body a.btn-success,
#primary-cart a.btn-success {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    border: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.15s;
}
.cart-body a.btn-success:hover,
#primary-cart a.btn-success:hover { opacity: 0.88; color: #fff; text-decoration: none; }

/* Addon/cross-sell satırları (yıldız ikonlu öneriler) */
.cart-body .addon-row,
.cart-body .upsell-row,
.cart-body .cross-sell,
.cart-body tr.addon,
#primary-cart tr.addon,
#primary-cart .cross-sell-row {
    background: #f0fdf4;
    border-left: 3px solid #10b981 !important;
}
.cart-body .addon-row td,
.cart-body tr.addon td,
#primary-cart tr.addon td { color: #065f46; }

/* "Kullan" yeÅŸil butonu (cross-sell) */
.cart-body .btn-use,
.cart-body .btn-apply-addon,
#primary-cart .btn-use,
#primary-cart .btn-apply {
    background: linear-gradient(135deg, #10b981, #059669);
    border: none;
    color: #fff;
    border-radius: 7px;
    height: 32px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: opacity 0.15s;
}
.cart-body .btn-use:hover,
#primary-cart .btn-use:hover { opacity: 0.88; color: #fff; text-decoration: none; }

/* ═══════════════════════════════════════════════════════════
   .product-info — Ürün/Hizmet Hücre Tasarımı
   ═══════════════════════════════════════════════════════════ */

.product-info,
td.product-info,
.cart-body td.product-info,
#primary-cart td.product-info {
    min-width: 200px;
    padding: 14px 16px !important;
}

/* Ürün adı */
.product-info .product-name,
.product-info > strong,
.product-info > b,
.product-info strong:first-of-type {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 3px;
    line-height: 1.3;
}

/* Domain / alan adı */
.product-info .domain,
.product-info .domain-name,
.product-info > a,
.product-info small,
.product-info span.domain {
    display: block;
    font-size: 12px;
    color: #0ea5e9;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.15s;
    line-height: 1.4;
    margin-top: 1px;
}
.product-info > a:hover,
.product-info .domain:hover { color: #0284c7; text-decoration: underline; }

/* Alt hizmet / addon satırı başlığı (ör: Yedekleme) */
.product-info .addon-name,
.product-info .sub-item,
.product-info em {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    font-style: normal;
}
.product-info .addon-name::before,
.product-info .sub-item::before {
    content: '›';
    color: #94a3b8;
    font-size: 14px;
}

/* Ürün rozeti (opsiyonel) */
.product-info .product-badge {
    display: inline-block;
    font-size: 9.5px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    background: #e0f2fe;
    color: #0369a1;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-top: 4px;
    vertical-align: middle;
}

/* ═══════════════════════════════════════════════════════════
   .secondary-cart-sidebar — Özet Sidebar Container
   ═══════════════════════════════════════════════════════════ */

.secondary-cart-sidebar {
    font-family: 'Poppins', sans-serif;
    position: sticky;
    top: 20px;
}

/* İç kart */
.secondary-cart-sidebar .panel,
.secondary-cart-sidebar .card,
.secondary-cart-sidebar > div {
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(15,23,42,0.08);
}

/* Başlık */
.secondary-cart-sidebar .panel-heading,
.secondary-cart-sidebar .card-header {
    background: #fff;
    border-bottom: 1px solid #f1f5f9;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.secondary-cart-sidebar .panel-heading::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f290';
    font-size: 14px;
    color: #0ea5e9;
    flex-shrink: 0;
}
.secondary-cart-sidebar .panel-heading h3,
.secondary-cart-sidebar .panel-heading .panel-title,
.secondary-cart-sidebar .card-header h3 {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.secondary-cart-sidebar .panel-heading h3::after {
    content: 'Sepet Özeti';
    font-size: 12px;
    font-weight: 400;
    color: #94a3b8;
    padding-left: 8px;
    border-left: 1px solid #e2e8f0;
    margin-left: 2px;
}

/* Panel body sıfırla */
.secondary-cart-sidebar .panel-body,
.secondary-cart-sidebar .card-body {
    padding: 0;
}

/* Toplam tablosu */
.secondary-cart-sidebar table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
    color: #334155;
}
.secondary-cart-sidebar table tr { border-bottom: 1px solid #f8fafc; }
.secondary-cart-sidebar table tr:last-child { border-bottom: none; }
.secondary-cart-sidebar table td {
    padding: 11px 20px;
    vertical-align: middle;
}
.secondary-cart-sidebar table td:last-child {
    text-align: right;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
}

/* İndirim satırı */
.secondary-cart-sidebar table tr.discount td,
.secondary-cart-sidebar table tr.coupon td { color: #16a34a !important; }

/* Genel toplam */
.secondary-cart-sidebar table tr.total td,
.secondary-cart-sidebar table tr:last-child td {
    font-size: 14.5px;
    font-weight: 700;
    color: #0f172a;
    border-top: 2px solid #f1f5f9;
    padding-top: 13px;
    padding-bottom: 13px;
}

/* Kupon */
.secondary-cart-sidebar #couponHolder,
.secondary-cart-sidebar .coupon,
.secondary-cart-sidebar .coupon-section {
    padding: 12px 20px;
    border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
}
.secondary-cart-sidebar #couponHolder a,
.secondary-cart-sidebar .coupon a {
    font-size: 13px;
    font-weight: 500;
    color: #0ea5e9;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.secondary-cart-sidebar #couponHolder a:hover,
.secondary-cart-sidebar .coupon a:hover { color: #0284c7; text-decoration: underline; }

/* Ödemeye Geç butonu */
.secondary-cart-sidebar .btn-checkout,
.secondary-cart-sidebar a.checkout,
.secondary-cart-sidebar .btn.btn-success.btn-lg.btn-block,
.secondary-cart-sidebar a.btn-success.btn-block {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: calc(100% - 40px) !important;
    height: 48px;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    text-decoration: none !important;
    transition: opacity 0.15s, box-shadow 0.15s;
    box-shadow: 0 4px 14px rgba(249,115,22,0.30);
    margin: 16px 20px 20px !important;
    box-sizing: border-box;
}
.secondary-cart-sidebar .btn-checkout:hover,
.secondary-cart-sidebar a.checkout:hover,
.secondary-cart-sidebar .btn.btn-success.btn-lg.btn-block:hover {
    opacity: 0.92;
    box-shadow: 0 6px 18px rgba(249,115,22,0.38);
    color: #fff !important;
    text-decoration: none !important;
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 991px) {
    .secondary-cart-sidebar { position: static; }
}
@media (max-width: 767px) {
    .secondary-cart-body { margin-top: 20px; }
    .secondary-cart-sidebar { margin-top: 20px; }
    .secondary-cart-body .btn-checkout,
    .secondary-cart-body a.checkout,
    .secondary-cart-sidebar .btn-checkout,
    .secondary-cart-sidebar a.checkout,
    .secondary-cart-body .btn.btn-success.btn-lg.btn-block,
    .secondary-cart-sidebar .btn.btn-success.btn-lg.btn-block {
        margin: 14px 16px 16px !important;
        width: calc(100% - 32px) !important;
    }
    .secondary-cart-body table td,
    .secondary-cart-sidebar table td { padding: 10px 16px; }
    .secondary-cart-body #couponHolder,
    .secondary-cart-sidebar #couponHolder,
    .secondary-cart-body .coupon,
    .secondary-cart-sidebar .coupon { padding: 10px 16px; }
    .cart-body table thead th,
    #primary-cart table thead th { font-size: 10px; padding: 9px 10px; }
    .cart-body table tbody td,
    #primary-cart table tbody td { padding: 12px 10px; }
    .product-info { min-width: 140px; }
}

/* ----------------------------------------------------------
   13. Responsive Düzenlemeler
   ---------------------------------------------------------- */
@media (max-width: 991px) {
    .ca-promo-visual {
        display: none;
    }
    .ca-promo-title strong {
        font-size: 22px;
    }
    .ca-promo-new-price {
        font-size: 28px;
    }
    .ca-features-strip {
        justify-content: flex-start;
        gap: 20px;
    }
    .ca-feature-item {
        flex: 1 1 140px;
    }
}

@media (max-width: 767px) {
    .ca-promo-inner {
        gap: 12px;
    }
    .ca-promo-brand-text {
        display: none;
    }
    .ca-promo-title {
        font-size: 18px;
    }
    .ca-promo-title strong {
        font-size: 20px;
    }
    .ca-promo-new-price {
        font-size: 24px;
    }
    .ca-promo-btn {
        padding: 10px 16px;
        font-size: 13px;
    }
    .ca-card {
        margin-bottom: 16px;
    }

    /* Ticket listesi mobil */
    .ca-dt-top-tickets {
        gap: 10px;
    }
    .ca-dt-top-tickets .ca-dt-top-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .ca-ticket-actions-bar {
        flex-direction: column;
        align-items: stretch;
        margin-left: 0;
        gap: 8px;
        width: 100%;
    }
    .ca-ticket-filters {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-start;
    }
    .ca-ticket-new-btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    .ca-dt-controls-spread {
        flex-direction: column;
        gap: 8px;
    }
    /* Tablo - kaydırma yok, sütun gizleme */
    .table-container {
        overflow-x: hidden;
        width: 100%;
    }
    #tableTicketsList {
        width: 100% !important;
        min-width: unset;
        table-layout: fixed;
    }
    /* Son İşlem (2), Departman (5), Görüntüle (6) sütunları gizle */
    #tableTicketsList thead tr th:nth-child(2),
    #tableTicketsList tbody tr td:nth-child(2),
    #tableTicketsList thead tr th:nth-child(5),
    #tableTicketsList tbody tr td:nth-child(5),
    #tableTicketsList thead tr th:nth-child(6),
    #tableTicketsList tbody tr td:nth-child(6) {
        display: none !important;
    }
    /* Görünür sütun genişlikleri: ID | Durum | Konu */
    #tableTicketsList thead tr th:nth-child(1),
    #tableTicketsList tbody tr td:nth-child(1) { width: 22%; }
    #tableTicketsList thead tr th:nth-child(3),
    #tableTicketsList tbody tr td:nth-child(3) { width: 28%; }
    #tableTicketsList thead tr th:nth-child(4),
    #tableTicketsList tbody tr td:nth-child(4) { width: 50%; }
    /* th: nowrap ve kompakt padding */
    #tableTicketsList thead tr th {
        white-space: nowrap !important;
        padding: 8px 6px !important;
        font-size: 11px !important;
    }
    /* sorting ok alanını sıfırla - mobilde gereksiz */
    #tableTicketsList thead th.sorting,
    #tableTicketsList thead th.sorting_asc,
    #tableTicketsList thead th.sorting_desc {
        padding-right: 18px !important;
    }
    #tableTicketsList tbody td {
        padding: 10px 6px;
        white-space: normal;
        word-break: break-word;
    }
    #tableTicketsList .ca-ticket-subject {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
    }
    .ca-dt-bottom-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    /* Ticket görüntüle mobil */
    .ca-vt-subject-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .ca-vt-header-actions {
        flex-wrap: wrap;
    }
    .ca-vt-message {
        flex-direction: column;
    }
    .ca-vt-msg-sidebar {
        width: 100%;
        min-width: 0;
        flex-direction: row;
        padding: 14px 16px;
        border-right: none;
        border-bottom: 1px solid #e8eef4;
        gap: 14px;
        text-align: left;
        align-items: center;
    }
    .ca-vt-avatar {
        width: 48px;
        height: 48px;
        font-size: 18px;
        margin-bottom: 0;
        flex-shrink: 0;
    }
    .ca-vt-user-name,
    .ca-vt-user-role,
    .ca-vt-user-email {
        text-align: left;
    }
    .ca-vt-rating {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        border-left: 1px solid #e8eef4;
        padding-left: 12px;
        margin-left: auto;
    }

    /* Submit ticket mobil */
    .ca-st-page-header {
        padding: 16px 16px 0;
        gap: 12px;
    }
    .ca-st-form-header {
        padding: 14px 16px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .ca-st-section {
        padding: 14px 16px;
    }
    .ca-st-submit-row {
        padding: 14px 16px;
        flex-wrap: wrap;
    }
    .ca-st-captcha {
        padding: 0 16px 14px;
    }
    .ca-dept-grid {
        padding: 0 16px 16px;
    }
    .ca-dept-card {
        padding: 12px 14px;
        gap: 12px;
    }
    .ca-st-success {
        padding: 32px 20px;
    }
    .ca-st-kb-section {
        padding: 14px 16px;
    }
}

/* ═══════════════════════════════════════════════════════════
   Domain Register Page — Modern Redesign  (image.png match)
   ═══════════════════════════════════════════════════════════ */

/* ── Temizlik: eski domain-checker-bg sarı/globe stilini sıfırla ── */
.dr-checker-modern.domain-checker-container {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.dr-checker-modern .domain-checker-bg,
.dr-checker-modern .domain-checker-bg.clearfix {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ══════════════════════════════════════════
   1. HERO BANNER  (lacivert arka plan)
   ══════════════════════════════════════════ */
.dr-hero-banner {
    background: linear-gradient(120deg, #88309b 0%, #0d2173 55%, #f260e7  100%);
    border-radius: 14px;
    padding: 32px 36px;
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    overflow: visible;
    position: relative;
}
.dr-hero-banner::before {
    content: '';
    position: absolute;
    right: 280px;
    top: -40px;
    width: 180px;
    height: 180px;
    background: rgba(255,255,255,0.03);
    border-radius: 50%;
    pointer-events: none;
}

/* Sol metin + form alanı */
.dr-hero-left {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.dr-hero-title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 8px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.2;
}
.dr-hero-sub {
    color: #a8c0e8;
    font-size: 14px;
    margin: 0 0 20px;
    line-height: 1.6;
}
.dr-hero-sub strong {
    color: #fff;
    font-weight: 700;
}

/* Sağ balon alanı */
.dr-hero-right {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

/* Ana turuncu balon */
.dr-bubble {
    position: relative;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
}
.dr-bubble-main {
    width: 148px;
    height: 148px;
    background: radial-gradient(circle at 40% 35%, #ffb940, #f08c00 75%);
    box-shadow: 0 8px 28px rgba(240,140,0,0.35);
    gap: 2px;
}
.dr-bubble-main .dr-bubble-tag {
    font-size: 9px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    line-height: 1;
    background: rgba(0,0,0,0.18);
    border-radius: 20px;
    padding: 2px 7px;
    margin-bottom: 2px;
}
.dr-bubble-main .dr-bubble-tld {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -1px;
}
.dr-bubble-main .dr-bubble-price {
    font-size: 26px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
}
.dr-bubble-main .dr-bubble-period {
    font-size: 11px;
    color: rgba(255,255,255,0.85);
    font-weight: 500;
    line-height: 1;
}
.dr-bubble-main .dr-bubble-group {
    position: absolute;
    bottom: 12px;
    font-size: 9px;
    color: rgba(255,255,255,0.8);
    font-weight: 600;
    text-transform: uppercase;
}

/* İkinci beyaz/açık balon */
.dr-bubble-secondary {
    width: 116px;
    height: 116px;
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(0,0,0,0.18);
    gap: 3px;
}
.dr-bubble-secondary .dr-bubble-corner-badge {
    position: absolute;
    top: 6px;
    right: 6px;
    background: #1cb35b;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 20px;
    text-transform: uppercase;
}
.dr-bubble-secondary .dr-bubble-tld {
    font-size: 19px;
    font-weight: 900;
    color: #1e293b;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
}
.dr-bubble-secondary .dr-bubble-price {
    font-size: 22px;
    font-weight: 900;
    color: #1e293b;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
}
.dr-bubble-secondary .dr-bubble-period {
    font-size: 10px;
    color: #64748b;
    line-height: 1;
}

/* ══════════════════════════════════════════
   2. HERO SEARCH  (hero içindeki arama alanı)
   ══════════════════════════════════════════ */
.dr-hero-search {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Input + Buton yan yana */
.dr-search-row {
    display: flex;
    gap: 8px;
    align-items: center;
}
.dr-domain-input {
    flex: 1;
    padding: 13px 18px !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #1e293b !important;
    background: #ffffff !important;
    height: auto !important;
    transition: box-shadow 0.2s !important;
    min-width: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
}
.dr-domain-input:focus {
    box-shadow: 0 0 0 3px rgba(255,255,255,0.4), 0 2px 10px rgba(0,0,0,0.15) !important;
    outline: none !important;
}
.dr-domain-input::placeholder {
    color: #94a3b8;
}

/* AI mod textarea */
.dr-ai-textarea {
    flex: 1;
    min-height: 52px;
    resize: none;
}

/* Mavi ikon arama butonu */
.dr-btn-search-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    padding: 0 !important;
    background: #1a56db !important;
    border: none !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 18px !important;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    transition: background 0.18s, transform 0.15s !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.25) !important;
}
.dr-btn-search-icon:hover {
    background: #1648c0 !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}
.dr-btn-search-icon i {
    font-size: 17px !important;
}

/* AI ek seçenekler */
.dr-ai-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 12px;
}
.dr-safe-label {
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

/* Captcha */
.dr-captcha {
    margin-top: 14px;
}

/* ── .com .net .org fiyat satırı — hero dark bg üzerinde ── */
.dr-tld-prices-bar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    flex-wrap: wrap;
}
.dr-tld-badge {
    display: flex;
    align-items: center;
    gap: 7px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 8px;
    padding: 6px 14px;
    transition: background 0.18s, border-color 0.18s;
    backdrop-filter: blur(4px);
}
.dr-tld-badge:hover {
    background: rgba(255,255,255,0.18);
    border-color: rgba(255,255,255,0.35);
}
.dr-tld-ext {
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}
.dr-tld-sep {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
}
.dr-tld-price {
    font-size: 14px;
    font-weight: 700;
    color: #7dd3fc;
    font-family: 'Poppins', sans-serif;
}
.dr-tld-price small {
    font-size: 10px;
    font-weight: 400;
    color: rgba(255,255,255,0.55);
}

/* ══════════════════════════════════════════
   3. SONUÇ BÖLÜMÜ  (DomainSearchResults)
   ══════════════════════════════════════════ */
.dr-results-wrapper {
    margin-top: 20px;
    margin-bottom: 0;
    width: 100%;
}

/* Bölüm etiketleri ("Sorgulanan Domainler", "Alternatif Domainler") */
/* dr-section-label kaldırıldı */
.dr-alt-label {
    font-size: 15px;
    font-weight: 700;
    color: rgba(255,255,255,0.85);
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    gap: 8px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 16px;
    margin-top: 12px;
    margin-bottom: 10px;
}
.dr-alt-label i {
    color: #7dd3fc;
    font-size: 14px;
}

/* Ana domain sonuç kartı */
/* ── Ana sonuç kartı — hero içinde ── */
.dr-primary-card {
    background: rgba(0,0,0,0.25);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
    padding: 18px 20px;
    margin-top: 20px;
    margin-bottom: 4px;
}

/* Arama loader — beyaz metin */
.dr-searching {
    color: rgba(255,255,255,0.75);
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.dr-searching .fa-spinner {
    color: #7dd3fc;
}

/* Durum mesajları — dark bg üzerinde */
.dr-status-msg {
    margin: 6px 0;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}
.dr-status-available { color: #4ade80; }
.dr-status-taken     { color: #f87171; }
.dr-status-invalid   { color: #fbbf24; }

/* primary domain-price satırı */
.dr-primary-card .domain-price {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 12px 0 0;
    flex-wrap: wrap;
}
.dr-primary-card .domain-price .price {
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
/* contact support linki */
.dr-primary-card .domain-contact-support {
    background: rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    color: #fff !important;
    border-radius: 8px !important;
}
.dr-primary-card .domain-contact-support:hover {
    background: rgba(255,255,255,0.2) !important;
}
/* IDN dil seçici */
.dr-primary-card .idn-language-selector {
    color: rgba(255,255,255,0.8);
}
.dr-primary-card .idn-language-selector .form-control {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.2);
    color: #fff;
}
/* hata mesajı */
.dr-primary-card .domain-error {
    color: #f87171 !important;
}

/* Loader */
.dr-loader {
    padding: 14px;
    color: rgba(255,255,255,0.55);
    font-size: 13px;
}

/* Sonuç yok mesajı */
.dr-no-results {
    padding: 12px;
    color: rgba(255,255,255,0.45);
    font-size: 13px;
    text-align: center;
}

/* ── Öneri (suggestion) satırları — hero koyu bg üzerinde ── */
#domainSuggestions .domain-suggestion.list-group-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    border-radius: 0;
    background: rgba(255,255,255,0.05);
    gap: 10px;
    transition: background 0.15s;
}
#domainSuggestions .domain-suggestion.list-group-item:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#domainSuggestions .domain-suggestion.list-group-item:last-child {
    border-bottom: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#domainSuggestions .domain-suggestion:hover {
    background: rgba(255,255,255,0.1);
}

/* Domain + uzantı adı */
#domainSuggestions .domain-suggestion .domain {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}
#domainSuggestions .domain-suggestion .extension {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

/* Promo badge (hot/new/sale) */
#domainSuggestions .domain-suggestion .promo {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
#domainSuggestions .domain-suggestion .sales-group-hot,
#domainSuggestions .domain-suggestion .sales-group-new,
#domainSuggestions .domain-suggestion .sales-group-sale {
    background: rgba(28,179,91,0.3);
    color: #86efac;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: 1px solid rgba(28,179,91,0.4);
}

/* Actions: fiyat + buton */
#domainSuggestions .domain-suggestion .actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    flex-shrink: 0;
}
#domainSuggestions .domain-suggestion .price {
    font-size: 17px;
    font-weight: 800;
    color: #7dd3fc;
    font-family: 'Poppins', sans-serif;
    white-space: nowrap;
}

/* ── Turuncu "Sepete Ekle" / "Sepete Devam Et" butonu ── */
.dr-btn-add,
.btn-add-to-cart.dr-btn-add {
    background: #f59e0b !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    padding: 9px 20px !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: background 0.18s !important;
    box-shadow: 0 3px 10px rgba(245,158,11,0.25) !important;
}
.dr-btn-add:hover,
.btn-add-to-cart.dr-btn-add:hover {
    background: #d97706 !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(245,158,11,0.32) !important;
}
.dr-btn-add .added i,
.dr-btn-add .to-add i {
    font-size: 12px;
}

/* Buton durum geçişlerinde boyut zıplamasını önle */
.dr-btn-add,
.btn-add-to-cart.dr-btn-add {
    width: 155px !important;
    height: 37.5px !important;
    justify-content: center !important;
    text-align: center;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.dr-btn-add > span,
.btn-add-to-cart.dr-btn-add > span {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 13px !important;
    line-height: 1 !important;
}
.dr-btn-add > span.to-add,
.btn-add-to-cart.dr-btn-add > span.to-add {
    display: inline-flex;
}
/* Checkout (Ödeme Yap) durumunda buton mor olsun */
.dr-btn-add.checkout,
.btn-add-to-cart.dr-btn-add.checkout {
    background: #AD60FB !important;
    box-shadow: 0 3px 12px rgba(249,115,22,0.3) !important;
}
.dr-btn-add.checkout:hover,
.btn-add-to-cart.dr-btn-add.checkout:hover {
    background: #9b4be8 !important;
    box-shadow: 0 5px 16px rgba(249,115,22,0.4) !important;
}
.dr-primary-card .btn-add-to-cart.checkout {
    background: #AD60FB !important;
    box-shadow: 0 3px 12px rgba(249,115,22,0.3) !important;
}
.dr-primary-card .btn-add-to-cart.checkout:hover {
    background: #9b4be8 !important;
}

/* Primary card'daki btn-add-to-cart */
.dr-primary-card .btn-add-to-cart {
    background: #f59e0b !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    padding: 9px 20px !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: background 0.18s !important;
    box-shadow: 0 3px 10px rgba(245,158,11,0.25) !important;
}
.dr-primary-card .btn-add-to-cart:hover {
    background: #d97706 !important;
    color: #fff !important;
}

/* Öneri listesi container */
#domainSuggestions.list-group {
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 10px;
    overflow: hidden;
    background: transparent;
}

/* Daha fazla / uyarı */
.dr-suggestions-warning p {
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    margin: 8px 0 0;
    text-align: center;
}
.more-suggestions {
    padding: 10px;
    border-top: 1px solid rgba(255,255,255,0.08);
}
.more-suggestions a {
    color: #7dd3fc;
    font-size: 13px;
    font-weight: 600;
}

/* ══════════════════════════════════════════
   4. FÄ°YAT TABLOSU
   ══════════════════════════════════════════ */
.dr-filter-pill {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1.5px solid transparent !important;
    border-radius: 20px !important;
    padding: 5px 14px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.18s !important;
    text-decoration: none !important;
}
.dr-filter-pill:hover,
.dr-filter-pill.active {
    background: #1a56db !important;
    color: #fff !important;
    border-color: #1a56db !important;
}

/* ══════════════════════════════════════════
   5. PROMO KUTULARI
   ══════════════════════════════════════════ */
.dr-promo-row {
    margin-top: 8px;
}
.dr-promo-box {
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    padding: 28px 24px;
    text-align: center;
    margin-bottom: 20px;
    transition: box-shadow 0.18s;
}
.dr-promo-box:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
}
.dr-promo-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 14px;
}
.dr-promo-hosting .dr-promo-icon {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
}
.dr-promo-transfer .dr-promo-icon {
    background: linear-gradient(135deg, #1a56db, #1e40af);
    color: #fff;
}
.dr-promo-box h3 {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 6px;
    font-family: 'Poppins', sans-serif;
}
.dr-promo-box p {
    font-size: 13px;
    color: #64748b;
    margin: 0 0 6px;
}
.dr-promo-highlight {
    font-weight: 600;
    color: #f59e0b !important;
}
.dr-promo-transfer .dr-promo-highlight {
    color: #1a56db !important;
}
.dr-promo-note {
    font-size: 11px !important;
    color: #94a3b8 !important;
    margin-top: 10px !important;
}
.dr-btn-promo {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 22px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    border: none !important;
    transition: transform 0.15s, box-shadow 0.15s !important;
    margin-top: 6px;
}
.dr-btn-promo:hover { transform: translateY(-1px); }
.dr-btn-warning {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(245,158,11,0.28) !important;
}
.dr-btn-warning:hover { color: #fff !important; }
.dr-btn-primary {
    background: linear-gradient(135deg, #1a56db, #1e40af) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(26,86,219,0.28) !important;
}
.dr-btn-primary:hover { color: #fff !important; }

/* ══════════════════════════════════════════
   5b. SONUÇ IZGARA & SPOTLIGHT LİSTESİ
   ══════════════════════════════════════════ */

/* 2 sütunlu grid */
.dr-results-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}

/* Sol sütun — primary card + suggestions */
.dr-results-left {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* (dr-results-left scoped overrides kaldırıldı — renkler artık global hero tonlarında) */

/* Sağ sütun — spotlight TLD listesi */
.dr-results-right {
    background: linear-gradient(120deg, #0a1c4e 0%, #0f2460 55%, #0c1e52 100%);
    border-radius: 14px;
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    overflow: hidden;
}
.dr-results-right::before {
    content: '';
    position: absolute;
    bottom: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    background: rgba(255,255,255,0.03);
    border-radius: 50%;
    pointer-events: none;
}

/* Spotlight başlık */
.dr-spotlight-header {
    font-size: 13px;
    font-weight: 700;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.dr-spotlight-header i {
    color: #7dd3fc;
    font-size: 14px;
}

/* Spotlight liste sarmalayıcı */
.dr-spotlight-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Her bir spotlight satırı */
.dr-spotlight-row {
    border-bottom: 1px solid rgba(255,255,255,0.07);
}
.dr-spotlight-row:last-child {
    border-bottom: none;
}

/* Satır içi düzen */
.dr-spotlight-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 4px;
    transition: background 0.14s;
    border-radius: 6px;
}
.dr-spotlight-item:hover {
    background: rgba(255,255,255,0.05);
}

/* Sol: grup rozeti + TLD adı */
.dr-spotlight-tld-info {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.dr-spotlight-group {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
    background: rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.85);
    border: 1px solid rgba(255,255,255,0.2);
}
/* WHMCS grup renkleri — koyu bg uyumu */
.spotlight-tld-hot  { background: rgba(239,68,68,0.25)  !important; color: #fca5a5 !important; border-color: rgba(239,68,68,0.3) !important; }
.spotlight-tld-new  { background: rgba(34,197,94,0.22)  !important; color: #86efac !important; border-color: rgba(34,197,94,0.3) !important; }
.spotlight-tld-sale { background: rgba(245,158,11,0.22) !important; color: #fcd34d !important; border-color: rgba(245,158,11,0.3) !important; }

.dr-spotlight-tld-name {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.3px;
}

/* Sağ: loader + sonuç */
.dr-spotlight-status {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 8px;
}
.dr-spotlight-status .domain-lookup-loader {
    color: #7dd3fc;
    font-size: 14px;
}

/* Spotlight içindeki domain-lookup-result */
.dr-spotlight-result {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Fiyat göstergesi */
.dr-spot-price {
    font-size: 15px;
    font-weight: 800;
    color: #7dd3fc !important;
    font-family: 'Poppins', sans-serif;
    white-space: nowrap;
}

/* Mevcut değil / geçersiz butonu */
.dr-spot-btn-unavailable {
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    border: none !important;
    cursor: default !important;
}
.dr-spot-btn-unavailable.unavailable {
    background: rgba(248,113,113,0.18) !important;
    color: #fca5a5 !important;
}
.dr-spot-btn-unavailable.invalid {
    background: rgba(251,191,36,0.18) !important;
    color: #fcd34d !important;
}

/* Destek butonu */
.dr-spot-btn-support {
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: rgba(255,255,255,0.75) !important;
}
.dr-spot-btn-support:hover {
    background: rgba(255,255,255,0.18) !important;
    color: #fff !important;
}

/* Spotlight'taki sepete ekle butonu */
.dr-results-right .btn-add-to-cart.dr-btn-add {
    padding: 6px 14px !important;
    font-size: 12px !important;
}

/* ══════════════════════════════════════════
   6. RESPONSIVE
   ══════════════════════════════════════════ */
@media (max-width: 768px) {
    /* sidebar-collapsed mobilde gizle */
    .sidebar-collapsed { display: none !important; }

    /* Sonuç ızgarası — mobilde tek sütun */
    .dr-results-grid {
        grid-template-columns: 1fr;
    }

    .dr-hero-banner {
        flex-direction: column;
        padding: 24px 20px 28px;
        align-items: stretch;
    }
    .dr-hero-left { width: 100%; }
    .dr-hero-sub { margin-bottom: 16px; }
    .dr-hero-right {
        justify-content: center;
        margin-top: 8px;
    }
    .dr-bubble-main { width: 118px; height: 118px; }
    .dr-bubble-main .dr-bubble-tld { font-size: 22px; }
    .dr-bubble-main .dr-bubble-price { font-size: 20px; }
    .dr-bubble-secondary { width: 92px; height: 92px; }
    .dr-bubble-secondary .dr-bubble-tld { font-size: 15px; }
    .dr-bubble-secondary .dr-bubble-price { font-size: 17px; }
}
@media (max-width: 576px) {
    .dr-search-row {
        flex-wrap: wrap;
    }
    .dr-domain-input {
        width: 100% !important;
        flex: none !important;
    }
    .dr-btn-search-icon {
        flex: 1 !important;
        width: auto !important;
        min-width: auto !important;
    }
    .dr-tld-prices-bar { gap: 6px; }
    .dr-tld-badge { padding: 5px 10px; }
    .dr-tld-ext { font-size: 12px; }
    .dr-tld-price { font-size: 11px; }
    #domainSuggestions .domain-suggestion .actions {
        flex-direction: column;
        align-items: flex-end;
        gap: 6px;
    }
}

/* ----------------------------------------------------------
   17. Configure Domains (cart.php?a=confdomains)
   ---------------------------------------------------------- */

/* ── Base font for all cd-* elements ── */
.cd-hero-banner, .cd-domain-card, .cd-ns-card,
.cd-submit-bar, .cd-alert-error, .cd-addons-section,
.cd-info-item, .cd-epp-group, .cd-ns-group,
.cd-addon-card, .cd-field-row {
    font-family: 'Poppins', sans-serif;
}

/* ══ HERO BANNER ══════════════════════════════════════════ */
.cd-hero-banner {
    background: linear-gradient(120deg, #0a1c4e 0%, #0f2460 55%, #0c1e52 100%);
    border-radius: 16px;
    padding: 30px 36px;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 22px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(10,28,78,0.20);
}

/* Noktalı arka plan deseni */
.cd-hero-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.055) 1px, transparent 1px);
    background-size: 22px 22px;
    pointer-events: none;
}

.cd-hero-decoration {
    position: absolute;
    right: -60px;
    top: -60px;
    width: 240px;
    height: 240px;
    background: rgba(255,255,255,0.04);
    border-radius: 50%;
    pointer-events: none;
}
.cd-hero-decoration::after {
    content: '';
    position: absolute;
    right: 30px;
    bottom: -140px;
    width: 160px;
    height: 160px;
    background: rgba(255,255,255,0.03);
    border-radius: 50%;
}

.cd-hero-icon-wrap {
    width: 64px;
    height: 64px;
    background: rgba(255,255,255,0.10);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #7dd3fc;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.15);
}

.cd-hero-text { flex: 1; min-width: 0; }

/* Adım rozeti */
.cd-hero-step {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(245,158,11,0.15);
    border: 1px solid rgba(245,158,11,0.30);
    border-radius: 20px;
    padding: 3px 13px 3px 9px;
    font-size: 11px;
    font-weight: 600;
    color: #fbbf24;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 9px;
    width: fit-content;
    letter-spacing: 0.2px;
}
.cd-hero-step i { font-size: 9.5px; }

.cd-hero-title {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 6px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.25;
    letter-spacing: -0.3px;
}

.cd-hero-sub {
    color: rgba(255,255,255,0.58);
    font-size: 13px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    line-height: 1.55;
}

/* ══ HATA BLOĞU ═══════════════════════════════════════════ */
.cd-alert-error {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-left: 4px solid #ef4444;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 24px;
    font-family: 'Poppins', sans-serif;
}

.cd-alert-icon {
    width: 36px;
    height: 36px;
    background: #fee2e2;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #ef4444;
    flex-shrink: 0;
}

.cd-alert-body {
    flex: 1;
    font-size: 13px;
    color: #991b1b;
    font-family: 'Poppins', sans-serif;
}

.cd-alert-body strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #dc2626;
}

.cd-error-list {
    margin: 0;
    padding-left: 16px;
    line-height: 1.9;
}

/* ══ DOMAIN KARTI ══════════════════════════════════════════ */
.cd-domain-card {
    background: #fff;
    border: 1px solid #dde5f5;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 22px;
    box-shadow: 0 2px 16px rgba(10,28,78,0.07);
    transition: box-shadow 0.20s;
}
.cd-domain-card:hover {
    box-shadow: 0 6px 28px rgba(10,28,78,0.11);
}

/* Domain başlık çubuğu — koyu lacivert */
.cd-domain-header {
    background: linear-gradient(120deg, #0a1c4e 0%, #0f2460 55%, #0c1e52 100%);
    padding: 15px 22px;
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    overflow: hidden;
}
.cd-domain-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 18px 18px;
    pointer-events: none;
}

.cd-domain-header-icon {
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,0.11);
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #7dd3fc;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.14);
}

/* Başlık bilgi grubu */
.cd-domain-header-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.cd-domain-name {
    font-size: 15.5px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Alt alan yılı rozeti */
.cd-domain-badge {
    display: inline-flex;
    align-items: center;
    font-size: 10.5px;
    font-weight: 600;
    color: rgba(255,255,255,0.55);
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.2px;
}

.cd-domain-header-dots {
    display: flex;
    gap: 5px;
    opacity: 0.25;
    flex-shrink: 0;
}
.cd-domain-header-dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    display: block;
}

/* Domain body — kurumsal arka plan */
.cd-domain-body {
    background: linear-gradient(170deg, #eef3ff 0%, #f3f6fd 40%, #f8fafc 100%);
    padding: 22px 24px 18px;
}

/* ── Bilgi mini-kartları ── */
.cd-info-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 14px;
    background: #ffffff;
    border: 1px solid #dde5f5;
    border-radius: 10px;
    padding: 12px 16px 12px 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(26,86,219,0.05);
    transition: box-shadow 0.18s, border-color 0.18s;
}
.cd-info-item:hover {
    border-color: #bfdbfe;
    box-shadow: 0 3px 10px rgba(26,86,219,0.08);
}

.cd-info-item::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 3px; height: 100%;
    background: linear-gradient(180deg, #1a56db 0%, #3b82f6 100%);
    border-radius: 3px 0 0 3px;
}

.cd-info-label {
    font-size: 10px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Poppins', sans-serif;
}

.cd-info-label i {
    color: #1a56db;
    font-size: 10px;
    opacity: 0.85;
}

.cd-info-value {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.1px;
}

/* Hosting durum rozetleri */
.cd-hosting-yes {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #15803d;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 20px;
    padding: 4px 13px 4px 9px;
    font-family: 'Poppins', sans-serif;
}

.cd-hosting-no {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #dc2626 !important;
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 20px;
    padding: 4px 13px 4px 9px;
    text-decoration: none !important;
    font-family: 'Poppins', sans-serif;
    transition: background 0.15s, border-color 0.15s;
}
.cd-hosting-no:hover {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #b91c1c !important;
    text-decoration: none !important;
}

/* ── EPP Code ── */
.cd-epp-group {
    background: #ffffff;
    border: 1px solid #dde5f5;
    border-radius: 10px;
    padding: 13px 16px 13px 20px;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(26,86,219,0.05);
}
.cd-epp-group::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 3px; height: 100%;
    background: linear-gradient(180deg, #f59e0b 0%, #fbbf24 100%);
    border-radius: 3px 0 0 3px;
}

.cd-epp-label {
    font-size: 10px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 9px;
    font-family: 'Poppins', sans-serif;
}
.cd-epp-label i { color: #f59e0b; font-size: 11px; }

.cd-epp-input {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 9px !important;
    height: 42px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    background: #f8fafc !important;
    color: #1e293b !important;
    transition: border-color 0.18s, box-shadow 0.18s !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}
.cd-epp-input:focus {
    border-color: #1a56db !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(26,86,219,0.09) !important;
    outline: none !important;
}

.cd-epp-hint {
    display: block;
    font-size: 11px;
    color: #94a3b8;
    margin-top: 7px;
    line-height: 1.55;
    font-family: 'Poppins', sans-serif;
}

/* ══ ADDON HİZMETLER ══════════════════════════════════════ */
.cd-addons-section {
    margin-top: 16px;
    border-top: 1px solid #dde5f5;
    padding-top: 18px;
}

.cd-addons-title {
    font-size: 11px;
    font-weight: 700;
    color: #1a56db;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 14px;
    font-family: 'Poppins', sans-serif;
}

.cd-addons-hint {
    font-size: 10.5px;
    font-weight: 400;
    color: #94a3b8;
    text-transform: none;
    letter-spacing: 0;
    margin-left: auto;
}

.cd-addons-row { margin-top: 0; }

/* Addon kart */
.cd-addon-card {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden;
    background: #fff !important;
    transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
    cursor: pointer;
    height: 100%;
    display: flex !important;
    flex-direction: column;
    font-family: 'Poppins', sans-serif;
}
.cd-addon-card:hover {
    border-color: #93c5fd !important;
    box-shadow: 0 4px 16px rgba(26,86,219,0.10);
}

.cd-addon-selected,
.cd-addon-selected.panel-addon-selected {
    border-color: #1a56db !important;
    background: #f0f5ff !important;
    box-shadow: 0 4px 20px rgba(26,86,219,0.14) !important;
}

.cd-addon-inner {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 16px 10px;
    flex: 1;
}

.cd-addon-icon-wrap {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
    transition: background 0.18s;
}

.cd-addon-icon-dns  { background: #e0f2fe; color: #0284c7; }
.cd-addon-icon-id   { background: #dcfce7; color: #16a34a; }
.cd-addon-icon-mail { background: #fef3c7; color: #d97706; }

.cd-addon-selected .cd-addon-icon-dns  { background: #bfdbfe; color: #1d4ed8; }
.cd-addon-selected .cd-addon-icon-id   { background: #bbf7d0; color: #15803d; }
.cd-addon-selected .cd-addon-icon-mail { background: #fde68a; color: #b45309; }

.cd-addon-body-text {
    flex: 1;
    min-width: 0;
    padding: 0 !important;
}

.cd-addon-label {
    display: flex !important;
    align-items: center;
    gap: 9px;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif !important;
}

.cd-addon-label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #1a56db;
    cursor: pointer;
    flex-shrink: 0;
}

.cd-addon-desc {
    font-size: 11.5px;
    color: #64748b;
    line-height: 1.55;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

/* Addon alt çubuğu */
.cd-addon-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px 14px;
    border-top: 1px solid #f1f5f9;
    margin-top: auto;
    flex-wrap: wrap;
    gap: 8px;
}
.cd-addon-selected .cd-addon-footer { border-top-color: #dbeafe; }

.cd-addon-price {
    font-size: 12.5px;
    font-weight: 700;
    color: #1e293b;
    font-family: 'Poppins', sans-serif;
}

.cd-addon-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: #1a56db;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 7px;
    padding: 5px 11px;
    font-family: 'Poppins', sans-serif;
    transition: background 0.15s, color 0.15s;
}

.cd-addon-selected .cd-addon-price { color: #1d4ed8; }
.cd-addon-selected .cd-addon-add-btn {
    background: #1a56db;
    border-color: #1a56db;
    color: #fff;
}
.cd-addon-selected .cd-addon-add-btn::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
}
.cd-addon-selected .cd-addon-add-btn .fas.fa-plus { display: none; }

/* Özel alanlar */
.cd-field-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid #dde5f5;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}
.cd-field-row:last-child { border-bottom: none; }

.cd-field-key {
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-width: 140px;
    flex-shrink: 0;
}

.cd-field-val {
    color: #334155;
    font-weight: 500;
    word-break: break-all;
    font-size: 13px;
}

/* ══ NAMESERVER KARTI ══════════════════════════════════════ */
.cd-ns-card {
    background: #fff;
    border: 1px solid #dde5f5;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 22px;
    box-shadow: 0 2px 16px rgba(10,28,78,0.06);
}

.cd-ns-header {
    background: linear-gradient(120deg, #0a1c4e 0%, #0f2460 55%, #0c1e52 100%);
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    overflow: hidden;
}
.cd-ns-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 18px 18px;
    pointer-events: none;
}

.cd-ns-header-icon {
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,0.11);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #7dd3fc;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.14);
}

.cd-ns-header-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cd-ns-header-text strong {
    font-size: 14.5px;
    font-weight: 700;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.1px;
}

.cd-ns-header-text span {
    font-size: 12px;
    color: rgba(255,255,255,0.55);
    font-family: 'Poppins', sans-serif;
}

/* NS body */
.cd-ns-body {
    background: linear-gradient(170deg, #eef3ff 0%, #f3f6fd 40%, #f8fafc 100%);
    padding: 22px 24px 18px;
}

/* NS mini kart */
.cd-ns-group {
    background: #fff;
    border: 1px solid #dde5f5;
    border-radius: 10px;
    padding: 12px 16px 12px 20px;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(26,86,219,0.05);
    transition: border-color 0.18s, box-shadow 0.18s;
    font-family: 'Poppins', sans-serif;
}
.cd-ns-group::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 3px; height: 100%;
    background: linear-gradient(180deg, #1a56db 0%, #3b82f6 100%);
    border-radius: 3px 0 0 3px;
}
.cd-ns-group:focus-within {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(26,86,219,0.08), 0 2px 8px rgba(26,86,219,0.07);
}

.cd-ns-label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-bottom: 8px;
    font-family: 'Poppins', sans-serif !important;
}

.cd-ns-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    background: linear-gradient(135deg, #1a56db, #3b82f6);
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
    line-height: 1;
    box-shadow: 0 1px 5px rgba(26,86,219,0.28);
    font-family: 'Poppins', sans-serif;
}

.cd-ns-input {
    height: 40px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    background: #f8fafc !important;
    color: #1e293b !important;
    transition: border-color 0.18s, background 0.15s !important;
    box-shadow: none !important;
}
.cd-ns-input:focus {
    border-color: #1a56db !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ══ DEVAM BUTONU ÇUBUĞU ══════════════════════════════════ */
.cd-submit-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 28px;
    gap: 16px;
}

/* Sol güvenlik notu */
.cd-submit-info {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #94a3b8;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.cd-submit-info i {
    color: #22c55e;
    font-size: 13px;
}

.cd-btn-continue {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #fff !important;
    font-size: 14.5px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    padding: 13px 34px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: opacity 0.18s, transform 0.15s, box-shadow 0.18s;
    box-shadow: 0 4px 18px rgba(245,158,11,0.32);
    text-decoration: none;
    letter-spacing: 0.1px;
    flex-shrink: 0;
}
.cd-btn-continue:hover {
    opacity: 0.93;
    transform: translateY(-1px);
    box-shadow: 0 7px 24px rgba(245,158,11,0.42);
    color: #fff !important;
}
.cd-btn-continue i {
    font-size: 13px;
    transition: transform 0.15s;
}
.cd-btn-continue:hover i { transform: translateX(3px); }

/* ══ RESPONSIVE ═══════════════════════════════════════════ */
@media (max-width: 767px) {
    .cd-hero-banner    { padding: 20px 20px; gap: 14px; }
    .cd-hero-icon-wrap { width: 50px; height: 50px; font-size: 20px; }
    .cd-hero-title     { font-size: 19px; }
    .cd-hero-sub       { font-size: 12px; }
    .cd-hero-step      { font-size: 10px; }

    .cd-domain-body  { padding: 16px 14px 12px; }
    .cd-ns-body      { padding: 16px 14px 12px; }
    .cd-info-item    { padding: 11px 14px 11px 18px; }
    .cd-epp-group    { padding: 11px 14px 11px 18px; }
    .cd-ns-group     { padding: 10px 14px 11px 18px; }

    .cd-addon-inner    { gap: 10px; }
    .cd-addon-icon-wrap { width: 36px; height: 36px; font-size: 15px; }

    .cd-submit-bar     { flex-direction: column; align-items: stretch; }
    .cd-submit-info    { justify-content: center; }
    .cd-btn-continue   { width: 100%; justify-content: center; }
}

@media (max-width: 576px) {
    .cd-addons-hint { display: none; }
    .cd-field-key   { min-width: 110px; }
    .cd-submit-info { display: none; }
}

/* ==========================================================
   13. Domain Detay Sayfası (clientarea.php?action=domaindetails)
   ========================================================== */

/* ── HERO BANNER ────────────────────────────────────────── */
.dd-hero {
    display: flex; align-items: center; justify-content: space-between;
    background: #fff; border: 1px solid #e5e7eb;
    border-radius: 16px; padding: 20px 24px; margin-bottom: 20px;
    position: relative; overflow: hidden;
    font-family: 'Poppins', sans-serif;
}
.dd-hero::before {
    content: ''; position: absolute; top: 0; left: 0;
    width: 4px; height: 100%;
    background: linear-gradient(180deg, #f97316, #ea580c);
    border-radius: 4px 0 0 4px;
}
.dd-hero-deco {
    position: absolute; top: -50px; right: -50px;
    width: 160px; height: 160px; border-radius: 50%;
    background: rgba(249,115,22,0.04); pointer-events: none;
}
.dd-hero-left {
    display: flex; align-items: center; gap: 16px; flex: 1; min-width: 0;
}
.dd-hero-icon-wrap {
    width: 52px; height: 52px; border-radius: 13px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; color: #fff; flex-shrink: 0;
}
.dd-hero-text { flex: 1; min-width: 0; }
.dd-hero-title {
    font-size: 20px; font-weight: 700; color: #0f172a;
    margin: 0 0 6px; line-height: 1.2;
}
.dd-hero-sub {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.dd-hero-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 10px; border-radius: 6px;
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px;
}
.dd-badge-active, .dd-badge-success { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.dd-badge-pending { background: #fffbeb; color: #d97706; border: 1px solid #fde68a; }
.dd-badge-suspended, .dd-badge-danger { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }
.dd-badge-expired { background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; }
.dd-hero-tag {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 12px; font-weight: 500; color: #64748b;
}
.dd-tag-warn { color: #d97706; }
.dd-hero-right {
    display: flex; gap: 10px; flex-shrink: 0;
}
.dd-hero-cta {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 9px 18px; border-radius: 9px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff; font-size: 13px; font-weight: 700;
    text-decoration: none; white-space: nowrap;
    transition: opacity 0.15s;
    font-family: 'Poppins', sans-serif;
}
.dd-hero-cta:hover { opacity: 0.88; color: #fff; text-decoration: none; }
.dd-cta-outline {
    background: transparent; color: #f97316;
    border: 1.5px solid #f97316;
}
.dd-cta-outline:hover { background: #fff7ed; color: #ea580c; }

/* ── LAYOUT ─────────────────────────────────────────────── */
.dd-layout-row {
    display: flex; gap: 20px; align-items: flex-start;
    font-family: 'Poppins', sans-serif;
}
.dd-layout-main {
    flex: 1 1 0; min-width: 0;
    display: flex; flex-direction: column; gap: 16px;
}
.dd-layout-sidebar {
    flex: 0 0 320px; width: 320px;
    display: flex; flex-direction: column; gap: 16px;
    position: sticky; top: 20px;
}

/* ── ALERT ──────────────────────────────────────────────── */
.dd-alert {
    display: flex; gap: 12px; align-items: flex-start;
    border-radius: 12px; padding: 12px 16px; margin-bottom: 4px;
    font-size: 14px; font-family: 'Poppins', sans-serif;
}
.dd-alert-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }
.dd-alert-body { flex: 1; line-height: 1.5; }
.dd-alert-success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; }
.dd-alert-success .dd-alert-icon { color: #16a34a; }
.dd-alert-warning { background: #fffbeb; border: 1px solid #fde68a; color: #854d0e; }
.dd-alert-warning .dd-alert-icon { color: #d97706; }
.dd-alert-error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
.dd-alert-error .dd-alert-icon { color: #dc2626; }
.dd-alert-info { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; }
.dd-alert-info .dd-alert-icon { color: #3b82f6; }
.dd-alert-btn {
    display: inline-flex; align-items: center; gap: 5px;
    margin-left: 12px; padding: 4px 12px; border-radius: 6px;
    background: #fff; border: 1px solid currentColor;
    font-size: 12px; font-weight: 600; text-decoration: none; color: inherit;
    white-space: nowrap;
}

/* ── SECTION CARD ───────────────────────────────────────── */
.dd-section-card {
    background: #fff; border: 1px solid #e5e7eb;
    border-radius: 14px; overflow: hidden;
}
.dd-section-header {
    display: flex; align-items: center; gap: 12px;
    background: #fff; border-bottom: 1px solid #e5e7eb;
    padding: 14px 18px;
}
.dd-section-header-icon {
    width: 36px; height: 36px; border-radius: 9px;
    background: #fff7ed; border: 1.5px solid #fed7aa;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; color: #f97316; flex-shrink: 0;
}
.dd-section-header-text strong {
    font-size: 15px; font-weight: 700; color: #0f172a;
}
.dd-section-body {
    padding: 18px 20px;
}

/* ── INFO GRID ──────────────────────────────────────────── */
.dd-info-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 0;
}
.dd-info-item {
    display: flex; flex-direction: column; gap: 5px;
    padding: 14px 0;
    border-bottom: 1px solid #f1f5f9;
}
.dd-info-item:nth-child(odd) { padding-right: 20px; }
.dd-info-item:nth-child(even) { padding-left: 20px; border-left: 1px solid #f1f5f9; }
.dd-info-item:nth-last-child(-n+2) { border-bottom: none; }
.dd-info-label {
    font-size: 12.5px; font-weight: 600; color: #94a3b8;
    display: flex; align-items: center; gap: 7px;
    text-transform: uppercase; letter-spacing: 0.3px;
}
.dd-info-label i { font-size: 11px; color: #f97316; width: 14px; text-align: center; }
.dd-info-value {
    font-size: 15px; font-weight: 600; color: #0f172a;
    line-height: 1.4;
}
.dd-info-price { color: #f97316; font-weight: 700; }
.dd-domain-link {
    color: #1e293b; text-decoration: none; font-weight: 600;
    transition: color 0.15s;
}
.dd-domain-link:hover { color: #f97316; }

/* ── SSL ROW ────────────────────────────────────────────── */
.dd-ssl-row {
    display: flex; align-items: center; gap: 14px;
    margin-top: 16px; padding: 14px 16px;
    background: #f8fafc; border-radius: 10px; border: 1px solid #f1f5f9;
}
.dd-ssl-icon {
    width: 40px; height: 40px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; flex-shrink: 0;
}
.dd-ssl-active { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.dd-ssl-inactive { background: #fffbeb; color: #d97706; border: 1px solid #fde68a; }
.dd-ssl-info {
    display: flex; flex-direction: column; gap: 2px;
}
.dd-ssl-info strong { font-size: 13px; color: #1e293b; }
.dd-ssl-info > span { font-size: 13px; color: #64748b; display: flex; align-items: center; gap: 6px; }
.dd-ssl-detail { font-size: 12px; color: #94a3b8; }

/* ── REGISTRAR OUTPUT ───────────────────────────────────── */
.dd-registrar-output {
    margin-top: 16px; padding: 14px 16px;
    background: #f8fafc; border-radius: 10px; border: 1px solid #f1f5f9;
}
.dd-hook-output { margin-top: 12px; }

/* ── NAMESERVER ─────────────────────────────────────────── */
.dd-ns-options {
    display: flex; gap: 12px; margin-bottom: 16px;
}
.dd-ns-radio {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 16px; border-radius: 9px;
    border: 1.5px solid #e5e7eb; background: #fff;
    font-size: 14px; font-weight: 500; color: #64748b;
    cursor: pointer; transition: all 0.15s;
}
.dd-ns-radio input { display: none; }
.dd-ns-radio-dot {
    width: 16px; height: 16px; border-radius: 50%;
    border: 2px solid #cbd5e1; position: relative;
    transition: all 0.15s; flex-shrink: 0;
}
.dd-ns-active { border-color: #f97316; background: #fff7ed; color: #0f172a; font-weight: 600; }
.dd-ns-active .dd-ns-radio-dot {
    border-color: #f97316;
}
.dd-ns-active .dd-ns-radio-dot::after {
    content: ''; position: absolute; top: 3px; left: 3px;
    width: 6px; height: 6px; border-radius: 50%; background: #f97316;
}
.dd-ns-fields {
    display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px;
}
.dd-ns-field {
    display: flex; align-items: center; gap: 12px;
}
.dd-ns-field label {
    font-size: 13px; font-weight: 700; color: #64748b;
    min-width: 36px; text-align: right;
}
.dd-input {
    flex: 1; height: 40px; padding: 0 14px;
    border: 1.5px solid #e5e7eb; border-radius: 9px;
    background: #f9fafb; color: #1e293b;
    font-size: 14px; font-family: 'Poppins', sans-serif;
    transition: border-color 0.15s;
}
.dd-input::placeholder {
    color: #c8ced6; font-size: 14px; font-weight: 400;
    font-style: normal;
}
.dd-input:focus {
    border-color: #f97316; outline: none;
    background: #fff; box-shadow: 0 0 0 3px rgba(249,115,22,0.08);
}

/* ── BUTTONS ────────────────────────────────────────────── */
.dd-btn-primary {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    padding: 10px 22px; border-radius: 9px; border: none;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff; font-size: 14px; font-weight: 700;
    font-family: 'Poppins', sans-serif; cursor: pointer;
    transition: opacity 0.15s;
}
.dd-btn-primary:hover { opacity: 0.88; }
.dd-btn-danger {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    padding: 10px 22px; border-radius: 9px; border: none;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff; font-size: 14px; font-weight: 700;
    font-family: 'Poppins', sans-serif; cursor: pointer;
    transition: opacity 0.15s;
}
.dd-btn-danger:hover { opacity: 0.88; }

/* Small butonlar (addon'lar) */
.dd-btn-sm {
    display: inline-flex; align-items: center; justify-content: center; gap: 5px;
    padding: 6px 14px; border-radius: 7px; border: none;
    font-size: 12px; font-weight: 600; cursor: pointer;
    font-family: 'Poppins', sans-serif; transition: opacity 0.15s;
    white-space: nowrap; text-decoration: none;
}
.dd-btn-sm-primary { background: linear-gradient(135deg, #f97316, #ea580c); color: #fff; }
.dd-btn-sm-danger { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }
.dd-btn-sm-outline { background: #fff; color: #f97316; border: 1.5px solid #f97316; }
.dd-btn-sm:hover { opacity: 0.85; }

/* ── LOCK STATUS ────────────────────────────────────────── */
.dd-lock-status, .dd-autorenew-status {
    display: flex; align-items: center; gap: 14px;
    margin-bottom: 14px; padding: 14px 16px;
    background: #f8fafc; border-radius: 10px; border: 1px solid #f1f5f9;
}
.dd-lock-icon, .dd-autorenew-icon {
    width: 44px; height: 44px; border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; flex-shrink: 0;
}
.dd-lock-on, .dd-ar-on { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.dd-lock-off, .dd-ar-off { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }
.dd-lock-info, .dd-autorenew-info {
    display: flex; flex-direction: column; gap: 3px;
}
.dd-lock-info strong, .dd-autorenew-info strong {
    font-size: 14px; color: #1e293b;
}
.dd-lock-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 9px; border-radius: 5px;
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px;
}
.dd-lock-desc {
    font-size: 14px; color: #64748b; line-height: 1.6; margin: 0 0 16px;
}

/* ── RELEASE FORM ───────────────────────────────────────── */
.dd-release-form {
    display: flex; gap: 14px; align-items: flex-end;
}

/* ── ADDON LIST ─────────────────────────────────────────── */
.dd-addons-desc { font-size: 14px; color: #64748b; margin: 0 0 16px; line-height: 1.6; }
.dd-addon-list {
    display: flex; flex-direction: column; gap: 0;
}
.dd-addon-item {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #f1f5f9;
}
.dd-addon-item:last-child { border-bottom: none; }
.dd-addon-icon {
    width: 42px; height: 42px; border-radius: 10px;
    background: #f0f9ff; border: 1px solid #bae6fd;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; color: #0ea5e9; flex-shrink: 0;
}
.dd-addon-info {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 2px;
}
.dd-addon-info strong { font-size: 14px; color: #1e293b; }
.dd-addon-info span { font-size: 12px; color: #94a3b8; }
.dd-addon-action {
    display: flex; align-items: center; gap: 8px; flex-shrink: 0;
}
.dd-addon-active-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 10px; border-radius: 6px;
    background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0;
    font-size: 11px; font-weight: 700;
}

/* ── SUMMARY CARD (Sidebar) ─────────────────────────────── */
.dd-summary-card {
    background: #fff; border: 1px solid #e5e7eb;
    border-radius: 14px; overflow: hidden;
}
.dd-summary-header {
    display: flex; align-items: center; gap: 12px;
    background: #fff; border-bottom: 1px solid #e5e7eb;
    padding: 14px 18px;
}
.dd-summary-header-icon {
    width: 34px; height: 34px; border-radius: 9px;
    background: #fff7ed; border: 1.5px solid #fed7aa;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; color: #f97316; flex-shrink: 0;
}
.dd-summary-header-text strong {
    font-size: 14px; font-weight: 700; color: #0f172a;
}
.dd-summary-body { padding: 14px 18px; }

/* ── QUICK LINKS ────────────────────────────────────────── */
.dd-quick-links {
    display: flex; flex-direction: column; gap: 0;
}
.dd-quick-link {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px; border-radius: 8px;
    font-size: 13px; font-weight: 500; color: #374151;
    text-decoration: none; transition: all 0.15s;
    border: 1px solid transparent;
}
.dd-quick-link i {
    width: 28px; height: 28px; border-radius: 7px;
    background: #f8fafc; border: 1px solid #e5e7eb;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; color: #64748b; flex-shrink: 0;
    transition: all 0.15s;
}
.dd-quick-link:hover {
    background: #fff7ed; border-color: #fed7aa; color: #f97316;
}
.dd-quick-link:hover i {
    background: #fff7ed; border-color: #fed7aa; color: #f97316;
}

/* ── SUMMARY ITEMS ──────────────────────────────────────── */
.dd-summary-items {
    display: flex; flex-direction: column; gap: 0;
}
.dd-summary-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 9px 0; border-bottom: 1px solid #f8fafc;
}
.dd-summary-item:last-child { border-bottom: none; }
.dd-summary-label { font-size: 13px; color: #64748b; }
.dd-summary-value { font-size: 13px; font-weight: 600; color: #1e293b; }
.dd-summary-total {
    margin-top: 6px; padding-top: 12px;
    border-top: 2px solid #f1f5f9;
}
.dd-summary-price { font-size: 16px; font-weight: 800; color: #f97316; }

/* ── TWIN ROW (Kilit + Yenileme yanyana) ────────────────── */
.dd-twin-row {
    display: flex; gap: 16px; align-items: stretch;
}
.dd-twin-card { flex: 1 1 0; min-width: 0; }

/* ── STATUS CARD (modern toggle kart) ───────────────────── */
.dd-status-card {
    background: #fff; border: 1px solid #e5e7eb;
    border-radius: 14px; padding: 20px;
    display: flex; flex-direction: column; gap: 10px;
    height: 100%; transition: border-color 0.2s;
}
.dd-sc-on { border-color: #bbf7d0; }
.dd-sc-off { border-color: #fecaca; }
.dd-sc-top {
    display: flex; align-items: center; justify-content: space-between;
}
.dd-sc-icon {
    width: 42px; height: 42px; border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
}
.dd-sc-on .dd-sc-icon { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.dd-sc-off .dd-sc-icon { background: #fef2f2; color: #ef4444; border: 1px solid #fecaca; }
.dd-sc-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 12px; border-radius: 20px;
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px;
}
.dd-scb-on { background: #f0fdf4; color: #16a34a; }
.dd-scb-off { background: #fef2f2; color: #ef4444; }
.dd-sc-title {
    font-size: 15px; font-weight: 700; color: #0f172a;
}
.dd-sc-desc {
    font-size: 13px; color: #94a3b8; line-height: 1.5;
    flex: 1;
}
.dd-sc-btn {
    display: flex; align-items: center; justify-content: center; gap: 7px;
    width: 100%; padding: 10px 16px; border-radius: 9px;
    font-size: 13px; font-weight: 600; border: none;
    font-family: 'Poppins', sans-serif; cursor: pointer;
    transition: all 0.18s; margin-top: 4px;
}
.dd-sc-btn-on {
    background: #0f172a; color: #fff;
}
.dd-sc-btn-on:hover { background: #1e293b; }
.dd-sc-btn-off {
    background: #f8fafc; color: #64748b;
    border: 1.5px solid #e5e7eb;
}
.dd-sc-btn-off:hover { background: #f1f5f9; border-color: #cbd5e1; color: #475569; }

/* ── DETAIL LIST (Domain Bilgileri) ─────────────────────── */
.dd-section-body-flush { padding: 0 !important; }
.dd-detail-list {
    display: flex; flex-direction: column;
}
.dd-detail-row {
    display: flex; align-items: center;
    padding: 13px 20px;
    border-bottom: 1px solid #f5f5f7;
    transition: background 0.12s;
}
.dd-detail-row:last-child { border-bottom: none; }
.dd-detail-row:hover { background: #fafbfc; }
.dd-detail-icon {
    width: 32px; height: 32px; border-radius: 8px;
    background: #f1f5f9;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; color: #94a3b8; flex-shrink: 0;
    margin-right: 14px;
}
.dd-icon-orange { background: #fff7ed; color: #f97316; }
.dd-detail-label {
    font-size: 13px; color: #64748b; flex: 0 0 auto;
    min-width: 160px;
}
.dd-detail-value {
    font-size: 14px; color: #0f172a; font-weight: 500;
    margin-left: auto; text-align: right;
}
.dd-val-highlight { color: #f97316; font-weight: 700; }
.dd-domain-link {
    color: #0f172a; text-decoration: none; font-weight: 500;
    transition: color 0.15s;
}
.dd-domain-link i { font-size: 10px; color: #cbd5e1; margin-left: 4px; }
.dd-domain-link:hover { color: #f97316; }
.dd-domain-link:hover i { color: #f97316; }

/* ── SIDEBAR BANNER ─────────────────────────────────────── */
.dd-sidebar-banner {
    background: linear-gradient(160deg, #102a4c 0%, #1a4068 60%, #0e2240 100%);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px; padding: 20px 18px;
    display: flex; flex-direction: column; gap: 10px;
    position: relative; overflow: hidden;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 4px 20px rgba(16,42,76,0.25);
}
.dd-sidebar-banner-deco {
    position: absolute; top: -40px; right: -40px;
    width: 140px; height: 140px; border-radius: 50%;
    background: rgba(255,255,255,0.04); pointer-events: none;
}
.dd-sidebar-banner-toprow {
    display: flex; align-items: center; justify-content: space-between;
}
.dd-sidebar-banner-icon {
    width: 42px; height: 42px; border-radius: 11px;
    background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; color: #fff; flex-shrink: 0;
}
.dd-sidebar-banner-headline {
    font-size: 15px; font-weight: 700; color: #fff; line-height: 1.3;
}
.dd-sidebar-banner-offer {
    font-size: 12px; color: rgba(255,255,255,0.55); margin: 0;
    font-weight: 500; letter-spacing: 0.2px;
}
.dd-sidebar-banner-divider {
    height: 1px; background: rgba(255,255,255,0.08); margin: 2px 0;
}
.dd-sidebar-banner-features {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: 7px;
}
.dd-sidebar-banner-features li {
    display: flex; align-items: center; gap: 8px;
    font-size: 12.5px; font-weight: 500; color: rgba(255,255,255,0.85);
}
.dd-sidebar-banner-features li i { color: #60a5fa; font-size: 11px; flex-shrink: 0; }

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 991px) {
    .dd-layout-row { flex-direction: column; }
    .dd-layout-sidebar { flex: none; width: 100%; position: static; }
    .dd-hero { flex-direction: column; align-items: flex-start; gap: 14px; }
    .dd-hero-right { width: 100%; }
    .dd-twin-row { flex-direction: column; }
}
@media (max-width: 576px) {
    .dd-detail-row { flex-wrap: wrap; }
    .dd-detail-label { min-width: 100%; margin-bottom: 2px; }
    .dd-detail-value { margin-left: 46px; text-align: left; }
    .dd-addon-item { flex-direction: column; align-items: flex-start; }
    .dd-addon-action { width: 100%; }
    .dd-ns-options { flex-direction: column; }
    .dd-release-form { flex-direction: column; }
}

/* Register form polish */
#registration {
    font-family: 'Poppins', 'Open Sans', sans-serif;
}

#registration .card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
    overflow: visible;
}

#registration .card-body {
    padding: 24px !important;
    overflow: visible;
}

#registration .card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eef2f7;
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0;
}

#registration .card-title:before {
    content: "";
    width: 7px;
    height: 23px;
    border-radius: 8px;
    background: #f97316;
    flex: 0 0 auto;
}

#registration .form-group {
    margin-bottom: 16px;
    overflow: visible;
}

#registration .ks-customer-type {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

#registration .ks-customer-type-option {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s, color 0.15s, background 0.15s;
}

#registration .ks-customer-type-option i {
    color: #94a3b8;
    font-size: 14px;
    transition: color 0.15s;
}

#registration .ks-customer-type-option:hover,
#registration .ks-customer-type-option.active {
    border-color: #f97316;
    background: #fff7ed;
    color: #0f172a;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.08);
}

#registration .ks-customer-type-option:hover i,
#registration .ks-customer-type-option.active i {
    color: #f97316;
}

#registration .prepend-icon {
    position: relative;
    overflow: visible;
}

#registration .prepend-icon .field-icon {
    width: 44px;
    height: 48px;
    line-height: 48px;
    left: 0;
    top: 0;
    color: #94a3b8;
    background: transparent;
    border: none;
    text-align: center;
}

#registration .field,
#registration .form-control,
#registration select.field,
#registration textarea.field {
    min-height: 48px;
    width: 100%;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

#registration .intl-tel-input,
#registration .iti {
    width: 100%;
    position: relative;
}

#registration .prepend-icon .field,
#registration .prepend-icon .form-control {
    padding-left: 44px;
}

#registration .prepend-icon:has(#inputPhone) .field-icon {
    display: none;
}

#registration .prepend-icon .intl-tel-input #inputPhone,
#registration .prepend-icon .iti #inputPhone,
#registration #inputPhone {
    padding-left: 90px !important;
}

#registration .intl-tel-input .selected-flag,
#registration .iti__selected-flag {
    padding-left: 14px;
}

#registration .intl-tel-input.separate-dial-code .selected-dial-code,
#registration .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    margin-right: 16px;
    color: #334155;
    font-weight: 700;
}

#registration .intl-tel-input .iti-arrow,
#registration .intl-tel-input .iti__arrow,
#registration .iti .iti-arrow,
#registration .iti .iti__arrow {
    display: none !important;
}

#registration .intl-tel-input,
#registration .iti {
    z-index: 2000;
}

#registration .intl-tel-input .country-list,
#registration .intl-tel-input .iti__country-list,
#registration .iti .country-list,
#registration .iti .iti__country-list {
    z-index: 10000 !important;
    overflow: auto;
}

.primary-content:has(#registration),
.col-lg-8.col-xl-9.primary-content:has(#registration) {
    position: relative;
    z-index: 30;
    overflow: visible;
}

#registration .field:focus,
#registration .form-control:focus,
#registration select.field:focus,
#registration textarea.field:focus {
    border-color: #f97316;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12);
    outline: 0;
}

#registration .field::placeholder,
#registration .form-control::placeholder {
    color: #94a3b8;
    font-weight: 500;
}

#registration .btn-default,
#registration .generate-password {
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-weight: 700;
}

#registration .btn-default:hover,
#registration .generate-password:hover {
    border-color: #f97316;
    color: #f97316;
}

#registration .password-strength-meter .progress {
    height: 8px;
    border-radius: 999px;
    background: #e5e7eb;
    overflow: hidden;
}

#registration .password-strength-meter p {
    margin: 8px 0 0;
    color: #64748b !important;
}

#registration .form-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-size: 13px;
}

#registration .accepttos {
    margin: 0;
}

#registration p.text-center:last-of-type .btn-primary {
    min-height: 50px;
    padding-left: 32px;
    padding-right: 32px;
    border: none;
    border-radius: 8px;
    background: #f97316;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 12px 24px rgba(249, 115, 22, 0.2);
}

#registration p.text-center:last-of-type .btn-primary:hover {
    background: #ea580c;
    box-shadow: 0 14px 30px rgba(249, 115, 22, 0.26);
}

@media (max-width: 767px) {
    #registration .card-body {
        padding: 18px !important;
    }

    #registration .ks-customer-type {
        grid-template-columns: 1fr;
    }

    #registration .field,
    #registration .form-control,
    #registration select.field,
    #registration textarea.field {
        min-height: 46px;
        font-size: 13px;
    }
}

/* ══════════════════════════════════════════════════════════════
   cPanel & Webmail Sidebar Butonlari
   ══════════════════════════════════════════════════════════════ */

/* cPanel giris butonu - sidebar */
.card-sidebar a[data-identifier="login"],
.card-sidebar a[href*="dosinglesignon=1"]:not([href*="webmail"]):not([href*="app="]),
.card-sidebar a[menuItemName*="cPanel"],
.card-sidebar a[menuitemname*="cPanel"] {
    background: #FF6C2C !important;
    color: #fff !important;
    border-left: 3px solid #e55a1c !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}
.card-sidebar a[data-identifier="login"]:hover,
.card-sidebar a[href*="dosinglesignon=1"]:not([href*="webmail"]):not([href*="app="]):hover,
.card-sidebar a[menuItemName*="cPanel"]:hover,
.card-sidebar a[menuitemname*="cPanel"]:hover {
    background: #e55a1c !important;
    color: #fff !important;
}

/* Webmail giris butonu - sidebar */
.card-sidebar a[data-identifier="webmail"],
.card-sidebar a[href*="webmail"],
.card-sidebar a[menuItemName*="Webmail"],
.card-sidebar a[menuitemname*="Webmail"] {
    background: #0ea5e9 !important;
    color: #fff !important;
    border-left: 3px solid #0284c7 !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}
.card-sidebar a[data-identifier="webmail"]:hover,
.card-sidebar a[href*="webmail"]:hover,
.card-sidebar a[menuItemName*="Webmail"]:hover,
.card-sidebar a[menuitemname*="Webmail"]:hover {
    background: #0284c7 !important;
    color: #fff !important;
}

/* loginbuttons.tpl form - icerik alanindaki butonlar */
.pd-module-wrap .modulebutton.btn-primary {
    background: #FF6C2C !important;
    border-color: #e55a1c !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}
.pd-module-wrap .modulebutton.btn-primary:hover {
    background: #e55a1c !important;
    border-color: #cc4d14 !important;
}
.pd-module-wrap .modulebutton.btn-default {
    background: #0ea5e9 !important;
    border-color: #0284c7 !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}
.pd-module-wrap .modulebutton.btn-default:hover {
    background: #0284c7 !important;
    border-color: #0369a1 !important;
}

/* ══════════════════════════════════════════════════════════════
   Paket ve Kullanim Bloklari - Esit & Kucultulmus Yukseklik
   ══════════════════════════════════════════════════════════════ */
#cPanelPackagePanel,
#cPanelUsagePanel {
    min-height: unset !important;
    height: auto !important;
}
#cPanelPackagePanel .card-body,
#cPanelUsagePanel .card-body {
    padding: 14px 18px !important;
}
.cpanel-package-details {
    margin-bottom: 8px;
}
.cpanel-package-details em {
    font-size: 11px;
    color: #94a3b8;
    font-style: normal;
    display: block;
    margin-bottom: 2px;
}
.cpanel-package-details h4 {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 4px;
}
.cpanel-package-details a {
    font-size: 12px;
    color: #64748b;
}

/* Kullanim istatistikleri - daha kompakt */
.cpanel-usage-stats .row { gap: 0; }
#diskUsage, #bandwidthUsage {
    padding: 4px 0;
}
#diskUsage strong, #bandwidthUsage strong {
    font-size: 11px !important;
    margin-bottom: 4px !important;
}

/* ══════════════════════════════════════════════════════════════
   Modern Kullanim Bar Gostergesi
   ══════════════════════════════════════════════════════════════ */
.cpanel-usage-modern {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 2px 0;
}
.cpanel-usage-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.cpanel-usage-labels {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.cpanel-usage-name {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    font-family: 'Poppins', sans-serif;
}
.cpanel-usage-val {
    font-size: 11px;
    color: #94a3b8;
    font-family: 'Poppins', sans-serif;
}
.cpanel-usage-bar-track {
    height: 6px;
    background: #f1f5f9;
    border-radius: 99px;
    overflow: hidden;
}
.cpanel-usage-bar-fill {
    height: 100%;
    border-radius: 99px;
    transition: width 0.6s ease;
    min-width: 2px;
}
.cpanel-usage-pct {
    font-size: 11px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-align: right;
}

/* ══════════════════════════════════════════════════════════════
   Keskin Kenarlik - tum kart tipleri
   ══════════════════════════════════════════════════════════════ */
.pd-section-card {
    border: 1px solid #cbd5e1 !important;
}
.pd-summary-card {
    border: 1px solid #cbd5e1 !important;
}
.pd-quick-access {
    border: 1px solid #cbd5e1 !important;
}
.pd-addon-card {
    border: 1px solid #cbd5e1 !important;
}
/* ══════════════════════════════════════════════════════════════
   Esit Yukseklik - Paket ve Kullanim Panelleri
   ══════════════════════════════════════════════════════════════ */
.pd-module-wrap .cpanel-eq-col {
    display: flex !important;
    flex-direction: column !important;
}
.pd-module-wrap .cpanel-eq-col #cPanelPackagePanel,
.pd-module-wrap .cpanel-eq-col #cPanelUsagePanel {
    flex: 1 !important;
    height: auto !important;
    margin-bottom: 0 !important;
}

/* ══════════════════════════════════════════════════════════════
   Fatura Bilgileri Karti - Ayirt Edici Arkaplan
   ══════════════════════════════════════════════════════════════ */
.pd-layout-sidebar .pd-summary-card {
    background: #f8fafc !important;
}
.pd-layout-sidebar .pd-summary-header {
    background: #f0f4f8 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
.pd-layout-sidebar .pd-info-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12.5px !important;
    color: #64748b !important;
}
.pd-layout-sidebar .pd-info-value {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
}
.pd-layout-sidebar .pd-info-price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* ══════════════════════════════════════════════════════════════
   cPanel & Webmail JS Sinif Renklendirmesi
   ══════════════════════════════════════════════════════════════ */
.cpanel-login-btn {
    background: #FF6C2C !important;
    color: #fff !important;
    border-left: 3px solid #e55a1c !important;
    font-weight: 600 !important;
}
.cpanel-login-btn:hover {
    background: #e55a1c !important;
    color: #fff !important;
}
.cpanel-webmail-btn {
    background: #0ea5e9 !important;
    color: #fff !important;
    border-left: 3px solid #0284c7 !important;
    font-weight: 600 !important;
}
.cpanel-webmail-btn:hover {
    background: #0284c7 !important;
    color: #fff !important;
}

/* ══════════════════════════════════════════════════════════════
   Clientarea Anasayfa - Turuncu Buton Renkleri Beyaz/Nötr Ton
   ══════════════════════════════════════════════════════════════ */

/* Promo banner butonu */
.ca-promo-btn {
    background: #fff !important;
    color: #0f172a !important;
    border: 1.5px solid #cbd5e1 !important;
}
.ca-promo-btn:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* Satın Al butonu */
.ca-btn-buy {
    background: #fff !important;
    color: #374151 !important;
    border: 1.5px solid #cbd5e1 !important;
}
.ca-btn-buy:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* Kart sayı rozetleri */
.ca-card-stat-badge {
    background: #f1f5f9 !important;
    color: #374151 !important;
}

/* Yenile butonu */
.ca-btn-renew {
    border-color: #cbd5e1 !important;
    color: #374151 !important;
}
.ca-btn-renew:hover {
    background: #374151 !important;
    border-color: #374151 !important;
    color: #fff !important;
}

/* Hızlı Erişim kartı kenarlığı */
.ca-quick-card {
    border: 1px solid #e2e8f0 !important;
}
.ca-quick-links li a:hover {
    color: #0f172a !important;
}
.ca-quick-links li a:hover .ca-quick-icon {
    background: #f1f5f9 !important;
    color: #374151 !important;
}

/* Domain discount rozeti */
.ca-domain-badge-discount {
    background: #f1f5f9 !important;
    color: #374151 !important;
}

/* Domain CTA butonu */
.ca-domain-btn {
    background: #fff !important;
    color: #0f172a !important;
    border: 1.5px solid #cbd5e1 !important;
}
.ca-domain-btn:hover {
    background: #f1f5f9 !important;
}

/* Öne çıkan kart kenarlığı */
.ca-card-featured {
    border: 2px solid #cbd5e1 !important;
    box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════════════
   Sidebar - Yeni Sipariş Butonu Ön Plana Çıkarma
   ══════════════════════════════════════════════════════════════ */
.ca-new-order-btn,
.card-sidebar a[href="cart.php"],
.card-sidebar a[href$="/cart.php"] {
    background: #0f172a !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-left: none !important;
    border-radius: 8px !important;
    margin: 10px 12px !important;
    text-align: center !important;
    justify-content: center !important;
    padding: 11px 16px !important;
    letter-spacing: 0.3px !important;
    font-size: 13px !important;
}
.ca-new-order-btn:hover,
.card-sidebar a[href="cart.php"]:hover,
.card-sidebar a[href$="/cart.php"]:hover {
    background: #1e293b !important;
    color: #fff !important;
}

/* ══════════════════════════════════════════════════════════════
   Özellikler Şeridi - Kompakt & Kurumsal Tasarım
   ══════════════════════════════════════════════════════════════ */
.ca-features-strip {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 0 !important;
    box-shadow: none !important;
    gap: 0 !important;
    overflow: hidden !important;
}
.ca-feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 !important;
    padding: 14px 20px !important;
    border-right: 1px solid #e2e8f0 !important;
    min-width: 0 !important;
}
.ca-feature-item:last-child {
    border-right: none !important;
}
.ca-feature-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    color: #94a3b8 !important;
}
.ca-fi-green,
.ca-fi-orange,
.ca-fi-purple {
    background: transparent !important;
    color: #94a3b8 !important;
}
.ca-feature-text strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    white-space: nowrap !important;
}
.ca-feature-text span {
    font-size: 11.5px !important;
    color: #94a3b8 !important;
    white-space: nowrap !important;
}

/* ══════════════════════════════════════════════════════════════
   Düzeltmeler - 2
   ══════════════════════════════════════════════════════════════ */

/* Yeni Sipariş butonu - sade, sidebar uyumlu, soft beyaz ton */
.ca-new-order-btn,
.card-sidebar a[href="cart.php"],
.card-sidebar a[href$="/cart.php"] {
    background: #f0f4f8 !important;
    color: #374151 !important;
    font-weight: 600 !important;
    border-left: 3px solid #94a3b8 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    padding: 10px 18px !important;
    letter-spacing: normal !important;
    font-size: 13.5px !important;
}
.ca-new-order-btn:hover,
.card-sidebar a[href="cart.php"]:hover,
.card-sidebar a[href$="/cart.php"]:hover {
    background: #e8edf3 !important;
    color: #0f172a !important;
}

/* ca-card-stat-badge - mor arka plan, beyaz yazı */
.ca-card-stat-badge {
    background: #11205c !important;
    color: #fff !important;
}

/* cPanel giriş butonu yazı rengi - yüksek özgüllük ile beyaz */
.card-sidebar .list-group-item.cpanel-login-btn,
.card-sidebar .list-group-item.cpanel-login-btn .sidebar-menu-item-label {
    color: #fff !important;
}
.card-sidebar a[data-identifier="login"] .sidebar-menu-item-label,
.card-sidebar a[menuItemName*="cPanel"] .sidebar-menu-item-label,
.card-sidebar a[menuitemname*="cPanel"] .sidebar-menu-item-label {
    color: #fff !important;
}

/* Paket + Kullanım panelleri altında boşluk */
.pd-module-wrap .cpanel-main-row {
    margin-bottom: 20px !important;
}

/* Paket + Kullanım panelleri içeren row'un altına boşluk - HTML değişikliği olmadan */
.pd-module-wrap .row:has(.cpanel-eq-col) {
    margin-bottom: 20px !important;
}

/* cPanel giriş butonu hover - koyu turuncu */
.card-sidebar .list-group-item.cpanel-login-btn:hover,
.card-sidebar a[data-identifier="login"]:hover,
.card-sidebar a[menuItemName*="cPanel"]:hover,
.card-sidebar a[menuitemname*="cPanel"]:hover {
    background: #e55a1c !important;
    color: #fff !important;
}

/* ══════════════════════════════════════════════════════════════
   Hesap Detayları - Yeniden Tasarım
   ══════════════════════════════════════════════════════════════ */
.ca-summary-card {
    padding: 0 !important;
    overflow: hidden !important;
}
.ca-summary-head {
    padding: 16px 18px 14px;
    border-bottom: 1px solid #f1f5f9;
}
.ca-summary-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    letter-spacing: 0.1px;
}
.ca-stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 14px 14px 10px;
}
.ca-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 10px 12px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    gap: 5px;
    text-decoration: none !important;
    transition: background 0.15s, border-color 0.15s;
    cursor: default;
}
a.ca-stat-item { cursor: pointer; }
a.ca-stat-item:hover { background: #f1f5f9 !important; text-decoration: none !important; }
.ca-stat-num {
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
    color: #0f172a;
    font-family: 'Poppins', sans-serif;
}
.ca-stat-label {
    font-size: 11px;
    font-weight: 500;
    color: #64748b;
    text-align: center;
    line-height: 1.3;
}

/* Stat renk varyantları */
.ca-stat-danger {
    background: #fff5f5 !important;
    border-color: #fecaca !important;
}
.ca-stat-danger .ca-stat-num { color: #dc2626 !important; }
.ca-stat-danger:hover { background: #fee2e2 !important; }

.ca-stat-purple {
    background: #faf5ff !important;
    border-color: #e9d5ff !important;
}
.ca-stat-purple .ca-stat-num { color: #7c3aed !important; }
.ca-stat-purple:hover { background: #f3e8ff !important; }

.ca-stat-neutral {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
.ca-stat-neutral .ca-stat-num { color: #94a3b8 !important; }

/* Bakiye satırı */
.ca-balance-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 14px 14px;
    padding: 11px 14px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}
.ca-balance-label {
    font-size: 12.5px;
    font-weight: 500;
    color: #64748b;
}
.ca-balance-val {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Poppins', sans-serif;
}



/* ══════════════════════════════════════════════════════════════
   Submit Ticket - Yeniden Tasarım (st-*)
   ══════════════════════════════════════════════════════════════ */

/* İki kolonlu layout */
.st-layout {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.st-main {
    flex: 1;
    min-width: 0;
}
.st-sidebar {
    width: 280px;
    flex-shrink: 0;
}

/* Ana kart */
.st-card {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 0;
}

/* Kart başlığı */
.st-card-header {
    padding: 20px 22px 18px;
    border-bottom: 1px solid #f1f5f9;
}
.st-card-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.st-title {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 3px;
    font-family: 'Poppins', sans-serif;
}
.st-subtitle {
    font-size: 12.5px;
    color: #64748b;
    margin: 0;
}

/* Form section */
.st-section {
    padding: 18px 22px;
    border-bottom: 1px solid #f1f5f9;
}
.st-section:last-of-type {
    border-bottom: none;
}
.st-section-label {
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
    margin-bottom: 14px;
}

/* Input ve select */
.st-label {
    font-size: 12.5px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 5px;
    display: block;
}
.st-input {
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    color: #1e293b !important;
    background: #fff !important;
    padding: 9px 12px !important;
    font-family: 'Poppins', sans-serif !important;
    transition: border-color 0.15s !important;
}
.st-input:focus {
    border-color: #94a3b8 !important;
    box-shadow: 0 0 0 3px rgba(148,163,184,0.15) !important;
    outline: none !important;
}
.st-textarea {
    resize: vertical !important;
    min-height: 180px !important;
}

/* Dosya eki hint */
.st-file-hint {
    font-size: 11.5px;
    color: #94a3b8;
    margin-top: 6px;
}

/* Submit satırı */
.st-submit-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 22px;
    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
}
.st-btn-submit {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #0f172a;
    color: #fff !important;
    font-size: 13.5px;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: background 0.15s;
    text-decoration: none !important;
}
.st-btn-submit:hover {
    background: #1e293b;
    color: #fff !important;
}
.st-btn-cancel {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    color: #64748b !important;
    font-size: 13px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: background 0.15s, color 0.15s;
    text-decoration: none !important;
}
.st-btn-cancel:hover {
    background: #f1f5f9;
    color: #0f172a !important;
    text-decoration: none !important;
}

/* Departman listesi (step one) */
.st-dept-list {
    padding: 16px 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.st-dept-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    text-decoration: none !important;
    color: #1e293b;
    transition: border-color 0.15s, background 0.15s;
}
.st-dept-item:hover {
    border-color: #94a3b8;
    background: #f1f5f9;
    text-decoration: none !important;
    color: #0f172a;
}
.st-dept-info {
    flex: 1;
    min-width: 0;
}
.st-dept-name {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 2px;
}
.st-dept-desc {
    font-size: 12px;
    color: #64748b;
}
.st-dept-arrow {
    color: #cbd5e1;
    font-size: 12px;
    flex-shrink: 0;
    transition: transform 0.15s, color 0.15s;
}
.st-dept-item:hover .st-dept-arrow {
    transform: translateX(3px);
    color: #94a3b8;
}

/* Sidebar kartları */
.st-sidebar-card {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 14px;
}
.st-sidebar-card-muted {
    background: #f8fafc;
    border-color: #e2e8f0;
}
.st-sidebar-card-title {
    font-size: 12.5px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f5f9;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.st-tip-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.st-tip-list li {
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
    padding-left: 14px;
    position: relative;
}
.st-tip-list li::before {
    content: '–';
    position: absolute;
    left: 0;
    color: #cbd5e1;
}
.st-response-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.st-response-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}
.st-response-label {
    color: #374151;
    font-weight: 500;
}
.st-response-val {
    color: #64748b;
    font-size: 11.5px;
}
.st-priority-high { color: #dc2626 !important; }
.st-priority-med  { color: #d97706 !important; }
.st-priority-low  { color: #16a34a !important; }
.st-sidebar-text {
    font-size: 12px;
    color: #64748b;
    line-height: 1.55;
    margin: 0;
}
.st-alert-error {
    padding: 0 22px;
}

/* Mobil - sidebar gizli (zaten d-none d-md-block ile) */
@media (max-width: 767px) {
    .st-layout {
        flex-direction: column;
    }
    .st-sidebar {
        width: 100%;
        display: none !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   Yeni Header - Hero Bar + Nav Tabs
   ══════════════════════════════════════════════════════════════ */

/* ── Hero Bar (koyu arka plan) ── */
.ca-hero-bar {
    background: #0f172a;
    background-image: radial-gradient(ellipse at 20% 50%, rgba(255,108,44,0.06) 0%, transparent 60%),
                      radial-gradient(ellipse at 80% 50%, rgba(14,165,233,0.04) 0%, transparent 60%);
    padding: 18px 0;
}
.ca-hero-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

/* Kullanıcı Bilgisi */
.ca-hero-user {
    display: flex;
    align-items: center;
    gap: 14px;
}
.ca-hero-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #1e293b;
    border: 2px solid #334155;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-size: 22px;
    flex-shrink: 0;
}
.ca-hero-user-info {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.ca-hero-welcome {
    font-size: 12px;
    color: #FF6C2C;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.ca-hero-name {
    font-size: 17px;
    font-weight: 700;
    color: #f1f5f9;
    font-family: 'Poppins', sans-serif;
    line-height: 1.2;
}
.ca-hero-email {
    font-size: 12px;
    color: #64748b;
    font-family: 'Poppins', sans-serif;
}

/* Sağ: Bakiye Kartı */
.ca-hero-right {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ca-hero-balance-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 10px 14px;
}
.ca-hero-bal-icon {
    width: 36px;
    height: 36px;
    background: #0f172a;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-size: 15px;
    flex-shrink: 0;
}
.ca-hero-bal-info {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 80px;
}
.ca-hero-bal-label {
    font-size: 11px;
    color: #64748b;
    font-family: 'Poppins', sans-serif;
}
.ca-hero-bal-amount {
    font-size: 15px;
    font-weight: 700;
    color: #f1f5f9;
    font-family: 'Poppins', sans-serif;
}
.ca-hero-bal-btn {
    display: inline-flex;
    align-items: center;
    background: #FF6C2C;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 18px;
    border-radius: 8px;
    text-decoration: none !important;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
    transition: background 0.15s;
}
.ca-hero-bal-btn:hover {
    background: #e55a1c;
    color: #fff !important;
    text-decoration: none !important;
}
.ca-hero-icon-btn {
    width: 36px;
    height: 36px;
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b !important;
    font-size: 14px;
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s;
    flex-shrink: 0;
}
.ca-hero-icon-btn:hover {
    background: #334155;
    color: #f1f5f9 !important;
    text-decoration: none !important;
}
.ca-hero-admin-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #7c3aed;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 8px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.15s;
}
.ca-hero-admin-btn:hover { background: #6d28d9; color: #fff !important; }

/* ── Sekme Navigasyon Çubuğu ── */
.ca-nav-bar {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.ca-nav-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.ca-nav-scroll::-webkit-scrollbar { display: none; }
.ca-nav-tabs {
    display: flex;
    align-items: stretch;
    gap: 0;
    min-width: max-content;
}
.ca-nav-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 14px 18px;
    font-size: 13px;
    font-weight: 500;
    color: #374151 !important;
    text-decoration: none !important;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.ca-nav-tab i {
    font-size: 13px;
    color: #94a3b8;
    transition: color 0.15s;
}
.ca-nav-tab:hover {
    color: #0f172a !important;
    background: #f8fafc;
    text-decoration: none !important;
}
.ca-nav-tab:hover i { color: #64748b; }
.ca-nav-tab.active {
    color: #FF6C2C !important;
    border-bottom-color: #FF6C2C;
    font-weight: 600;
}
.ca-nav-tab.active i { color: #FF6C2C; }

/* ── Guest (giriş yapılmamış) Navbar ── */
.ca-guest-bar {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 0;
}
.ca-guest-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ca-guest-logo img { height: 36px; }
.ca-guest-logo span {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Poppins', sans-serif;
}
.ca-guest-login-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #0f172a;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 20px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: background 0.15s;
}
.ca-guest-login-btn:hover { background: #1e293b; color: #fff !important; }

/* ── Mobil ── */
@media (max-width: 767px) {
    .ca-hero-inner { gap: 14px; }
    .ca-hero-balance-card { flex-wrap: wrap; gap: 10px; }
    .ca-hero-bal-btn { font-size: 12px; padding: 8px 14px; }
    .ca-hero-name { font-size: 15px; }
    .ca-nav-tab { padding: 12px 14px; font-size: 12px; }
    .ca-nav-tab span { display: none; }
    .ca-nav-tab i { font-size: 16px; }
}

/* ══════════════════════════════════════════════════════════════
   Topbar - Logo + Banner Alanı
   ══════════════════════════════════════════════════════════════ */
.ca-topbar {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    padding: 1px 0;
}
.ca-topbar-inner {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 80px;
}
.ca-topbar-logo {
    flex-shrink: 0;
    text-decoration: none !important;
}
.ca-topbar-logo img {
    height: auto;
    width: auto;
    max-width: 100%;
    display: block;
}
.ca-topbar-logo span {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Poppins', sans-serif;
}
.ca-topbar-banner {
    width: 800px;
    max-width: 800px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}
.ca-topbar-banner img {
    max-height: 60px;
    width: auto;
    max-width: 100%;
    border-radius: 8px;
    display: block;
}
@media (max-width: 575px) {
    .ca-topbar-banner { display: none; }
}