.footer-inline-sep{
  width: 120px;
  height: 3px;
  margin: 26px 0 10px;
  margin-left: 15px;    /* ⬅️ μικρό offset */
  border-radius: 999px;
  background: rgba(96,165,250,0.9);
  opacity: .9;
}

.footer-note {
    color: #94a3b8;   /* πιο soft από white */
    font-size: 14px;
    line-height: 1.6;
    margin-top: 10px;
}

/* Mobile fixes */
@media (max-width: 768px){

  /* να φαίνεται η γραμμή */
  .footer-inline-sep{
    width: 160px;              /* λίγο μεγαλύτερη */
    height: 3px;
    margin: 18px auto 14px;    /* κέντρο στο mobile για να μη “φεύγει” */
    margin-left: auto;         /* ακυρώνει το 15px */
    margin-right: auto;
    opacity: 1;
  }

  /* πιο έντονα γράμματα στο mobile */
  .footer-note{
    color: rgba(255,255,255,0.82);  /* πιο “καθαρό” από #94a3b8 */
    font-size: 14px;
    line-height: 1.7;
  }

  .footer-note .muted{
    opacity: 0.85;             /* να μη χάνεται */
    font-size: 13px;
  }
}

.whyus1-subsubtitle {
    font-size: 14px;
    opacity: 0.8;
    margin-top: 5px;
}
/* ===== Header σαν “μπλε μπάρα” (FORCE) ===== */
#order-standard_cart .products .product header{
  background: #0b7cff !important;   /* γαλάζιο */
  border-radius: 12px 12px 0 0 !important;
  padding: 0 !important;            /* το padding θα πάει στο span */
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;      /* για να “κόβει” σωστά το radius */
}

/* Τίτλος μικρότερος και λευκός + ΒΑΦΕΙ ΤΗ ΜΠΑΡΑ */
#order-standard_cart .products .product header span{
  background: #0b7cff !important;   /* << εδώ γίνεται η μπάρα ακόμα κι αν το header είναι transparent */
  color: #fff !important;
  font-size: 12px !important;       /* βάλε 18px αν το θες πιο μικρό */
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}




.product-desc br {
    display: none !important;
}

/* Μηδενισμός κενού στο product description */
.product-desc,
.product-desc p,
.product-desc ul,
.product-desc li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Στυλ λίστας χωρίς κενά */
.product-desc ul {
    list-style: none;
}

.product-desc li {
    position: relative;
    padding-left: 16px !important;
    margin: 3px 0 !important;
    line-height: 1.3 !important;
    font-size: 14px;
}

/* μπλε bullet */
.product-desc li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #1a73e8;
    font-weight: bold;
}


/* Compact feature list – χωρίς κενά */
.compact-features{
    list-style: none;
    padding: 0;
    margin: 0;
}

.compact-features li{
    position: relative;
    padding-left: 18px;
    margin: 4px 0;
    line-height: 1.35;
    font-size: 14px;
}

/* μπλε bullet */
.compact-features li::before{
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #1a73e8;
    font-weight: bold;
}


/* CLIENTAREA: κουμπί "Ενημέρωση" στο sidebar (My Details panel) */
#clientHomePanels .panel-footer a.btn.btn-success,
#clientHomePanels .panel-footer a.btn.btn-success:hover,
#clientHomePanels .panel-footer a.btn.btn-success:focus {
  background: #0d6efd !important;
  border-color: #0d6efd !important;
  color: #fff !important;
}

/* CLIENTAREA: κουμπί "Καταχώρηση" στο Register Domain panel */
#registerDomainPanel input.btn.btn-success,
#registerDomainPanel input.btn.btn-success:hover,
#registerDomainPanel input.btn.btn-success:focus {
  background: #0d6efd !important;
  border-color: #0d6efd !important;
  color: #fff !important;
}

/* Sidebar: κουμπί "Ενημέρωση" (My Details) */
#main-body .sidebar .panel .panel-footer a.btn.btn-success.btn-block,
#main-body .sidebar .panel .panel-footer a.btn.btn-success.btn-block:hover,
#main-body .sidebar .panel .panel-footer a.btn.btn-success.btn-block:focus {
  background: #0d6efd !important;
  border-color: #0d6efd !important;
  color: #fff !important;
}


/* Logo 5px δεξιά μόνο σε desktop */
@media (min-width: 992px){
  .logo{
    margin-left: 4px;
  }
}



@media (max-width: 768px){

  .contact-card,
  .kb-card,
  .contact-form-card{
    padding: 20px 18px;
  }

}
@media (max-width: 768px){

  .contact-form-card .text-right{
    text-align: center;
  }

  .contact-form-card .btn{
    width: 100%;
    max-width: 320px;
  }

}


/* Κενό μεταξύ μπλε κάρτας και φόρμας στο mobile */
@media (max-width: 991px){

  .contact-info{
    margin-bottom: 25px;
  }

  .kb-card{
    margin-bottom: 25px;
  }

}


/* Ίσο ύψος αριστερά και δεξιά */
.contact-info,
.contact-form-card {
    min-height: 350px;
}


/* Να μην χαλάει σε mobile */
@media (max-width: 991px){
  .contact-form-card{ min-height: auto !important; }
}

@media (max-width: 768px){

  .faq-fullwidth{
    padding: 0 15px;
  }

  .faq-wrapper{
    background: #fff;
    border-radius: 14px;
    padding: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  }

}





@media (max-width: 768px){

  .footer-col{
    text-align: center !important;
  }

  .footer-col h5{
    position: relative;
    display: inline-block;
  }

  .footer-col h5::after{
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

}



/* ίδιο οπτικό ύψος φόρμας με αριστερή στήλη */
.contact-form-card{
  min-height: 450px;
}





.contact-info .contact-card,
.contact-info .kb-card{
  width: 100%;
}


.kb-card{
  background: linear-gradient(135deg, #0d6efd, #3b8cff);
  padding: 25px;
  border-radius: 10px;
  margin-top: 20px;
  text-align: center;
  color: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.kb-card h4{
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

.kb-card p{
  color: rgba(255,255,255,0.9);
  margin-bottom: 18px;
  font-size: 14px;
}

.kb-card a{
  display: inline-block;
  background: #ffffff;
  color: #0d6efd;
  padding: 10px 22px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease;
}

.kb-card a:hover{
  background: #e9f1ff;
  transform: translateY(-2px);
}



.contact-wrapper{
  margin-top: 40px;
}

.contact-card{
  background: #0d1b2a;
  color: #fff;
  padding: 35px;
  border-radius: 10px;
  height: 100%;
}

.contact-card h3{
  margin-bottom: 15px;
  font-weight: 700;
}

.contact-item{
  margin-top: 18px;
  font-size: 15px;
}

.contact-item i{
  width: 25px;
  color: #4da3ff;
}

.contact-form-card{
  background: #ffffff;
  padding: 35px;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.contact-form-card label{
  font-weight: 600;
  margin-bottom: 6px;
}

.contact-form-card .form-control{
  height: 45px;
  border-radius: 6px;
}

.contact-form-card textarea.form-control{
  height: auto;
}

.contact-form-card .btn-primary{
  padding: 12px 30px;
  border-radius: 6px;
  font-weight: 600;
}
.contact-card h1,
.contact-card h2,
.contact-card h3,
.contact-card h4,
.contact-card h5,
.contact-card h6{
  color: #fff !important;
}



.footer-col ul li{
  margin-bottom: 8px;
}

.footer-col ul li a{
  color: #cfd8e3;
  transition: all .2s ease;
}

.footer-col ul li a:hover{
  color: #4da3ff;
  padding-left: 4px;
}


.footer-col h5{
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;   /* πιο επαγγελματική εμφάνιση */
  letter-spacing: 1px;
  color: #ffffff;
  margin-bottom: 14px;
  padding-bottom: 8px;
  position: relative;
}

/* γραμμή κάτω από τον τίτλο */
.footer-col h5::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background: #4da3ff; /* ανοιχτό μπλε για contrast */
  border-radius: 2px;
}


#accountNotifications {
  display: none !important;
}

/* κρύψε και το <li> container αν υπάρχει */
#accountNotifications.closest-li,
li:has(#accountNotifications) {
  display: none !important;
}
#accountNotifications {
  display: none !important;
}
#accountNotifications + ul {
  display: none !important; /* το dropdown menu */
}




#alertUnpaidInvoice{
  display: none !important;
}


/* Κρύβει όλο το section "Περιήγηση επεκτάσεων ανά κατηγορία" + τον πίνακα */
.domain-pricing {
  display: none !important;
}



/* Hide row that contains recurring total */
#orderSummary table tr:nth-last-child(2) {
    display: none !important;
}



..btn.search {
  background: linear-gradient(135deg, #ff8a00 0%, #ff6a00 100%) !important;
  border: none !important;
  color: #ffffff !important;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(255,122,0,0.35);
}

.btn.search:hover {
  background: linear-gradient(135deg, #ff7a00 0%, #e65f00 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(255,122,0,0.45);
}


/* Home banner: κεντράρισμα & λίγο μάζεμα από αριστερά */
#home-banner #frmDomainHomepage .input-group {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Λίγο padding αριστερά-δεξιά στο container της φόρμας */
#home-banner #frmDomainHomepage .col-md-9,
#home-banner #frmDomainHomepage .col-md-10,
#home-banner #frmDomainHomepage .col-md-8 {
  padding-left: 10px !important;   /* αύξησε/μείωσε */
  padding-right: 10px !important;
}







/* Κρύψε το "Νέα Υπηρεσία" – 2ο item στο main menu */
.navbar-main .navbar-nav > li:nth-child(2) {
    display: none !important;
}





.vps-featured .risk-badge {
    display: inline-block;
    margin: 6px auto 12px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: rgba(255,255,255,0.15);
    border-radius: 999px;
    text-align: center;
}






.reviews-snippet {
    margin: 6px 0 12px;
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
}

.reviews-snippet .stars {
    color: #FFD700;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 4px;
}

.reviews-snippet .reviews-text {
    vertical-align: middle;
}

.vps-featured .reviews-snippet {
    margin-bottom: 10px;
}




/* HIDE "Νέο Αίτημα Υποστήριξης" από TOP NAVBAR */


#Primary_Navbar-Support-Downloads {
    display: none !important;
}


.home-shortcuts {
    padding: 16px 0;          /* λίγο πιο “σφιχτή” μπάρα */
}

.home-shortcuts .lead {
    font-size: 11.5px;
    letter-spacing: 1.4px;
    opacity: 0.75;
}
/* ΜΟΝΟ στο dropdown "Υποστήριξη" κρύψε Ανακοινώσεις + Γνωσιακή Βάση */
#Primary_Navbar-Support ul.dropdown-menu a[href*="announcements"],
#Primary_Navbar-Support ul.dropdown-menu a[href*="knowledgebase"]{
  display: none !important;
}

/* για να μη μείνουν κενά li (αν το display:none στο <a> δεν τα βγάλει τελείως) */
#Primary_Navbar-Support ul.dropdown-menu li:has(a[href*="announcements"]),
#Primary_Navbar-Support ul.dropdown-menu li:has(a[href*="knowledgebase"]){
  display: none !important;
}











.whyus1-item a {
  color: #4da3ff;              /* πιο φωτεινό μπλε */
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
}

.whyus1-item a:hover {
  color: #ffffff;
  text-shadow: 0 0 6px rgba(77,163,255,0.6);
}





/* =========================================
   HERO SCROLL PROMPT (Homepage only)
   ========================================= */

/* Subtle highlight on scroll target card */
.host-card.is-highlighted {
  outline: 3px solid rgba(13, 110, 253, 0.35);
  outline-offset: 6px;
}




.hero-scroll {
    margin-top: 26px;
    cursor: pointer;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    font-weight: 600;
    transition: color 0.2s ease;
}

.hero-scroll:hover {
    color: #ffffff;
}

.hero-scroll span {
    display: block;
}

.hero-scroll i {
    display: block;
    margin-top: 6px;
    font-size: 22px;
    animation: heroScrollBounce 1.8s infinite;
}

/* Smooth bounce – όχι ενοχλητικό */
@keyframes heroScrollBounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(6px);
    }
    60% {
        transform: translateY(3px);
    }
}

/* Mobile λίγο πιο compact */
@media (max-width: 768px) {
    .hero-scroll {
        font-size: 13px;
        margin-top: 20px;
    }
}


.host-card.featured.vps-featured {
    background: #0057ff;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0, 87, 255, 0.3);
    transform: scale(1.05);
    border-radius: 12px;
    position: relative;
}

.host-card.featured.vps-featured .btn-learn {
    background: #fff;
    color: #0057ff;
    font-weight: 600;
}

.badge-popular {
    position: absolute;
    top: -10px;
    right: 20px;
    background: #00ffff;
    color: #000;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 20px;
}







.planTabs-section .planTabs-btn {
    display: inline-block !important;
    padding: 12px 26px !important;
    background: #0d6efd !important;      /* Μπλε */
    color: #fff !important;              /* Λευκό */
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: 0.25s !important;
    box-shadow: 0 4px 14px rgba(13,110,253,0.3) !important;
}

.planTabs-section .planTabs-btn:hover {
    background: #0056d2 !important;
    box-shadow: 0 6px 18px rgba(13,110,253,0.4) !important;
}





/* Migration section (HostPapa-style) */ .migration-section { padding: 60px 0; background: #ffffff; } .migration-image-wrapper img { width: 100%; border-radius: 20px; } /* Right side content */ .migration-content h2 { font-size: 32px; font-weight: 700; margin-bottom: 8px; } .migration-content h3 { font-size: 24px; font-weight: 600; margin-bottom: 18px; } .migration-subtext { font-size: 15px; margin-bottom: 22px; color: #444; } /* Features */ .migration-feature { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 18px; } .icon-circle { width: 40px; height: 40px; background: #e8f5e9; color: #4caf50; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; } .migration-feature h4 { font-size: 16px; font-weight: 600; margin-bottom: 4px; } .migration-feature p { font-size: 14px; color: #555; line-height: 20px; } /* Button */ .migration-button { display: inline-block; background: #e91e63; color: #fff !important; padding: 10px 22px; border-radius: 999px; font-weight: 600; font-size: 15px; text-decoration: none; margin-top: 15px; transition: 0.25s ease; } .migration-button:hover { background: #d81b60; } /* Small screens: stack nicely */ @media (max-width: 767px) { .migration-section { padding: 40px 0; } .migration-content { margin-top: 20px; } } .migration-button { display: inline-block; background-color: #0C5DAA !important; /* same blue as hosting buttons */ border-color: #0C5DAA !important; color: #ffffff !important; padding: 12px 28px; border-radius: 6px; font-weight: 600; font-size: 16px; text-decoration: none; margin-top: 25px; transition: 0.25s ease; } .migration-button:hover { background-color: #094A85 !important; /* slightly darker hover */ border-color: #094A85 !important; color: #ffffff !important; } .hosting-packages { background: #ffffff; padding: 40px 0; border-radius: 10px; } /* FAQ Section */ .faq-section { max-width: 900px; margin: 40px auto 60px auto; } .faq-item { border-bottom: 1px solid #e1e1e1; padding: 15px 0; cursor: pointer; } .faq-question { font-size: 16px; font-weight: 600; position: relative; padding-right: 30px; } .faq-number { color: #007bff; font-weight: 700; margin-right: 8px; } .faq-arrow { position: absolute; right: 0; top: 0; font-size: 16px; transition: 0.3s ease; transform: rotate(0deg); } .faq-item.open .faq-arrow { transform: rotate(90deg); } .faq-answer { display: none; padding-top: 8px; color: #555; font-size: 14px; line-height: 22px; } .faq-item.open .faq-answer { display: block; } /* ============================================================ PRODUCT PAGE FIXES – FINAL VERSION ============================================================ */ /* ========================================== PRODUCT PAGE CARD FIXES – FINAL VERSION ========================================== */ /* Center page title */ #order-premium_comparison .txt-center { text-align: center !important; width: 100% !important; margin: 0 auto !important; display: block !important; } /* Card container improvements */ #order-premium_comparison .pricing-card { max-width: 520px !important; width: 100%; margin: 0 auto 30px; padding: 35px 40px !important; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.08); word-wrap: break-word !important; white-space: normal !important; } /* Grid alignment */ #order-premium_comparison .hosting-packages { display: flex; justify-content: center; flex-wrap: wrap; } /* Product title turned into label */ .title-label { display: inline-block; background: #e9f2ff; color: #004aad; padding: 6px 20px; border-radius: 10px; font-size: 20px; font-weight: 600; margin-bottom: 20px; } /* Tick features */ .feature-line { max-width: 420px; margin: 10px auto !important; display: flex; align-items: center; gap: 10px; } .feature-line i { color: #007bff; font-size: 16px; flex-shrink: 0; } .feature-line p { margin: 0; padding: 0; line-height: 1.6; text-align: left; color: #333; } /* Price spacing */ #order-premium_comparison .pricing-price { font-size: 32px !important; font-weight: 700; margin: 25px 0 !important; } /* Full width CTA button */ #order-premium_comparison .pricing-card .btn-primary { width: 100% !important; padding: 12px; border-radius: 8px; font-size: 16px; } /* Pricing Card Style */ .pricing-card { background: #ffffff; border-radius: 14px; padding: 30px 20px; box-shadow: 0 4px 18px rgba(0,0,0,0.08); margin-bottom: 30px; transition: all 0.25s ease; position: relative; } .pricing-card:hover { transform: translateY(-6px); box-shadow: 0 8px 26px rgba(0,0,0,0.12); } .pricing-title { font-size: 22px; font-weight: 600; margin-bottom: 10px; } .pricing-price { font-size: 32px; font-weight: 700; margin: 15px 0; } .pricing-card p { margin: 5px 0; color: #333; } .pricing-card .btn-primary { width: 100%; border-radius: 8px; padding: 10px; font-weight: 600; } /* Small top icon */ .plan-icon { width: 45px; height: 45px; margin-bottom: 15px; object-fit: contain; } /* BEST DEAL badge */ .best-deal-badge { background: #0066ff; color: #fff; padding: 6px 14px; border-radius: 0 0 8px 8px; font-size: 14px; font-weight: 700; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } /* Navigation Bar Styling */ .navbar-main { background-color: #007bff; border-bottom: 3px solid #0056b3; } .navbar-main .navbar-nav > li > a { color: #fff !important; padding: 10px 20px; line-height: 40px !important; /* prevents blurry rendering */ transform: none !important; /* prevents blur */ -webkit-font-smoothing: antialiased !important; } .navbar-main .navbar-nav > li > a:hover { background-color: #0056b3; color: #f8f9fa !important; } /* Active Menu Item */ .navbar-main .navbar-nav > li.active > a { background-color: #004080; color: #fff !important; } /* Custom Login Page Background */ body.clientarea { background: linear-gradient(135deg, #007bff, #0056b3); color: #fff; font-family: Arial, sans-serif; } /* Centered Login Box */ .logincontainer { max-width: 400px; margin: 50px auto; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .logincontainer h1 { text-align: center; font-size: 24px; color: #333; margin-bottom: 20px; } /* Login Form Fields */ .logincontainer input[type="text"], .logincontainer input[type="password"] { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; } /* Submit Button */ .logincontainer input[type="submit"] { background-color: #007bff; color: #fff; border: none; padding: 10px 20px; width: 100%; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } .logincontainer input[type="submit"]:hover { background-color: #0056b3; } /* Table Styling */ .table { width: 100%; border-collapse: collapse; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #e9ecef; transition: background-color 0.2s ease; } .table th { background-color: #007bff; color: #fff; padding: 10px; text-align: left; } .table td { padding: 10px; border: 1px solid #dee2e6; } .btn:hover { background-color: #0056b3; } /* Secondary Buttons */ .btn-secondary { background-color: #6c757d; color: #fff; } .btn-secondary:hover { background-color: #5a6268; } /* Footer Styling */ .footer { background-color: #333; color: #fff; text-align: center; padding: 20px 10px; } .footer a { color: #007bff; text-decoration: none; transition: color 0.3s ease; } .footer a:hover { color: #0056b3; } .home-shortcuts { background-color: #0099cc !important; /* choose your color */ } /* Domain search button "ΠΑΜΕ!" */ 
.btn.search { background-color: #FF7A00!important; /* men0D3B66u bar blue */ border: 1px solid #FF7A00!important; color: #ffffff !important; }
/* Hover color */ .btn.search:hover { background-color: #0A2D4D !important; /* darker blue */ border-color: #0A2D4D !important; color: #ffffff !important; } /* Hover color */ 
a.btn[href="/cart.php?a=view"]:hover { background-color: #0066d6 !important; /* same hover as ΠΑΜΕ! */ border-color: #0066d6 !important; color: #ffffff !important; } /* Make the home-shortcuts bar the same blue as ΠΑΜΕ! */ .home-shortcuts { background-color: #007bff !important; color: #ffffff !important; } /* Text inside the bar */ .home-shortcuts p.lead, .home-shortcuts p, .home-shortcuts a, .home-shortcuts i { color: #ffffff !important; } /* Change the dark blue background behind domain search */
#home-banner { background: url('/assets/img/tech5.webp') no-repeat center center !important; background-size: cover !important; } /* Make the text inside white */ 
#home-banner h2, #home-banner p { color: #ffffff !important; } /* Make the home banner taller */ #home-banner { padding-top: 260px !important;  padding-right: 600px !important; /* increase top space */ padding-bottom: 480px !important; /* increase bottom space */ background-size: cover !important; background-position: center center !important; } .domain-checker-bg { background: linear-gradient(135deg, #007bff, #003f88) !important; } .input-group .btn { width: auto !important; } /* Hide Announcements */  /* Hide Knowledgebase */ #Primary_Navbar-Knowledgebase { display: none !important; } /* Hide Network Status (Κατάσταση Δικτύου) */ #Primary_Navbar-Network_Status { display: none !important; } /* Hide "Browse Products/Services" in the Store dropdown */ #Primary_Navbar-Store-Browse_Products_Services { display: none !important; } /* Hide the Billing (Τιμολόγηση) menu from the top navigation */ #Primary_Navbar-Billing { display: none !important; } /* Hide Network Status from Support dropdown */ #Primary_Navbar-Support-Network_Status { display: none !important; } .hosting-packages { margin-bottom: 40px; } .hosting-packages .col-md-4:nth-child(n+4) { margin-top: 40px; /* pushes down only bottom 3 cards */ } /* FORCE REMOVE GREY BG FROM HOSTING SECTION */ /* REMOVE ALL GREY BACKGROUNDS CAUSED BY PREVIOUS BUILDS */ /* FORCE REMOVE GREY BG FROM HOSTING SECTION */ /************** /* Full-width FAQ section */ .faq-fullwidth { width: 100%; padding: 80px 0; text-align: center; } /* Header styling */ .faq-header .faq-label { display: block; color: #8da0c8; font-size: 14px; letter-spacing: 2px; font-weight: 600; margin-bottom: 10px; } .faq-header h2 { font-size: 36px; font-weight: 700; margin-bottom: 12px; } .faq-header p { max-width: 700px; margin: 0 auto 40px auto; font-size: 15px; color: #555; } /* FAQ container */ .faq-list { width: 100%; max-width: 900px; margin: 0 auto; text-align: left; } /* FAQ items (CSS-only accordion) */ /* Full width FAQ section */ .faq-fullwidth { width: 100%; padding: 100px 0; text-align: center; } /* Title area */ .faq-label { display: block; font-size: 14px; letter-spacing: 2px; font-weight: 700; color: #8a94b8; margin-bottom: 10px; } .faq-header h2 { font-size: 38px; font-weight: 800; margin-bottom: 12px; } .faq-header p { max-width: 650px; margin: 0 auto 60px auto; font-size: 15px; color: #666; } /* FAQ wrapper */ .faq-wrapper { max-width: 900px; margin: 0 auto; width: 100%; text-align: left; } /* Each FAQ item */ .faq-item { border-bottom: 1px solid #e5e5e5; padding: 15px 0; } /* Summary layout */ .faq-item summary { font-size: 18px; font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; } /* Remove default arrow */ .faq-item summary::-webkit-details-marker { display: none; } /* Add custom + icon */ .faq-item summary::after { content: "+"; font-size: 26px; font-weight: 300; transition: 0.2s; color: #222; } /* Rotate icon when open */ .faq-item[open] summary::after { transform: rotate(45deg); } /* Answer text */ .faq-item p { margin-top: 10px; padding-right: 40px; color: #444; font-size: 15px; line-height: 22px; }
 

@media (max-width: 768px) {
  #home-banner {
    padding-right: 0 !important;
  }
}



/* ================================
   LAGOM-LIKE TYPOGRAPHY RESET
================================ */

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont,
                 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    color: #1f2937;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* =====================================
   LAGOM-STYLE TYPOGRAPHY OVERRIDES
===================================== */

/* 3️⃣ Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: #0f172a;
}

h1 { font-size: 42px; }
h2 { font-size: 34px; }
h3 { font-size: 26px; }
h4 { font-size: 20px; }

/* 4️⃣ Buttons */
.btn,
button,
input[type="submit"] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* 5️⃣ Navigation */
.navbar-main .navbar-nav > li > a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.01em;
}

/* 6️⃣ Cards, pricing, content */
.pricing-card,
.host-card,
.feature-line p,
.reviews-snippet,
.migration-content p {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

/* 7️⃣ Labels & badges */
.badge,
.badge-popular,
.risk-badge,
.title-label {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

/* =====================================
   WHY US – FORCE WHITE SUBTITLE TEXT
===================================== */

/* WHY US subtitle – force white over Lagom headings */
.whyus1-subtitle {
    color: #ffffff !important;
}
/* Make left navbar menu items closer together */
.navbar-main .navbar-nav > li > a {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
/* Navbar dropdown (submenu) – match main menu font */
.navbar-main .dropdown-menu,
.navbar-main .dropdown-menu li a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont,
                 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
}
.navbar-main .dropdown-menu li a {
    padding: 10px 18px;
}
.navbar-main .dropdown-menu li a:hover {
    background-color: #f2f6ff;
    color: #0d6efd;
}
/* Semi Dedicated – make all text white EXCEPT the button */
.host-card.featured h1,
.host-card.featured h2,
.host-card.featured h3,
.host-card.featured h4,
.host-card.featured h5,
.host-card.featured h6,
.host-card.featured p,
.host-card.featured li,
.host-card.featured span,
.host-card.featured strong,
.host-card.featured .reviews-text,
.host-card.featured .risk-badge {
    color: #ffffff !important;
}

/* keep button unchanged */
.host-card.featured a.btn-learn {
    color: #0d6efd !important;
    background: #ffffff !important;
}

/* ================================
   TOP CART BUTTON – VISUAL UPGRADE
================================ */
.top-nav a[href*="cart.php"],
.navbar-actions a[href*="cart.php"],
.client-area-links a[href*="cart.php"],
a[href*="cart.php?a=view"] {
    border-radius: 10px !important;
    padding: 9px 14px 9px 40px !important;
    font-weight: 600 !important;
    box-shadow: 0 8px 20px rgba(13,110,253,0.25) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
    position: relative;
}

.top-nav a[href*="cart.php"]::before {
    content: "🛒";
    position: absolute;
    left: 12px;
    font-size: 16px;
    filter: brightness(0) invert(1); /* κάνει το emoji λευκό */
    opacity: 0.95;
}

/* Cart button background */
.top-nav a[href*="cart.php"],
.navbar-actions a[href*="cart.php"],
.client-area-links a[href*="cart.php"],
a[href*="cart.php?a=view"] {
    background-color: #0d6efd !important;   /* <-- άλλαξε το εδώ */
    color: #ffffff !important;
}

/* Hover background */
.top-nav a[href*="cart.php"]:hover,
.navbar-actions a[href*="cart.php"]:hover,
.client-area-links a[href*="cart.php"]:hover,
a[href*="cart.php?a=view"]:hover {
    background-color: #0b5ed7 !important;   /* <-- και εδώ */
    color: #ffffff !important;
}

/* CONTACT PAGE – improve default look */
/* CONTACT PAGE – quick modern look (no template edit) */
body.contact #frmContact,
#frmContact {
  max-width: 900px;
  margin: 25px auto 70px !important;
  background: #fff;
  border-radius: 16px;
  padding: 26px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
}

#frmContact .form-control {
  border-radius: 10px;
  padding: 12px 14px;
  height: auto;
}

.header-lined h1 {
  font-size: 34px !important;
  font-weight: 800 !important;
}

/* Move the subtitle ("Παρακαλούμε...") a bit to the right */
.header-lined small {
  display: inline-block !important;
  padding-left: 120px !important;   /* άλλαξε την τιμή (π.χ. 12-30px) */
}


/* Store product cards: less inner left padding */
#order-standard_cart .products .product{
  padding: 14px !important;
  padding-left: 12px !important;
}
/* FIX overlap on mobile: disable featured scale + add spacing */
@media (max-width: 768px) {
  .host-card.featured.vps-featured {
    transform: none !important;
  }

  .hosting-packages .col-md-4 {
    margin-bottom: 18px; /* spacing between cards */
  }
@media (max-width: 768px) {
  .host-card {
    position: relative;
    z-index: 1;
  }
  .host-card.featured.vps-featured {
    z-index: 2;
  }
/* =========================================================
   1) NAVBAR: πιο “premium” spacing + ωραίο dropdown caret
   ========================================================= */

/* Λίγο πιο σφιχτά menu items (χωρίς να δείχνει στριμωγμένο) */
.navbar-main .navbar-nav > li > a {
  padding-left: 14px !important;
  padding-right: 14px !important;
  line-height: 40px !important;
}

/* Το βελάκι (caret) να μην “πετάει” μακριά και να είναι πιο κομψό */
.navbar-main .navbar-nav > li > a .caret {
  margin-left: 6px !important;      /* απόσταση από το κείμενο */
  border-top-width: 5px !important; /* λίγο πιο “γεμάτο” */
  border-right-width: 5px !important;
  border-left-width: 5px !important;
  vertical-align: middle;
  opacity: .9;
}

/* Dropdown: λίγο πιο κοντά και πιο “Lagom” */
.navbar-main .dropdown-menu {
  margin-top: 6px !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(0,0,0,0.10) !important;
}

.navbar-main .dropdown-menu > li > a {
  padding: 10px 16px !important;
}


/* =========================================================
   2) HERO: λιγότερο “ψηλό” (μαζεμένο padding)
   ========================================================= */

#home-banner {
  padding-top: 190px !important;    /* ήταν 240 */
  padding-bottom: 210px !important; /* ήταν 260 */
}

/* Mobile: ακόμα πιο compact */
@media (max-width: 768px) {
  #home-banner {
    padding-top: 130px !important;
    padding-bottom: 350px !important;
  }
}


/* =========================================================
   3) CART BUTTON: C = gradient Lagom-like
   ========================================================= */

/* Button base (gradient) */
.top-nav a[href*="cart.php"],
.navbar-actions a[href*="cart.php"],
.client-area-links a[href*="cart.php"],
a[href*="cart.php?a=view"]{
  background: linear-gradient(135deg, #0d6efd 0%, #003f88 100%) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(0, 63, 136, 0.28) !important;
}

/* Hover: λίγο πιο “βαθύ” */
.top-nav a[href*="cart.php"]:hover,
.navbar-actions a[href*="cart.php"]:hover,
.client-area-links a[href*="cart.php"]:hover,
a[href*="cart.php?a=view"]:hover{
  background: linear-gradient(135deg, #0b5ed7 0%, #002f66 100%) !important;
  box-shadow: 0 14px 30px rgba(0, 63, 136, 0.34) !important;
  transform: translateY(-1px);
}

/* Emoji cart: καθαρό (μην το “πειράζουμε” με filter γιατί σε κάποιους browsers χαλάει) */
.top-nav a[href*="cart.php"]::before{
  filter: none !important;
  opacity: 0.95;
}
/* HERO scroll hint – πιο premium/ορατό */
.hero-scroll{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:10px 16px;
  border-radius:999px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(6px);
  color: rgba(255,255,255,0.92);
  font-size:14px;
}

.hero-scroll i{
  font-size:22px;
  opacity:0.95;
}

/* Icon list like 2nd screenshot */
.spec-list{
  list-style:none;
  padding:0;
  margin:18px 0;
  text-align:left;
  max-width: 420px;      /* κρατάει ωραίο “κουτί” */
}

.spec-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:6px 0;
  font-size:15px;
  line-height:1.4;
  color:#1f2937;
}

.spec-list li i{
  flex:0 0 18px;         /* ίδιο πλάτος για τέλεια στοίχιση */
  margin-top:2px;
  color:#111827;         /* μαύρο/σκούρο όπως στο screenshot */
  font-size:15px;
}

.spec-list li b{
  font-weight:700;
}
/* Remove the bullets (dots) from the icon list */
/* REMOVE DOTS (bullets) from product feature lists */
#order-standard_cart .products .product ul,
#order-standard_cart .products .product ul li {
  list-style: none !important;
}

#order-standard_cart .products .product ul {
  padding-left: 0 !important;
  margin-left: 0 !important;
}


/* FIX: Featured card overlaps on mobile (disable scale + add spacing) */
@media (max-width: 991px) {

  /* make columns stack properly (Bootstrap 3 safe) */
  #hosting-packages .col-md-4 {
    float: none !important;
    width: 100% !important;
  }

  /* add spacing between cards */
  #hosting-packages .host-card {
    margin-bottom: 22px !important;
  }

  /* disable the scale on mobile so it doesn't overlap */
  #hosting-packages .host-card.featured.vps-featured {
    transform: none !important;
  }
@media (max-width: 991px){
  #hosting-packages .host-card.featured.vps-featured{
    outline: 3px solid rgba(13,110,253,.18);
    outline-offset: 6px;
  }



/* =====================================
   REMOVE BORDER FROM LAST FAQ ITEM
   ===================================== */

/* =====================================
   REMOVE BORDER ABOVE FOOTER (Six theme)
   ===================================== */

/* Το τελευταίο section ΠΡΙΝ το footer */

/* ABSOLUTE KILL any separator above footer */
/* ===== FINAL FOOTER SEPARATOR KILL (Six / WHMCS) ===== */

/* Αφαίρεσε ΟΛΑ τα borders, hr, shadows πριν το footer */


.hero-title {
    color: #ffffff;
}
.hero-subtitle {
    color: rgba(255,255,255,0.9);
}

.hero-subtitle {
  letter-spacing: 0.01em;
}

.hero-title {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.15;
}

.hero-subtitle {
  font-size: 26px;
  margin-top: 12px;
}

@media (max-width: 767px) {
  .hero-title { font-size: 32px; }
  .hero-subtitle { font-size: 15px; }
}
/* WHMCS Six - Custom Fields label wrap fix */
#frmConfigureProduct .form-group label,
#frmConfigureProduct .customfields label,
#frmConfigureProduct label.control-label {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  display: block;
}
#frmConfigureProduct .form-group .control-label {
  max-width: 100% !important;
}

/* Bigger hero title on mobile */
@media (max-width: 767px) {
  #home-banner h2 {
    font-size: 32px;   /* δοκίμασε 30–36px */
    line-height: 1.2;
    font-weight: 800;
  }
}

@media (max-width: 767px) {
  .navbar-main .navbar-toggle .icon-bar {
    box-shadow:
      0 1px 0 rgba(0,0,0,.35),
      0 2px 4px rgba(0,0,0,.25);
  }
}

/* Mobile hamburger: shadow around the 3 lines */
@media (max-width: 767px) {
  .navbar-main .navbar-toggle .icon-bar {
    /* η γραμμή */
    box-shadow: 0 1px 0 rgba(0,0,0,.35), 0 0 6px rgba(0,0,0,.25);
  }

  /* προαιρετικό: λίγο πιο "κουμπί" το container */
  .navbar-main .navbar-toggle {
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
    border-radius: 10px;
  }
}


/* =================================================
   MOBILE: Cart = μόνο icon (χωρίς μπλε / χωρίς text)
   ================================================= */
@media (max-width: 767px) {

  /* Reset ΟΛΩΝ των προηγούμενων cart styles */
  #header .top-nav a[href*="cart.php"],
  #header .top-nav a[href*="cart.php?a=view"] {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 8px 10px !important;
    min-width: auto !important;
    font-size: 0 !important;          /* κρύβει το κείμενο */
  }

  /* Κρατάμε ΜΟΝΟ το icon */
  #header .top-nav a[href*="cart.php"]::before {
    content: "🛒" !important;
    position: static !important;
    left: auto !important;
    font-size: 20px !important;
    opacity: 1 !important;
    filter: none !important;
  }
}

@media (max-width: 767px) {

  /* Reset mobile cart button */
  #header .top-nav a[href*="cart.php"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 8px 10px !important;
    font-size: 0 !important;   /* κρύβει κείμενο */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  /* SVG icon styling */
  .cart-svg-icon {
    width: 20px;
    height: 20px;
    color: #000;              /* ΜΑΥΡΟ – άλλαξε αν θες */
  }
}
/* =========================================
   CART BUTTON – Desktop vs Mobile
   ========================================= */

/* SVG default (κρυφό στο desktop) */
.cart-svg {
  display: none;
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {

  /* Κρύβουμε το κείμενο */
  .cart-btn .cart-text {
    display: none !important;
  }

  /* Reset κουμπιού */
  .cart-btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 8px 10px !important;
    min-width: auto !important;
  }

  /* Εμφάνιση SVG */
  .cart-svg {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    color: #000;   /* ΜΑΥΡΟ */
  }
}

@media (max-width: 767px) {
  #header .top-nav a[href*="cart.php"]::before{
    content:"\f290"; /* fa-shopping-bag */
    font-family:"Font Awesome 5 Free";
    font-weight:900;
  }
}

#home-banner h2 {
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
}



@media (max-width: 767px) {
  #home-banner h2 { font-size: 32px !important; }
  #home-banner p  { font-size: 15px !important; }
}

#home-banner h2,
#home-banner h2 * {
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}



/* ===== FORCE DESKTOP / MOBILE SPLIT ===== */

/* Desktop default */
@media (min-width: 768px) {

  #home-banner p.hero-subtitle-mobile {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #home-banner h3.hero-subtitle-desktop {
    display: block !important;
    font-size: 22px !important;   /* 20–26 */
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin-top: 12px !important;
    color: rgba(255,255,255,0.9) !important;
  }
}

/* Mobile */
@media (max-width: 767px) {

  #home-banner h3.hero-subtitle-desktop {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #home-banner p.hero-subtitle-mobile {
    display: block !important;
    font-size: 26px !important;
    line-height: 1.35 !important;
    margin-top: 10px !important;
    color: rgba(255,255,255,0.9) !important;
  }
}

#home-banner p {
  font-size: 26px !important;
  margin-top: 12px !important;
  color: rgba(255,255,255,0.9) !important;
}

#home-banner p,
#home-banner p * {
  font-size: 26px !important;
}

/* ===== HERO SUBTITLE: DESKTOP vs MOBILE ===== */

@media (min-width: 768px) {
  #home-banner .hero-subtitle,
  #home-banner .hero-subtitle * {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }
}

#home-banner .hero-subtitle-text {
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}




.whyus1-section {
    position: relative;
    padding: 80px 0;
    background: url('/assets/img/your-bg2.jpg') center center/cover no-repeat;
}

/* Σκούρο overlay */
.whyus1-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(4px);
}

.whyus1-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}

/* Title */
.whyus1-title {
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 12px;
}

.whyus1-subtitle {
    margin-bottom: 40px;
}

/* GRID 3x2 όπως στο screenshot */
.whyus1-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 40px;
    text-align: left;
}

@media (max-width: 992px) {
    .whyus1-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .whyus1-grid {
        grid-template-columns: 1fr;
    }
}

/* Each item */
.whyus1-item {
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    position: relative;
    padding-left: 35px;
}

/* Blue tick */
.whyus1-item:before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 20px;
    color: #0d6efd; /* ΜΠΛΕ ΟΠΩΣ ΘΕΣ */
    font-weight: 900;
}

/* Strong title like OneHost */
.whyus1-item strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

.whyus1-section{
  border-top: 16px solid #0d6efd;   /* divider */
}



.whyus1-section{
  border-top: 0 !important;          /* ακύρωσε το border-top */
  position: relative;
}

/* Divider σαν πραγματική μπάρα (πάνω-πάνω) */
.whyus1-section::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height: 16px;
  background: #0d6efd;               /* το μπλε σου */
  z-index: 3;                         /* πάνω από background/overlay */
}

.whyus1-overlay{
  z-index: 1;
}
.whyus1-content{
  z-index: 2;
  position: relative;
}

.whyus1-section{
  position: relative;
  border-top: 0 !important; /* για να μην γίνεται διπλό */
}

.whyus1-section::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height: 12px;
  background: linear-gradient(180deg, #0d6efd 0%, rgba(13,110,253,0) 100%);
  z-index: 3;
}

@media (max-width: 767px){
  .whyus1-section::before{ height: 8px; }
}


/* Κρύψε το "Νέα Υπηρεσία" */
.navbar-main .navbar-nav > li:nth-child(2) {
    display: none !important;
}