/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Font */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&family=Roboto+Condensed:wght@300;400;700&display=swap");

/* Εφαρμογή Roboto για τα υπόλοιπα στοιχεία */
body,
html,
input,
select {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

/* Εφαρμογή Roboto Condensed για τα header */
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}

/* Font για το navbar */
.navbar-main {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}

b,
strong {
    font-weight: 400;
}

/*Font size*/
body,
p {
    font-size: 20px;
}

.navbar-main .navbar-nav>li>a {
    font-size: 18px;
}

.dropdown-menu {
    font-size: 18px !Important;
}

ul.top-nav>li.primary-action>a.btn {
    font-size: 18px;
}


/* Logo size */
section#header .logo img {
    max-height: 80px;
}

/* Fix button placement in domain search */
#btnCheckAvailability {
    padding: 0px;
    font-size: 15px;
}


/*Main background*/
section#main-body {

    background: linear-gradient(225deg, #0fa597 0%, #0f4ea5 65%);
    box-shadow: 0px -5px 13px 13px rgba(0, 0, 0, 0.3);
}

/*Search domain*/
.input-group {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/*Container styling*/
#main-body>div {
    margin-bottom: 60px;
    min-height: 300px;
    border-radius: 10px;
    background-color: white;
    padding: 40px;
    margin-top: 60px;
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25),
        0 30px 60px -30px rgba(0, 0, 0, 0.3),
        0 -2px 6px 0 inset rgba(10, 37, 64, 0.35);
}

/*Input fields*/
input {
    font-weight: 400;
}

/*Select fields*/
.form-control {
font-size: 16px;
font-weight: 400;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {
    padding: 14px 18px;
    font-size: 18px;
}

/*Text area font*/
.md-editor>textarea{
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: rgb(45, 45, 45);
}

/* in all WHMCS templates the fllowing dataTables are not responsive */

/* .table-container {
    width: 100% !important;
    overflow-x: hidden !important;
}

#tableInvoicesList_wrapper {
    width: 100% !important;
}

#tableInvoicesList {
    width: 100% !important;
} */

@media (max-width: 768px) {

    #tableInvoicesList th:nth-child(2),
    /* Ημερομηνία Έκδοσης */
    #tableInvoicesList td:nth-child(2) {
        display: none;
    }

    #tableInvoicesList th,
    #tableInvoicesList td {
        font-size: 14px;
        padding: 5px;
    }

    #tableServicesList th:nth-child(3),
    /* Τιμολόγηση */
    #tableServicesList td:nth-child(3) {
        display: none;
    }

    #tableServicesList th,
    #tableServicesList td {
        font-size: 14px;
        padding: 5px;
    }
}

/* Fix mobile menu */
@media (max-width: 768px) {

    /* Κύριο μενού (όταν είναι collapsed σε mobile) */
    .navbar-collapse .nav.navbar-nav>li>a {
        padding: 15px 20px;
        /* Διατηρούμε το padding για τις κύριες επιλογές */
        line-height: 24px;
        font-size: 16px;
        background-color: #2c3e50;
        /* Σκούρο μπλε background για τις κύριες επιλογές */
        color: #fff;
        /* Λευκό κείμενο για αντίθεση */
    }

    /* Διαχωριστικό μεταξύ των κύριων στοιχείων */
    .navbar-collapse .nav.navbar-nav>li {
        border-bottom: 1px solid #445566;
        /* Ελαφρώς πιο ανοιχτό διαχωριστικό */
    }

    /* Dropdown toggle (π.χ. "Domain", "Τιμολόγηση", "Υποστήριξη", "Γειά σου, Ιωάννης!") */
    .navbar-collapse .nav.navbar-nav>li.dropdown>a.dropdown-toggle {
        padding: 15px 20px;
        background-color: #2c3e50;
        /* Ίδιο background με τις κύριες επιλογές */
        color: #fff;
    }

    /* Dropdown menu container (ισχύει για όλα τα dropdowns, συμπεριλαμβανομένου του "Γειά σου, Ιωάννης!") */
    .navbar-nav .dropdown-menu {
        width: 100%;
        border: none;
        box-shadow: none;
        background-color: #34495e;
        /* Ελαφρώς πιο ανοιχτό μπλε για το dropdown */
        padding: 5px 0;
        /* Λίγο padding για οπτική διαφοροποίηση */
    }

    /* Dropdown menu items (ισχύει για όλα τα dropdowns, συμπεριλαμβανομένου του "Γειά σου, Ιωάννης!") */
    .navbar-nav .dropdown-menu>li>a {
        padding: 26px 25px;
        /* Αυξάνουμε ακόμα περισσότερο το padding για μεγαλύτερο tappable area */
        line-height: 24px;
        font-size: 16px;
        color: #fff;
        /* Λευκό κείμενο για αντίθεση */
        background-color: transparent;
        /* Διαφανές background για να φαίνεται το background του dropdown */
    }

    /* Hover/focus effect για τα dropdown items */
    .navbar-nav .dropdown-menu>li>a:hover,
    .navbar-nav .dropdown-menu>li>a:focus {
        background-color: #3e5b7a;
        /* Ελαφρώς πιο σκούρο background όταν γίνεται hover */
    }

    /* Διαχωριστικό μεταξύ των dropdown items */
    .navbar-nav .dropdown-menu>li {
        border-bottom: 1px solid #445566;
        /* Ελαφρύ διαχωριστικό για τα dropdown items */
    }

    /* Αφαιρούμε το διαχωριστικό από το τελευταίο στοιχείο */
    .navbar-nav .dropdown-menu>li:last-child {
        border-bottom: none;
    }

    /* Dividers (π.χ. οι γραμμές "-----") - ισχύει για όλα τα dropdowns */
    .navbar-nav .dropdown-menu>li.nav-divider {
        margin: 5px 0;
        padding: 0;
        height: 1px;
        background-color: #445566;
        /* Ίδιο χρώμα με τα διαχωριστικά */
        border-bottom: none;
        /* Αφαιρούμε το border για να μην υπάρχει διπλό διαχωριστικό */
    }

    /* Εξασφαλίζουμε ότι το μενού δεν έχει υπερβολικό padding ή margin */
    .navbar-collapse {
        padding: 0;
    }

    /* Hamburger icon */
    .navbar-toggle {
        padding: 10px 15px;
        margin: 10px 15px;
    }
}