/*
Theme Name: Digi Skills Attractive Header
Template: digi-skills-complete
Version: 1.9.0
Description: Digi Skills child theme with modern dark header, full mobile menu and supplied logo.
Author: Digi Skills
*/
:root{--digi-navy:#071a33;--digi-navy2:#0d2b50;--digi-blue:#1478ff;--digi-cyan:#42b5ff;--digi-white:#fff}
.site-header{position:sticky;top:0;z-index:9999;background:linear-gradient(135deg,#041226 0%,#0a2444 55%,#0b3260 100%);border-bottom:8px solid #1687ff;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.site-header:after{content:"";display:block;height:3px;background:linear-gradient(90deg,transparent,#7dd3ff,#1687ff,#7dd3ff,transparent);opacity:.9}

.header-inner{min-height:86px;padding:10px 0;gap:22px;position:relative}
.brand{display:flex;align-items:center;gap:14px;color:#fff!important;text-decoration:none;white-space:nowrap}
.brand-logo{width:70px;height:70px;object-fit:contain;display:block;border-radius:50%;background:#fff;border:3px solid #fff;padding:2px;box-sizing:border-box;box-shadow:0 0 0 2px rgba(66,181,255,.75),0 6px 18px rgba(0,0,0,.35)}
.brand-name{font-size:1.42rem;font-weight:850;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35);letter-spacing:.1px}
.main-nav{margin-left:auto;background:rgba(255,255,255,.075);border:2px solid rgba(255,255,255,.30);border-radius:18px;padding:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 22px rgba(0,0,0,.15)}
.main-nav ul{display:flex;align-items:center;gap:3px;margin:0;padding:0;list-style:none}
.main-nav li{margin:0;padding:0}
.main-nav a{display:block;color:#fff!important;font-weight:850;text-decoration:none;padding:12px 16px;font-size:16px;letter-spacing:.1px;text-shadow:0 1px 3px rgba(0,0,0,.35);border-radius:12px;transition:.2s}
.main-nav a:hover{background:rgba(20,120,255,.35);color:#fff!important}
.main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:linear-gradient(135deg,#1478ff,#279cff);color:#fff!important;box-shadow:0 5px 16px rgba(20,120,255,.5);font-weight:900;border:1px solid rgba(255,255,255,.35)}
.nav-toggle{display:none;width:44px;height:44px;padding:9px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:12px;cursor:pointer;flex-shrink:0}
.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.computer-logo-card{width:100%;max-width:500px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:28px;background:#fff;box-shadow:0 16px 45px rgba(7,26,51,.12);padding:18px;overflow:hidden}
.computer-logo-card img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:900px){

 .site-header{position:sticky}
 .header-inner{min-height:76px;padding:7px 12px;gap:12px}
 .brand-logo{width:60px;height:60px;border-width:2px;padding:2px}
 .brand-name{font-size:1.05rem}
 .nav-toggle{display:block;margin-left:auto}
 .main-nav{display:none;position:absolute;left:12px;right:12px;top:100%;margin:8px 0 0;padding:8px;background:rgba(7,26,51,.98);border:1px solid rgba(255,255,255,.22);border-radius:16px;box-shadow:0 18px 35px rgba(0,0,0,.28)}
 .main-nav.open{display:block}
 .main-nav ul{display:block;width:100%}
 .main-nav li{display:block;width:100%}
 .main-nav a{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:13px 15px;margin:2px 0;font-size:16px;font-weight:850;border-radius:10px}
 .main-nav a:hover{background:rgba(20,120,255,.35)}
 .main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:linear-gradient(135deg,#1478ff,#279cff)}
 .computer-logo-card{max-width:360px;padding:12px}
}
@media(max-width:480px){.brand-name{display:none}.brand-logo{width:56px;height:56px;border-width:2px;padding:2px}}


/* Six real course cards on the front page */
.dsh-course-section{padding:58px 0;background:#f6f9ff}
.dsh-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dsh-course-card{background:#fff;border:1px solid #e2eaf5;border-radius:20px;padding:24px;box-shadow:0 12px 30px rgba(7,26,51,.08);text-align:center;transition:transform .2s,box-shadow .2s}
.dsh-course-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(7,26,51,.14)}
.dsh-course-icon{font-size:42px;line-height:1;margin-bottom:12px}
.dsh-course-card h3{margin:0 0 10px;color:#071a33;font-size:1.25rem}
.dsh-course-price{font-size:1.25rem;font-weight:900;color:#1478ff;margin-bottom:7px}
.dsh-course-count{font-size:.92rem;color:#5b6b80;margin-bottom:16px}
.dsh-course-btn{display:inline-block;background:linear-gradient(135deg,#1478ff,#279cff);color:#fff!important;text-decoration:none;padding:11px 20px;border-radius:10px;font-weight:800;box-shadow:0 7px 18px rgba(20,120,255,.25)}
@media(max-width:900px){.dsh-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:560px){.dsh-course-grid{grid-template-columns:1fr}.dsh-course-section{padding:42px 0}.dsh-course-card{padding:20px}}

/* Keep the page footer at the real bottom and prevent content injected after
   wp_footer from appearing visually below/after the footer. */
html, body { min-height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; }
body > main { flex: 1 0 auto; width: 100%; }
.site-footer { flex: 0 0 auto; position: relative !important; clear: both; width: 100%; }