/* Live METOD public frontend — loaded after legacy theme CSS. */
body{background:#fff!important;color:#182433!important}
#preloader{display:none!important}
.ss-header,.ss-footer,.ss-hero,.ss-section,.ss-services,.ss-cta-band{font-family:Arial,Helvetica,sans-serif}
.ss-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ss-stat-grid article{padding:34px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:145px;display:flex;flex-direction:column;justify-content:center;background:#fff}
.ss-stat-grid strong{font-size:44px;line-height:1;color:var(--navy);font-weight:800;letter-spacing:-.04em}
.ss-stat-grid span{margin-top:10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}
.ss-stats{background:#f6f8fa}
.ss-news-section{background:#fff}

/* Make legacy internal pages visually belong to the same public design. */
.page-header-area{background:linear-gradient(110deg,#0c1f38,#1e466c)!important;padding:78px 0 70px!important;margin:0!important;position:relative;overflow:hidden}
.page-header-area:after{content:"";position:absolute;right:-100px;top:-180px;width:470px;height:470px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.015)}
.page-header-area .container{position:relative;z-index:2}
.page-header-area .page-header-content{padding:0!important;text-align:left!important}
[dir="rtl"] .page-header-area .page-header-content{text-align:right!important}
.page-header-area .title{font-size:48px!important;line-height:1.1!important;font-weight:800!important;color:#fff!important;margin:0 0 16px!important;text-transform:none!important}
.page-header-area .title .inner{color:#fff!important}
.page-header-area .links{display:flex!important;gap:10px!important;list-style:none!important;padding:0!important;margin:0!important;justify-content:flex-start!important}
.page-header-area .links li,.page-header-area .links a{color:#c8d5e1!important;font-size:12px!important}
.page-header-area .links li+li:before{content:"/";margin-right:10px;color:#7890a6}
[dir="rtl"] .page-header-area .links li+li:before{margin-right:0;margin-left:10px}
.welcome-area,.page-contact-info-area,.page-contact-info-area_,.about-area,.news-area,.event-area,.gallery-area,.teacher-area,.staff-area,.faq-area,.notice-area,.holiday-area{padding:82px 0!important;background:#fff!important}
.welcome-area .welcome-content,.page-contact-info-area .pcia-info,.page-contact-info-area .contact-form{font-size:16px!important;color:#5d6976!important;line-height:1.8!important}
.welcome-area .welcome-banner_ img{width:100%!important;min-height:360px!important;object-fit:cover!important}
.title-wrapper .title,.pcia-info .title,.contact-form .title{font-size:32px!important;color:#0c1f38!important;font-weight:800!important}
.title-wrapper .title img{display:none!important}
.pcia-info-box{border:1px solid #dfe5ea!important;padding:22px!important;height:100%!important;background:#fff!important}
.pcia-info-box .icon .box{background:#0c1f38!important;color:#fff!important;border-radius:0!important}
.contact-form{background:#f6f8fa!important;border:1px solid #dfe5ea!important;padding:34px!important}
.contact-form .form-box{margin-bottom:16px!important;position:relative!important}
.contact-form .form-box .icon-box{display:none!important}
.contact-form input,.contact-form textarea,.contact-form select{width:100%!important;border:1px solid #cad4dd!important;background:#fff!important;border-radius:0!important;min-height:50px!important;padding:12px 14px!important;box-shadow:none!important;color:#243445!important}
.contact-form textarea{min-height:145px!important}
.contact-form input[type="submit"]{background:#e46b2d!important;color:#fff!important;border-color:#e46b2d!important;font-weight:800!important;width:auto!important;padding:0 28px!important}
.map-area iframe{width:100%!important;height:420px!important;display:block!important}

/* Generic legacy cards */
.single-news,.single-event,.single-notice,.single-holiday,.single-teacher,.single-staff,.gallery-item,.faq-item{border:1px solid #dfe5ea!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important}
.single-news:hover,.single-event:hover{box-shadow:0 18px 50px rgba(8,25,45,.10)!important}

/* Stop old header/footer from leaking layout rules into the new markup. */
.ss-header ul,.ss-footer ul{margin:0;padding:0}
.ss-header a,.ss-footer a{text-decoration:none!important}
.ss-header *,.ss-footer *,.ss-hero *{box-sizing:border-box}

@media(max-width:900px){
 .ss-stat-grid{grid-template-columns:repeat(2,1fr)}
 .page-header-area .title{font-size:40px!important}
}
@media(max-width:620px){
 .ss-stat-grid{grid-template-columns:1fr 1fr}
 .ss-stat-grid article{padding:25px 20px;min-height:120px}
 .ss-stat-grid strong{font-size:34px}
 .page-header-area{padding:58px 0 52px!important}.page-header-area .title{font-size:34px!important}
 .welcome-area,.page-contact-info-area,.about-area,.news-area,.event-area,.gallery-area,.teacher-area,.staff-area,.faq-area,.notice-area,.holiday-area{padding:55px 0!important}
}