/* ============================================================ */
/* Miro Palette & Βασικά στυλ */
/* ============================================================ */
:root {
    --miro-blue: #2EC7F1;
    --miro-yellow: #FFD42A;
    --miro-red: #FF4E36;
    --miro-pink: #FF5FFF;
    --miro-dark: #0b2b4a;
    --miro-gray: #e9edf4;
    --miro-bg: #f7f9fc;
    --miro-shadow: 0 12px 40px rgba(0,0,0,0.08);
}

body {
    background: var(--miro-bg);
    font-family: 'Inter', sans-serif !important;
}

/* ============================================================ */
/* HEADER - DROPDOWN MENU (ΔΙΟΡΘΩΣΗ) */
/* ============================================================ */
header.header,
.main-navbar-wrapper,
.navbar-collapse,
.navbar-nav {
    overflow: visible !important;
}
.navbar-nav .dropdown-menu {
    z-index: 99999 !important;
    position: absolute !important;
    margin-top: 0.5rem !important;
    border-radius: 20px !important;
    border: 2px solid var(--miro-gray) !important;
    box-shadow: var(--miro-shadow) !important;
    padding: 0.5rem !important;
    background: #ffffff !important;
}
.navbar-nav .dropdown-menu .dropdown-item {
    border-radius: 12px !important;
    padding: 0.5rem 1rem !important;
}
.navbar-nav .dropdown-menu .dropdown-item:hover {
    background: var(--miro-bg) !important;
    color: var(--miro-blue) !important;
}

/* ============================================================ */
/* ΑΠΟΚΡΥΨΗ ΑΝΕΠΙΘΥΜΗΤΩΝ ΣΤΟΙΧΕΙΩΝ ΜΕΝΟΥ */
/* ============================================================ */
li[menuitemname="Announcements"],
li[menuitemname="Knowledgebase"],
li[menuitemname="Network Status"],
li[menuitemname="Contact"] {
    display: none !important;
}
/* Εναλλακτικό (πιο γενικό) */
.navbar-nav .nav-item a[href*="announcements"],
.navbar-nav .nav-item a[href*="knowledgebase"],
.navbar-nav .nav-item a[href*="serverstatus"],
.navbar-nav .nav-item a[href*="contact"] {
    display: none !important;
}

/* ============================================================ */
/* ΚΑΡΤΕΣ & ΚΟΥΜΠΙΑ (για όλες τις σελίδες) */
/* ============================================================ */
.card {
    border-radius: 30px !important;
    border: 2px solid var(--miro-gray) !important;
    box-shadow: var(--miro-shadow) !important;
    transition: all 0.3s ease !important;
    overflow: hidden;
}
.card:hover {
    transform: translateY(-6px);
    border-color: var(--miro-blue) !important;
    box-shadow: 0 20px 40px rgba(46,199,241,0.12) !important;
}
.card-header {
    background: transparent !important;
    border-bottom: 0 !important;
    font-weight: 700 !important;
}
.card-body {
    padding: 2rem !important;
}

.btn-primary {
    background: var(--miro-dark) !important;
    border: 2px solid var(--miro-dark) !important;
    border-radius: 60px !important;
    font-weight: 700 !important;
    transition: all 0.3s !important;
}
.btn-primary:hover {
    background: var(--miro-blue) !important;
    border-color: var(--miro-blue) !important;
    transform: scale(1.02);
}
.btn-outline-primary {
    border: 2px solid var(--miro-blue) !important;
    color: var(--miro-blue) !important;
    border-radius: 60px !important;
    font-weight: 700 !important;
}
.btn-outline-primary:hover {
    background: var(--miro-blue) !important;
    color: #fff !important;
}
.btn-success {
    background: #28a745 !important;
    border: 2px solid #28a745 !important;
    border-radius: 60px !important;
    font-weight: 700 !important;
}
.btn-success:hover {
    background: #218838 !important;
    border-color: #218838 !important;
    transform: scale(1.02);
}

/* ============================================================ */
/* ΦΟΡΜΕΣ - INPUTS */
/* ============================================================ */
.form-control {
    border-radius: 60px !important;
    border: 2px solid var(--miro-gray) !important;
    padding: 0.7rem 1.5rem !important;
}
.form-control:focus {
    border-color: var(--miro-blue) !important;
    box-shadow: 0 0 0 0.2rem rgba(46,199,241,0.25) !important;
}
.input-group {
    border-radius: 60px !important;
    border: 2px solid var(--miro-gray) !important;
    overflow: hidden;
}
.input-group .form-control {
    border: none !important;
    border-radius: 0 !important;
}
.input-group .btn {
    border-radius: 0 60px 60px 0 !important;
    background: var(--miro-yellow) !important;
    color: var(--miro-dark) !important;
    border: none !important;
    font-weight: 700 !important;
    padding: 0.7rem 2rem !important;
}
.input-group .btn:hover {
    background: #f5d953 !important;
}
.input-group-text {
    border-radius: 60px 0 0 60px !important;
    border: 2px solid var(--miro-gray) !important;
    border-right: none !important;
    background: white !important;
}
.input-group-append .btn {
    border-radius: 0 60px 60px 0 !important;
    border: 2px solid var(--miro-gray) !important;
    border-left: none !important;
}

/* ============================================================ */
/* HEADER (glassmorphism) */
/* ============================================================ */
header.header {
    background: rgba(255,255,255,0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 2px solid var(--miro-gray) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
    overflow: visible !important;
}
header.header .topbar {
    background: var(--miro-dark) !important;
    color: rgba(255,255,255,0.8) !important;
}
header.header .topbar .btn {
    color: rgba(255,255,255,0.8) !important;
}
header.header .navbar {
    background: transparent !important;
    padding: 0.5rem 0 !important;
}
header.header .logo-img {
    max-height: 50px !important;
}
header.header .toolbar .nav-link {
    border-radius: 60px !important;
    border: 1px solid var(--miro-gray) !important;
    color: var(--miro-dark) !important;
    padding: 0.5rem 1.2rem !important;
}
header.header .toolbar .nav-link:hover {
    background: var(--miro-bg) !important;
}
header.header .search {
    border-radius: 60px !important;
    border: 2px solid var(--miro-gray) !important;
}
header.header .search:focus-within {
    border-color: var(--miro-blue) !important;
}
header.header .search .btn {
    border-radius: 60px 0 0 60px !important;
}
header.header .search .form-control {
    border: none !important;
}

/* ============================================================ */
/* MAIN NAVBAR */
/* ============================================================ */
.main-navbar-wrapper {
    background: transparent !important;
    overflow: visible !important;
}
.main-navbar-wrapper .navbar-nav .nav-link {
    color: var(--miro-dark) !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    padding: 0.5rem 1rem !important;
    border-radius: 60px !important;
    transition: all 0.2s !important;
}
.main-navbar-wrapper .navbar-nav .nav-link:hover {
    background: var(--miro-bg) !important;
    color: var(--miro-blue) !important;
}
.main-navbar-wrapper .navbar-nav .dropdown-item {
    border-radius: 30px !important;
    transition: all 0.2s !important;
}
.main-navbar-wrapper .navbar-nav .dropdown-item:hover {
    background: var(--miro-bg) !important;
    color: var(--miro-blue) !important;
}

/* ============================================================ */
/* FOOTER */
/* ============================================================ */
footer.footer {
    background: var(--miro-dark) !important;
    border-top: 0 !important;
    color: rgba(255,255,255,0.8) !important;
}
footer.footer .nav-link {
    color: rgba(255,255,255,0.8) !important;
}
footer.footer .nav-link:hover {
    color: var(--miro-yellow) !important;
}
footer.footer .btn {
    background: rgba(255,255,255,0.08) !important;
    border-radius: 60px !important;
}
footer.footer .copyright {
    color: rgba(255,255,255,0.5) !important;
}

/* ============================================================ */
/* HOME PAGE - PRICING CARDS & ACTION ICONS */
/* ============================================================ */
.pricing-card-title {
    font-weight: 800 !important;
    color: var(--miro-dark) !important;
}
.card .btn-block {
    border-radius: 60px !important;
    font-weight: 700 !important;
}
.action-icon-btns a {
    border-radius: 30px !important;
    background: white !important;
    border: 2px solid var(--miro-gray) !important;
    transition: all 0.3s !important;
    box-shadow: var(--miro-shadow) !important;
}
.action-icon-btns a:hover {
    transform: translateY(-6px) !important;
    border-color: var(--miro-blue) !important;
    box-shadow: 0 20px 40px rgba(46,199,241,0.12) !important;
}
.action-icon-btns a .ico-container i {
    color: var(--miro-blue) !important;
}

/* ============================================================ */
/* LOGIN PAGE */
/* ============================================================ */
.login-form .card {
    border-radius: 40px !important;
    border: 2px solid var(--miro-gray) !important;
}
.login-form .card-body {
    background: rgba(255,255,255,0.8) !important;
    backdrop-filter: blur(8px) !important;
}
.login-form .card-footer {
    background: transparent !important;
    border-top: 1px solid var(--miro-gray) !important;
}

/* ============================================================ */
/* BREADCRUMB */
/* ============================================================ */
.master-breadcrumb {
    background: transparent !important;
}
.master-breadcrumb .breadcrumb {
    background: transparent !important;
    font-weight: 500 !important;
}
.breadcrumb-item.active {
    color: var(--miro-blue) !important;
}

/* ============================================================ */
/* DOMAIN SEARCH (HOMEPAGE) */
/* ============================================================ */
.home-domain-search .input-group-wrapper {
    border-radius: 60px !important;
    border: 2px solid var(--miro-gray) !important;
}
.home-domain-search .input-group-wrapper .form-control {
    border: none !important;
}
.home-domain-search .input-group-wrapper .btn {
    border-radius: 60px !important;
    background: var(--miro-yellow) !important;
    color: var(--miro-dark) !important;
    border: 2px solid var(--miro-dark) !important;
    font-weight: 700 !important;
}

/* ============================================================ */
/* TABS */
/* ============================================================ */
.nav-tabs .nav-link {
    border-radius: 60px 60px 0 0 !important;
    border: 2px solid transparent !important;
    font-weight: 600 !important;
}
.nav-tabs .nav-link.active {
    border-color: var(--miro-blue) !important;
    border-bottom-color: white !important;
    background: white !important;
    color: var(--miro-blue) !important;
}
.nav-tabs .nav-link:hover {
    border-color: var(--miro-gray) !important;
}

/* ============================================================ */
/* ALERTS */
/* ============================================================ */
.alert {
    border-radius: 30px !important;
    border: 0 !important;
    border-left: 6px solid var(--miro-blue) !important;
}
.alert-success {
    border-left-color: #28a745 !important;
}
.alert-danger {
    border-left-color: #dc3545 !important;
}
.alert-warning {
    border-left-color: #ffc107 !important;
}

/* ============================================================ */
/* STORE PAGE (#products) */
/* ============================================================ */
#products .card {
    border-radius: 30px !important;
    border: 2px solid var(--miro-gray) !important;
    box-shadow: var(--miro-shadow) !important;
    transition: all 0.3s ease !important;
    overflow: hidden;
}
#products .card:hover {
    transform: translateY(-6px);
    border-color: var(--miro-blue) !important;
    box-shadow: 0 20px 40px rgba(46,199,241,0.12) !important;
}
#products .card-body {
    padding: 2rem !important;
}
#products .btn-primary {
    background: var(--miro-dark) !important;
    border: 2px solid var(--miro-dark) !important;
    border-radius: 60px !important;
    font-weight: 700 !important;
    transition: all 0.3s !important;
}
#products .btn-primary:hover {
    background: var(--miro-blue) !important;
    border-color: var(--miro-blue) !important;
    transform: scale(1.02);
}
#products .btn-outline-primary {
    border: 2px solid var(--miro-blue) !important;
    color: var(--miro-blue) !important;
    border-radius: 60px !important;
    font-weight: 700 !important;
}
#products .btn-outline-primary:hover {
    background: var(--miro-blue) !important;
    color: #fff !important;
}
#products .product {
    border-radius: 30px !important;
    border: 2px solid var(--miro-gray) !important;
    padding: 1.5rem !important;
    background: white !important;
    transition: all 0.3s !important;
}
#products .product:hover {
    border-color: var(--miro-blue) !important;
    box-shadow: var(--miro-shadow) !important;
}
#products .product .btn-order-now {
    border-radius: 60px !important;
    font-weight: 700 !important;
}

/* ============================================================ */
/* CART PAGE (#order-standard_cart) */
/* ============================================================ */
#order-standard_cart .card {
    border-radius: 30px !important;
    border: 2px solid var(--miro-gray) !important;
    box-shadow: var(--miro-shadow) !important;
    transition: all 0.3s ease !important;
    overflow: hidden;
}
#order-standard_cart .card:hover {
    transform: translateY(-6px);
    border-color: var(--miro-blue) !important;
    box-shadow: 0 20px 40px rgba(46,199,241,0.12) !important;
}
#order-standard_cart .card-header {
    background: transparent !important;
    border-bottom: 0 !important;
    font-weight: 700 !important;
    padding: 1rem 1.5rem !important;
}
#order-standard_cart .card-body {
    padding: 1.5rem !important;
}
#order-standard_cart .list-group-item {
    border: none !important;
    border-bottom: 1px solid var(--miro-gray) !important;
    padding: 0.7rem 1rem !important;
    transition: all 0.2s !important;
}
#order-standard_cart .list-group-item:hover {
    background: var(--miro-bg) !important;
}
#order-standard_cart .list-group-item.active {
    background: var(--miro-blue) !important;
    color: #fff !important;
    border-radius: 12px !important;
}
#order-standard_cart .btn-primary {
    background: var(--miro-dark) !important;
    border: 2px solid var(--miro-dark) !important;
    border-radius: 60px !important;
    font-weight: 700 !important;
    transition: all 0.3s !important;
}
#order-standard_cart .btn-primary:hover {
    background: var(--miro-blue) !important;
    border-color: var(--miro-blue) !important;
    transform: scale(1.02);
}
#order-standard_cart .domain-checker-container {
    border-radius: 30px !important;
    border: 2px solid var(--miro-gray) !important;
    padding: 2rem !important;
    background: white !important;
    box-shadow: var(--miro-shadow) !important;
}
#order-standard_cart .input-group {
    border-radius: 60px !important;
    border: 2px solid var(--miro-gray) !important;
    overflow: hidden;
}
#order-standard_cart .form-control {
    border: none !important;
    border-radius: 0 !important;
    padding: 0.7rem 1.5rem !important;
}
#order-standard_cart .input-group .btn {
    border-radius: 0 60px 60px 0 !important;
    background: var(--miro-yellow) !important;
    color: var(--miro-dark) !important;
    border: none !important;
    font-weight: 700 !important;
    padding: 0.7rem 2rem !important;
}
#order-standard_cart .input-group .btn:hover {
    background: #f5d953 !important;
}

/* ============================================================ */
/* TABLES (πχ domain pricing) */
/* ============================================================ */
.table {
    border-radius: 30px !important;
    overflow: hidden;
    border: 2px solid var(--miro-gray) !important;
}
.table thead th {
    background: var(--miro-dark) !important;
    color: #fff !important;
    font-weight: 700 !important;
    border: none !important;
}
.table tbody tr:hover {
    background: var(--miro-bg) !important;
}
.table tbody td {
    border-color: var(--miro-gray) !important;
    padding: 0.8rem 1rem !important;
}

/* ============================================================ */
/* SIDEBAR (cart-sidebar κλπ) */
/* ============================================================ */
.cart-sidebar .card {
    border-radius: 30px !important;
    border: 2px solid var(--miro-gray) !important;
    box-shadow: var(--miro-shadow) !important;
}
.cart-sidebar .list-group-item {
    border: none !important;
    border-bottom: 1px solid var(--miro-gray) !important;
    border-radius: 0 !important;
}
.cart-sidebar .list-group-item:last-child {
    border-bottom: none !important;
}
.cart-sidebar .list-group-item.active {
    background: var(--miro-blue) !important;
    color: #fff !important;
}

/* ============================================================ */
/* RESPONSIVE (Mobile) */
/* ============================================================ */
@media (max-width: 768px) {
    .main-navbar-wrapper .navbar-collapse {
        background: rgba(255,255,255,0.95) !important;
        backdrop-filter: blur(16px) !important;
        border-radius: 30px !important;
        padding: 1rem !important;
        margin-top: 0.5rem !important;
        border: 2px solid var(--miro-gray) !important;
    }
    .navbar-toggler {
        border: 2px solid var(--miro-gray) !important;
        border-radius: 60px !important;
        padding: 0.5rem 0.8rem !important;
    }
    .dropdown-menu {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        padding-left: 1rem !important;
    }
    .dropdown-item {
        border-radius: 12px !important;
    }
}