/*
 * deepblue-patch.css — theme/202605-deepblue
 * 1. Font match กับ daylight
 * 2. FA4 → FA5 fix
 * 3. ftco-navbar (menu_hosting, menu_server ฯลฯ)
 * 4. UI fixes: equal height, icon center, Specification
 */

/* ── 1. Font ─────────────────────────────────────────────────── */
body { font-family:'Plus Jakarta Sans','Prompt',sans-serif !important; font-size:15px !important; line-height:1.7 !important; }
h1 { font-size:22px !important; }
h2 { font-size:20px !important; }
h3 { font-size:17px !important; }
h4 { font-size:15px !important; }
h5 { font-size:13px !important; }
h6 { font-size:12px !important; }
.all-title-box-hosting h1, .all-title-box h1 { font-size:36px !important; }
p, .lead { font-size:15px !important; }
.pricingTable .heading > h3,
.pricingTablePhotoslide .heading > h3 { font-size:28px !important; }

/* ── 2. FA4 → FA5 ────────────────────────────────────────────── */
.pricingTablePhotoslide .pricingContent ul li:before,
.pricingTable .pricingContent ul li:before,
.infoTable .infoContent ul li::before,
.infoTable .infoContent ul li:before,
.pricingTablePhotoslide .btn-block:before {
    font-family:'Font Awesome 5 Free' !important;
    font-weight:900 !important;
}

/* ── 3. ftco-navbar / menu_hosting / menu_server ─────────────── */
/* section wrapper */
.ftco-section { padding:0; margin:0;    padding-top: 0px;  padding-bottom: 0px;  }


/* navbar bar สีส้ม */
.ftco-navbar-light {
    background:var(--db-orange, #FF9900) !important;
    padding:0 !important;
    min-height:36px;
    position:relative;
    z-index:100;
}

/* navbar brand / toggler */
.ftco-navbar-light .navbar-toggler {
    color:#021159;
    border:2px solid rgba(2,17,89,.3);
    border-radius:6px;
    padding:0px 0px; /* 6px 12px; */
    font-size:14px;
    font-weight:700;
    margin:6px;
    background:#fff;
}
.ftco-navbar-light .navbar-toggler:focus { outline:none; }

/* nav items — แนวนอน */
.ftco-navbar-light .navbar-nav { flex-direction:row; flex-wrap:wrap; align-items:center; }
.ftco-navbar-light .navbar-nav .nav-item { margin:0; }
.ftco-navbar-light .navbar-nav .nav-item .nav-link {
    color:#021159 !important;
    font-weight:700;
    font-size:14px;
    padding:8px 10px; /* 12px 14px; */
    white-space:nowrap;
    transition:color .2s, background .2s;
}
.ftco-navbar-light .navbar-nav .nav-item .nav-link:hover,
.ftco-navbar-light .navbar-nav .nav-item.active .nav-link {
    color:#fff !important;
    background:rgba(2,17,89,.15);
    border-radius:4px;
}

/* dropdown menu */
.ftco-navbar-light .dropdown-menu {
    border:none;
    border-radius:8px;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
    padding:8px 0;
    min-width:200px;
    top:100%;
}
.ftco-navbar-light .dropdown-item {
    padding:8px 20px;
    font-size:14px;
    color:#333;
    font-weight:500;
}
.ftco-navbar-light .dropdown-item:hover {
    background:#fff8ee;
    color:#FF9900;
}

/* mobile toggler collapse */
@media (max-width:991px) {
    .ftco-navbar-light .navbar-collapse {
        background:#FF9900;
        padding:10px;
        border-top:1px solid rgba(255,255,255,.2);
    }
    .ftco-navbar-light .navbar-nav { flex-direction:column; }
    .ftco-navbar-light .navbar-nav .nav-item .nav-link { padding:8px 12px; }
}

/* ── 4. btn-brd / btn-radius / list-domain (hosting_features_menu.php) ── */
.btn-brd {
    border:2px solid #ccc !important;
    background:#fff !important;
    color:#333 !important;
    padding:6px 16px !important;
    transition:all .25s;
    display:inline-block;
}
.btn-brd:hover, .btn-brd.active {
    background:#FF9900 !important;
    border-color:#FF9900 !important;
    color:#fff !important;
}
.btn-radius { border-radius:30px !important; }
#bmenu { padding:15px 0; background:#f5f5f5; border-bottom:1px solid #e0e0e0; }
#bmenu .list-domain ul {
    list-style:none; padding:0; margin:0;
    display:flex; flex-wrap:wrap; gap:8px; justify-content:center;
}
#bmenu .list-domain ul li { margin:0; }

/* ── 5. Equal height boxes (#whyus .infoTable) ───────────────── */
#whyus .row { display:flex; flex-wrap:wrap; }
#whyus [class*="col-"] { display:flex; flex-direction:column; }
#whyus .infoTable { display:flex; flex-direction:column; height:100%; text-align:center; }
#whyus .infoTable .infoContent { flex:1; }

/* ── 6. Icon centering (img, i ใน .infoTable) ───────────────── */
.infoTable  { text-align:center;   }
.infoTable > img,
.infoTable > i {
    display:block !important;
    margin:15px auto !important; 
}
.infoTable .post-media,
.infoTable .infoContent { text-align:center; }

/* ── 7. Specification heading ────────────────────────────────── */
#overviews .section-title h3,
#overviews h3 { font-size:28px !important; font-weight:700 !important; }

/* ── 8. Specification content ชิดซ้าย ───────────────────────── */
#overviews .infoContent,
#overviews .infoContent ul,
#overviews .infoContent p { text-align:left !important; }
#overviews .infoContent ul {
    list-style:disc !important;
    padding-left:20px !important;
}
#overviews .infoContent ul li::before { display:none !important; }

/* ── addon-accordion: ป้องกัน daylight CSS override สีส้ม ─── */
button.addon-accordion {
    background-color: #ff9900 !important;
    color: #444 !important;
    cursor: pointer !important;
    padding: 18px !important;
    width: 100% !important;
    border: 1px solid #ccc !important;
    text-align: left !important;
    font-size: 18px !important;
    font-weight: bold !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-radius: 5px !important;
    margin-top: 15px !important;
    transition: background-color 0.4s !important;
}
button.addon-accordion:hover,
button.addon-accordion.active {
    background-color: #ddd !important;
}
button.addon-accordion:after {
    content: '\002B';
    color: #777;
    font-size: 20px;
}
button.addon-accordion.active:after {
    content: '\2212';
}