/* APAAL Hugo — overrides chargés en dernier. Look proche du thème orton_gillingham_centre. */
:root{ --apaal-blue:#0b6aa2; --apaal-dark:#16384e; --apaal-accent:#e8762d; }
*{box-sizing:border-box}
body{font-family:'Libre Franklin',Arial,sans-serif;color:#333;margin:0;line-height:1.6;font-size:16px}
img{max-width:100%;height:auto}
a{color:var(--apaal-blue);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:0 18px}

/* ---------- HEADER ---------- */
header .htop{background:#fff;border-bottom:1px solid #eee}
header .htop .container{padding-top:14px;padding-bottom:14px}
.d-flex{display:flex}.align-items-center{align-items:center}.flex-wrap{flex-wrap:wrap}
.logo img{max-height:64px;width:auto}
.header_right{margin-left:auto;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.language{font-size:.85rem}
.lang-head{font-weight:600;color:#888;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.apaal-lang{list-style:none;display:flex;gap:12px;margin:2px 0 0;padding:0}
.apaal-lang a{display:flex;align-items:center;gap:5px;color:#555}
.apaal-lang .current a{font-weight:700;color:var(--apaal-dark)}
.apaal-lang .flag{width:18px;height:12px}
.h_cntct{list-style:none;display:flex;gap:20px;margin:0;padding:0;font-size:.85rem}
.h_cntct a{color:#555}
.h_cntct i{color:var(--apaal-blue)}

/* ---------- NAV ---------- */
.hbottom{background:var(--apaal-dark)}
.nav_menu>ul#top-menu{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0}
#top-menu>li{position:relative}
#top-menu>li>a{display:block;padding:14px 16px;color:#fff;font-weight:600;font-size:.93rem}
#top-menu>li>a:hover{background:var(--apaal-blue);text-decoration:none}
#top-menu .sub-menu{list-style:none;margin:0;padding:6px 0;position:absolute;left:0;top:100%;min-width:240px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.15);border-top:3px solid var(--apaal-accent);display:none;z-index:50}
#top-menu li:hover>.sub-menu{display:block}
#top-menu .sub-menu li{position:relative}
#top-menu .sub-menu a{display:block;padding:9px 16px;color:#16384e;font-size:.9rem}
#top-menu .sub-menu a:hover{background:#f2f7fa;text-decoration:none}
#top-menu .sub-menu .sub-menu{left:100%;top:0}
.responsive_btn{display:none}

/* ---------- BANNER + CONTENT ---------- */
.inner_banner{background:linear-gradient(135deg,var(--apaal-dark),var(--apaal-blue));color:#fff;padding:42px 0}
.inner_banner .page-title{margin:0;font-size:2rem;font-weight:800}
.inner_content,.home_intro{padding:42px 0}
.page-content{max-width:1000px;margin:0 auto}
.page-content img{height:auto}
.page-content h2,.page-content h3,.page-content h4{color:var(--apaal-dark)}
.heading{text-align:center;color:var(--apaal-dark);font-weight:800;font-size:1.9rem;margin:0 0 8px}
.subheading{color:var(--apaal-blue)}

/* ---------- SERVICE GRID ---------- */
.service_section{background:#f6f9fb;padding:48px 0}
.service_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}
.sbox{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 14px rgba(0,0,0,.07);display:flex;flex-direction:column}
.sbox .simg{display:block;aspect-ratio:4/3;overflow:hidden;background:#dde7ee}
.sbox .simg img{width:100%;height:100%;object-fit:cover}
.sbox .scontent{padding:18px;flex:1;display:flex;flex-direction:column;gap:10px}
.sbox h4{margin:0;font-size:1.1rem}
.s_more{margin-top:auto;font-weight:600;color:var(--apaal-accent)}

/* ---------- FOOTER ---------- */
footer{background:var(--apaal-dark);color:#cfe0ea;margin-top:40px}
.footer_top{padding:40px 0}
.footer_top .row{display:flex;flex-wrap:wrap;gap:24px}
.footer_top .col-sm-4{flex:1;min-width:240px}
.f_head{color:#fff;font-size:1.1rem;margin:0 0 14px}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin:7px 0}
footer a{color:#cfe0ea}
footer a:hover{color:#fff}
.footer_bottom{background:#0c2533;padding:16px 0;font-size:.85rem;text-align:center}
.footer_bottom p{margin:0}

/* ---------- RESPONSIVE ---------- */
@media(max-width:991px){
  .service_grid{grid-template-columns:1fr 1fr}
  .responsive_btn{display:inline-block;cursor:pointer;padding:12px 0}
  .responsive_btn>span,.responsive_btn>span:before,.responsive_btn>span:after{display:block;width:26px;height:3px;background:#fff;position:relative}
  .responsive_btn>span:before{content:"";position:absolute;top:-8px}
  .responsive_btn>span:after{content:"";position:absolute;top:8px}
  .nav_menu>ul#top-menu{display:none;flex-direction:column;width:100%}
  .nav_menu.open>ul#top-menu{display:flex}
  #top-menu>li>a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.1)}
  #top-menu .sub-menu{position:static;display:none;box-shadow:none;background:#0c2533;border-top:0}
  #top-menu li.open>.sub-menu{display:block}
  #top-menu .sub-menu a{color:#cfe0ea}
  #top-menu .sub-menu .sub-menu{left:0}
}
@media(max-width:600px){ .service_grid{grid-template-columns:1fr} }

/* ---------- FORMS ---------- */
.apaal-form{max-width:680px;margin:24px 0}
.apaal-form .f-row{display:flex;gap:16px;flex-wrap:wrap}
.apaal-form .f-row label{flex:1;min-width:220px}
.apaal-form label{display:block;margin:0 0 14px;font-weight:600;color:var(--apaal-dark)}
.apaal-form input,.apaal-form textarea{width:100%;padding:10px 12px;border:1px solid #cdd7df;border-radius:6px;font:inherit;margin-top:5px}
.apaal-form input:focus,.apaal-form textarea:focus{outline:none;border-color:var(--apaal-blue)}
.btn-submit{background:var(--apaal-accent);color:#fff;border:0;padding:12px 30px;border-radius:6px;font-weight:700;cursor:pointer;font-size:1rem}
.btn-submit:hover{filter:brightness(.93)}