/* Custom CSS for Webservice3 theme */
/* Add your custom styles here */

/* Example:
.primary-bg-color {
    background-color: #your-color;
}
*/

/* ==================================
   WEBSERVICES3 PREMIUM BRAND THEME
================================== */

:root{
    --primary:#1d4ed8;
    --secondary:#14b8a6;
    --dark:#0f172a;
    --light:#f8fafc;
}

/* GLOBAL */

body{
    font-family:'Open Sans',sans-serif;
    background:#f8fafc;
}

/* ==========================
   HEADER
========================== */

#header{
    background:#ffffff;
    box-shadow:0 2px 20px rgba(0,0,0,.08);
}

.navbar-brand{
    font-size:0 !important;
    width:260px;
    height:70px;
    display:block;
}

.navbar-brand::after{
    content:'';
    display:block;
    width:260px;
    height:70px;
    background:url('https://webservices3.com/uploads/admin/logo/logo-673b42b7b99a6-674c059a28687-67580dbe11ce9-6825901ae0952.png') no-repeat center center;
    background-size:contain;
}

/* Menu */

.main-navbar-wrapper{
    background:#fff;
}

.main-navbar-wrapper a{
    color:#0f172a !important;
    font-weight:600;
}

.main-navbar-wrapper a:hover{
    color:var(--primary)!important;
}

/* Cart */

.cart-btn{
    border-radius:10px;
    background:#eef4ff;
}

/* ==========================
   HERO DOMAIN SEARCH
========================== */

.home-domain-search{
    background:
    linear-gradient(
    135deg,
    #1d4ed8 0%,
    #14b8a6 100%);
    
    margin-top:30px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.home-domain-search h2{
    color:#fff !important;
    font-size:42px;
    font-weight:700;
    margin-bottom:25px;
}

.home-domain-search textarea{
    border-radius:12px;
    border:none;
    min-height:110px;
}

.home-domain-search .btn-primary{
    background:#fff;
    color:#1d4ed8;
    border:none;
    font-weight:700;
}

.home-domain-search .btn-success{
    background:#0f172a;
    border:none;
}

.home-domain-search .btn{
    border-radius:10px;
}

/* ==========================
   SECTION TITLES
========================== */

h2.text-center{
    color:#0f172a;
    font-size:38px;
    font-weight:700;
    margin-top:60px;
    margin-bottom:40px;
}

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

.card-columns.home{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
}

.card-columns.home .card{
    flex:1;
    min-width:280px;
}

.card{
    border:none;
    border-radius:18px;
    overflow:hidden;
    transition:.3s;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.card:hover{
    transform:translateY(-10px);
}

.card-body{
    padding:40px !important;
}

.card-title{
    color:#0f172a;
    font-size:28px;
    font-weight:700;
}

.card p{
    color:#64748b;
    min-height:50px;
}

.btn-outline-primary{
    border:2px solid var(--primary);
    color:var(--primary);
    border-radius:10px;
    font-weight:700;
}

.btn-outline-primary:hover{
    background:var(--primary);
    color:#fff;
}

/* ==========================
   ICON BOXES
========================== */

.action-icon-btns a{
    background:#fff;
    border-radius:16px;
    padding:35px 15px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
    color:#0f172a;
    text-decoration:none;
}

.action-icon-btns a:hover{
    transform:translateY(-8px);
}

.action-icon-btns figure{
    margin-bottom:15px;
}

.action-icon-btns i{
    font-size:40px;
    color:var(--primary);
}

/* ==========================
   ACCOUNT BOXES
========================== */

.card-accent-midnight-blue{
    border-top:4px solid var(--primary);
}

/* ==========================
   BREADCRUMB
========================== */

.master-breadcrumb{
    background:#f1f5f9;
}

/* ==========================
   FOOTER
========================== */

#footer{
    background:#0f172a !important;
    margin-top:80px;
    padding-top:40px;
    padding-bottom:40px;
}

#footer a{
    color:#cbd5e1 !important;
}

#footer a:hover{
    color:#14b8a6 !important;
}

#footer .copyright{
    color:#fff;
}

/* ==========================
   REMOVE WHMCS BRANDING
========================== */

p[style*="text-align:center"]{
    display:none !important;
}

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

.btn-primary,
.btn-success{
    border-radius:10px;
}

/* Hide breadcrumb on homepage */
.homepage .master-breadcrumb,
.homepage .breadcrumb,
.homepage .breadcrumb-nav,
.homepage .breadcrumb-wrapper {
    display: none !important;
}

/* Remove rounded corners from hero/domain search section */
.home-domain-search,
.domain-search-bg,
#home-banner,
section.home-domain-search {
    border-radius: 0 !important;
}

/* Make hero background full width without radius */
.home-domain-search {
    background: linear-gradient(135deg,#1d4ed8,#14b8a6) !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
}

/* Remove left/right rounded corners shown in screenshot */
.home-domain-search,
.home-domain-search::before,
.home-domain-search::after {
    border-radius: 0 !important;
}

/* Remove extra top gap after breadcrumb hidden */
.homepage .main-content,
.homepage #main-body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ==========================
   MOBILE
========================== */

@media(max-width:768px){

    .navbar-brand{
        width:180px;
    }

    .navbar-brand::after{
        width:180px;
        height:50px;
    }

    .home-domain-search h2{
        font-size:28px;
    }

    h2.text-center{
        font-size:28px;
    }

}