/* *****************************************************
   4future WHMCS Theme – FINAL CLEAN VERSION
***************************************************** */


/* =========================
   GLOBAL
========================= */

body {
    font-family: "Segoe UI", Arial, sans-serif;
    background: #f5f7f9;
}


/* =========================
   NAVBAR (TOP MENU)
========================= */

.navbar.navbar-default.navbar-main {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

/* Default Links */
.navbar-main .navbar-nav > li > a {
    background: transparent !important;
    color: #243746 !important;
    font-weight: 500;
}

/* Hover */
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus {
    background: rgba(0,140,140,0.1) !important;
    color: #008c8c !important;
}

/* Active / Open */
.navbar-main .navbar-nav > li.active > a,
.navbar-main .navbar-nav > li.open > a {
    background: rgba(0,140,140,0.15) !important;
    color: #008c8c !important;
}

/* Dropdown */
.navbar-main .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #eee;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

.navbar-main .dropdown-menu > li > a {
    color: #243746 !important;
}

.navbar-main .dropdown-menu > li > a:hover {
    background: rgba(0,140,140,0.1) !important;
    color: #008c8c !important;
}


/* =====================================================
   ACCOUNT BUTTON – NUCLEAR FIX
===================================================== */

/* Default */
#Secondary_Navbar-Account,
#Secondary_Navbar-Account > a {
    background: rgba(0,140,140,0.15) !important;
    border-radius: 6px !important;
}

#Secondary_Navbar-Account > a {
    color: #008c8c !important;
}

/* Hover */
#Secondary_Navbar-Account:hover,
#Secondary_Navbar-Account:hover > a {
    background: #008c8c !important;
}

#Secondary_Navbar-Account:hover > a {
    color: #ffffff !important;
}

/* Open (Dropdown aktiv) */
#Secondary_Navbar-Account.open,
#Secondary_Navbar-Account.open > a {
    background: #006666 !important;
}

#Secondary_Navbar-Account.open > a {
    color: #ffffff !important;
}

/* Focus / Click */
#Secondary_Navbar-Account > a:focus,
#Secondary_Navbar-Account > a:active {
    background: #006666 !important;
    color: #ffffff !important;
    outline: none !important;
}

/* =========================
   LOGOUT BUTTON (oben rechts)
========================= */

#header .top-nav .btn {
    background: transparent !important;
    border: 1px solid rgba(0,0,0,0.2) !important;
    color: #333 !important;
    border-radius: 6px;
}

#header .top-nav .btn:hover {
    background: rgba(0,0,0,0.05) !important;
}


/* =========================
   SIDEBAR (ORDER FORM)
========================= */

.cart-sidebar .list-group-item {
    background: transparent !important;
    border: none !important;
    color: #555 !important;
    border-radius: 6px;
}

/* Hover */
.cart-sidebar .list-group-item:hover {
    background: #f3f4f6 !important;
    color: #243746 !important;
}

/* Active */
.cart-sidebar .list-group-item.active {
    background: rgba(0,140,140,0.1) !important;
    color: #008c8c !important;
    font-weight: 600;
}

/* Active Hover */
.cart-sidebar .list-group-item.active:hover {
    background: rgba(0,140,140,0.2) !important;
    color: #006666 !important;
}


/* =========================
   SIDEBAR PANELS
========================= */

.cart-sidebar .panel,
.cart-sidebar .card {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.cart-sidebar .panel-heading {
    background: transparent !important;
    border: none !important;
    font-weight: 600;
    color: #243746;
}


/* =========================
   PRODUCT CARDS
========================= */

.product {
    border: none !important;
    border-radius: 10px !important;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
    transition: all 0.2s ease;
}

.product:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}


/* =========================
   PRODUCT TITLE
========================= */

.product header span {
    font-size: 20px;
    font-weight: 600;
    color: #243746;
}


/* =========================
   PRODUCT DESCRIPTION
========================= */

.product-description p {
    margin-bottom: 10px;
}

.product-description ul {
    margin: 5px 0 10px 0;
    padding-left: 18px;
}

.product-description li {
    margin-bottom: 4px;
}

.product-description strong {
    display: block;
    margin-top: 10px;
    margin-bottom: 3px;
}


/* =========================
   PRICE BOX
========================= */

.product footer .product-pricing {
    background: transparent !important;
    box-shadow: none !important;
    text-align: left;
}

.product footer .product-pricing .price {
    background: rgba(0,140,140,0.1);
    color: #008c8c !important;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 20px !important;
    display: inline-block;
}


/* =========================
   BUTTONS
========================= */

.product footer .btn-order-now {
    background: #008c8c !important;
    border-color: #008c8c !important;
    padding: 10px 16px;
    border-radius: 6px;
}

.product footer .btn-order-now:hover {
    background: #006666 !important;
}


/* =========================
   HEADLINES
========================= */

.header-lined h1 {
    font-weight: 300 !important;
    color: #2f4b5a !important;
}


/* =========================
   LAYOUT
========================= */

.row {
    margin-bottom: 20px;
}

/* =====================================================
   NAVBAR – ABSOLUT FINAL FIX (ALL STATES)
===================================================== */

/* Reset Bootstrap Dark Behavior */
.navbar-default .navbar-nav > li > a {
    color: #243746 !important;
    background: transparent !important;
}

/* Hover */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background: rgba(0,140,140,0.1) !important;
    color: #008c8c !important;
}

/* Active */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background: rgba(0,140,140,0.15) !important;
    color: #008c8c !important;
}

/* Dropdown Open */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background: rgba(0,140,140,0.15) !important;
    color: #008c8c !important;
}


/* =====================================================
   BUTTON STYLE – 4future Design
===================================================== */

/* Standard Success Buttons ersetzen */
.btn-success {
    background: #008c8c !important;
    border-color: #008c8c !important;
    color: #ffffff !important;
}

.btn-success {
    border-radius: 6px !important;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn-success:hover {
    transform: translateY(-1px);
}


/* =====================================================
   WHMCS COLOR SYSTEM CLEANUP
===================================================== */

/* ---------- TILES OBEN ---------- */

/* Dienste */
.tiles .tile:nth-child(1) .stat,
.tiles .tile:nth-child(1) .title {
    color: #008c8c !important;
}
.tiles .tile:nth-child(1) .highlight,
.tiles .tile:nth-child(1) .bg-color-blue {
    background: #008c8c !important;
}

/* Domänen */
.tiles .tile:nth-child(2) .stat,
.tiles .tile:nth-child(2) .title {
    color: #2faa60 !important;
}
.tiles .tile:nth-child(2) .highlight,
.tiles .tile:nth-child(2) .bg-color-green {
    background: #2faa60 !important;
}

/* Support */
.tiles .tile:nth-child(3) .stat,
.tiles .tile:nth-child(3) .title {
    color: #38bdf8 !important;
}
.tiles .tile:nth-child(3) .highlight,
.tiles .tile:nth-child(3) .bg-color-red {
    background: #38bdf8 !important;
}

/* Rechnungen */
.tiles .tile:nth-child(4) .stat,
.tiles .tile:nth-child(4) .title {
    color: #e9a63b !important;
}
.tiles .tile:nth-child(4) .highlight,
.tiles .tile:nth-child(4) .bg-color-gold {
    background: #e9a63b !important;
}


/* ---------- PANELS UNTEN ---------- */

/* Dienste */
#servicesPanel {
    border-top: 3px solid #008c8c !important;
}
#servicesPanel .panel-heading .btn,
#servicesPanel .bg-color-gold {
    background: #008c8c !important;
    border-color: #008c8c !important;
    color: #fff !important;
}

/* Support */
#ticketsPanel {
    border-top: 3px solid #38bdf8 !important;
}
#ticketsPanel .panel-heading .btn,
#ticketsPanel .bg-color-blue {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
    color: #fff !important;
}

/* Rechnungen / News neutral halten */
#announcementsPanel {
    border-top: 3px solid #7f8c8d !important;
}
#announcementsPanel .panel-heading .btn,
#announcementsPanel .bg-color-asbestos {
    background: #7f8c8d !important;
    border-color: #7f8c8d !important;
    color: #fff !important;
}

/* Domain registrieren */
#registerDomainPanel {
    border-top: 3px solid #2faa60 !important;
}


/* ---------- GENERISCHE WHMCS FARBBUTTONS ENTSCHÄRFEN ---------- */

.bg-color-blue {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
    color: #fff !important;
}

.bg-color-green,
.bg-color-emerald {
    background: #2faa60 !important;
    border-color: #2faa60 !important;
    color: #fff !important;
}

.bg-color-gold {
    background: #e9a63b !important;
    border-color: #e9a63b !important;
    color: #fff !important;
}

.bg-color-red {
    background: #38bdf8 !important; /* Support nicht mehr rot */
    border-color: #38bdf8 !important;
    color: #fff !important;
}

.bg-color-asbestos {
    background: #7f8c8d !important;
    border-color: #7f8c8d !important;
    color: #fff !important;
}


/* =====================================================
   INVOICES / TABLE VIEWS – 4future cleanup
===================================================== */

/* ---------- Sidebar links ---------- */

.sidebar .panel-sidebar .list-group-item {
    background: transparent !important;
    border: none !important;
    color: #555 !important;
    border-radius: 6px;
}

.sidebar .panel-sidebar .list-group-item:hover {
    background: #f3f4f6 !important;
    color: #243746 !important;
}

.sidebar .panel-sidebar .list-group-item.active {
    background: rgba(0,140,140,0.10) !important;
    color: #008c8c !important;
    font-weight: 600;
}

.sidebar .panel-sidebar .list-group-item.active:hover {
    background: rgba(0,140,140,0.18) !important;
    color: #006666 !important;
}

/* Status-Zähler links etwas ruhiger */
.sidebar .badge,
.sidebar .label,
.sidebar .status-badge {
    background: transparent !important;
    color: #666 !important;
    box-shadow: none !important;
}


/* ---------- Tabellen / DataTables ---------- */

/* obere DataTables-Leiste */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    color: #243746 !important;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    background: #f8fafb !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}

/* dunklen Balken entfernen */
.dataTables_wrapper .listtable-top,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    background: #f8fafb !important;
    color: #243746 !important;
}

/* Suchfeld */
.dataTables_wrapper input[type="search"] {
    background: #ffffff !important;
    border: 1px solid #d6dbe1 !important;
    border-radius: 6px !important;
    color: #243746 !important;
    box-shadow: none !important;
}

/* Auswahlfeld "zeige 10 Einträge" */
.dataTables_wrapper select {
    background: #ffffff !important;
    border: 1px solid #d6dbe1 !important;
    border-radius: 6px !important;
    color: #243746 !important;
    box-shadow: none !important;
}

/* Tabelle allgemein */
table.dataTable,
.table {
    background: #ffffff !important;
    border-collapse: collapse !important;
}

/* Tabellenkopf */
table.dataTable thead th,
table.dataTable thead td,
.table thead th {
    background: #ffffff !important;
    color: #243746 !important;
    border-bottom: 2px solid #e5e7eb !important;
    font-weight: 600 !important;
}

/* grüne Linie entfernen und sauber ersetzen */
table.dataTable.no-footer {
    border-bottom: 1px solid #e5e7eb !important;
}

table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    box-shadow: inset 0 -3px 0 rgba(0,140,140,0.18);
}

/* Tabellenzeilen */
table.dataTable tbody tr,
.table tbody tr {
    background: #ffffff !important;
}

table.dataTable tbody tr:hover,
.table tbody tr:hover {
    background: #f8fafb !important;
}

table.dataTable tbody td,
.table tbody td {
    border-top: 1px solid #eef1f4 !important;
    color: #243746 !important;
}

/* ---------- Status-Badge "Bezahlt" ---------- */

.label,
.status,
.invoice-status {
    border-radius: 6px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* bezahlte Rechnung */
.label-success,
.status-paid,
.invoice-status.paid,
.text-success {
    background: rgba(47,170,96,0.12) !important;
    color: #2faa60 !important;
    border: 1px solid rgba(47,170,96,0.25) !important;
}

/* offene Rechnung */
.label-warning,
.status-unpaid,
.invoice-status.unpaid,
.text-warning {
    background: rgba(233,166,59,0.12) !important;
    color: #e9a63b !important;
    border: 1px solid rgba(233,166,59,0.25) !important;
}

/* stornierte / rückerstattete neutraler */
.label-default,
.label-info,
.status-cancelled,
.status-refunded {
    background: rgba(127,140,141,0.12) !important;
    color: #7f8c8d !important;
    border: 1px solid rgba(127,140,141,0.25) !important;
}

/* ---------- Pagination ---------- */

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #ffffff !important;
    border: 1px solid #d6dbe1 !important;
    color: #243746 !important;
    border-radius: 6px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(0,140,140,0.08) !important;
    border-color: #008c8c !important;
    color: #008c8c !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #008c8c !important;
    border-color: #008c8c !important;
    color: #ffffff !important;
}

/* ---------- Breadcrumb / headings ---------- */

.header-lined h1 {
    color: #2f4b5a !important;
    font-weight: 300 !important;
}

.header-lined p,
.breadcrumb,
.breadcrumb a {
    color: #6b7280 !important;
}

/* =====================================================
   DATA TABLE TOP BAR – FINAL FIX
===================================================== */

/* oberer Balken über der Rechnungstabelle */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    background: #f8fafb !important;
    color: #243746 !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}

/* falls WHMCS hier eigene Wrapper verwendet */
.dataTables_wrapper .listtable-top,
.dataTables_wrapper .dt-toolbar,
table.dataTable + .dataTables_wrapper .dataTables_length,
table.dataTable + .dataTables_wrapper .dataTables_filter {
    background: #f8fafb !important;
    color: #243746 !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}

/* Info-Text links oben */
.dataTables_wrapper .dataTables_info {
    color: #243746 !important;
    background: transparent !important;
}

/* Suchfeld rechts oben */
.dataTables_wrapper .dataTables_filter input {
    background: #ffffff !important;
    border: 1px solid #d6dbe1 !important;
    border-radius: 6px !important;
    color: #243746 !important;
    box-shadow: none !important;
}

/* Länge-Auswahl unten */
.dataTables_wrapper .dataTables_length select {
    background: #ffffff !important;
    border: 1px solid #d6dbe1 !important;
    border-radius: 6px !important;
    color: #243746 !important;
    box-shadow: none !important;
}

/* Tabellenkopf noch sauberer */
table.dataTable thead th,
table.dataTable thead td {
    background: #ffffff !important;
    color: #243746 !important;
    border-bottom: 2px solid #e5e7eb !important;
}

/* diese türkis/grüne Unterstreichung entschärfen */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    box-shadow: inset 0 -2px 0 rgba(0,140,140,0.14) !important;
}

/* Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #ffffff !important;
    border: 1px solid #d6dbe1 !important;
    color: #243746 !important;
    border-radius: 6px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(0,140,140,0.08) !important;
    border-color: #008c8c !important;
    color: #008c8c !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #008c8c !important;
    border-color: #008c8c !important;
    color: #ffffff !important;
}

/* =====================================================
   CART / CHECKOUT – 4future STYLE
===================================================== */

/* oberer Balken "Produkt/Optionen" */
.view-cart-items-header,
.cart-items .header {
    background: #008c8c !important;
    color: #ffffff !important;
    border-radius: 8px 8px 0 0;
}

/* Tabellenkopf im Warenkorb */
.cart-items table thead th {
    background: #008c8c !important;
    color: #ffffff !important;
    border: none !important;
}

/* Trennlinie unter Produkt */
.cart-items .item {
    border-bottom: 1px solid #e5e7eb !important;
}

/* "Warenkorb leeren" Button */
.btn-empty-cart {
    background: rgba(0,140,140,0.1) !important;
    color: #008c8c !important;
    border: none !important;
}

.btn-empty-cart:hover {
    background: #008c8c !important;
    color: #ffffff !important;
}

/* rechte Summary Box */
.cart-summary {
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
}

/* Header der Summary (aktuell grau/dunkel) */
.cart-summary .header,
.cart-summary .panel-heading {
    background: #f8fafb !important;
    color: #243746 !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Gesamtpreis */
.cart-summary .total-due {
    color: #008c8c !important;
    font-weight: 600;
}

/* Kasse Button (Primary Action) */
.cart-summary .btn-checkout {
    background: #008c8c !important;
    border-color: #008c8c !important;
    font-size: 18px;
    padding: 12px;
}

.cart-summary .btn-checkout:hover {
    background: #006666 !important;
}


/* =====================================================
   TICKET DEPARTMENTS – REAL FIX
===================================================== */

/* die einzelnen Blöcke */
#main-body .col-md-6.margin-bottom {
    background: #ffffff;
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 20px;
    border: 1px solid #e5e7eb;
    transition: all 0.2s ease;
}

/* Hover */
#main-body .col-md-6.margin-bottom:hover {
    background: rgba(0,140,140,0.05);
    border-color: #008c8c;
    transform: translateY(-2px);
    cursor: pointer;
}

/* Link (Titel) */
#main-body .col-md-6.margin-bottom a {
    color: #243746 !important;
    text-decoration: none;
    font-size: 18px;
}

/* Hover auf Titel */
#main-body .col-md-6.margin-bottom:hover a {
    color: #008c8c !important;
}

/* Icon */
#main-body .col-md-6.margin-bottom i {
    color: #008c8c;
}

/* Beschreibung */
#main-body .col-md-6.margin-bottom p:last-child {
    color: #6b7280;
    margin-top: 5px;
}