/* =========================
   ICA INNER-PAGE HEADER  (used by includes/header-inner.php)
   Same header as the homepage but WITHOUT the announcement strip.
   Linked after inner-page.css on inner pages.
========================= */

.top {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5%;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #0869bb;
    font-weight: 700;
    line-height: 1.2;
}

.logo img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.logo small {
    display: block;
    margin-top: 5px;
    color: #777;
    font-size: 11px;
    font-weight: 400;
}

.main {
    display: flex;
    gap: 25px;
}

.main a {
    color: #333;
    font-weight: 600;
    padding: 10px;
}

.main a:hover,
.main a.active {
    color: #0869bb;
}

.top-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
}

.top-actions .call {
    color: #0869bb;
    font-weight: 600;
}
.sub{background:#0869bb;color:#fff;position:relative;z-index:140}
.sub .wrap{max-width:1180px;margin:0 auto;display:flex;align-items:stretch;justify-content:space-between;gap:0;padding:0 10px}
.sub .nav-item{position:relative;flex:0 1 auto}
.sub .nav-item>a{height:46px;display:flex;align-items:center;gap:7px;padding:0 11px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:normal;white-space:nowrap}
.sub .nav-item .arrow{margin-left:0;font-size:12px;font-weight:600;letter-spacing:normal}
.sub .nav-item>a:hover,.sub .nav-item:focus-within>a{background:#064f8d;color:#ffda45}
.sub .dropdown{display:none;position:absolute;top:100%;left:0;min-width:245px;background:#fff;box-shadow:0 12px 30px rgba(0,25,55,.18);border-top:3px solid #ffd447;padding:6px 0;z-index:500}
.sub .nav-item:hover .dropdown,.sub .nav-item:focus-within .dropdown{display:block}
.sub .dropdown a{display:block;padding:10px 15px;color:#153a5f;text-decoration:none;font-size:14px;font-weight:500;line-height:normal;border-bottom:1px solid #edf1f5;white-space:normal}
.sub .dropdown a:hover{background:#edf6ff;color:#0869bb}

/* menu links: no underline in the top bar */
.top .main a{text-decoration:none}

/* fonts: same as header.css */
.top,.sub{font-family:"Segoe UI",Roboto,Arial,sans-serif;line-height:normal}

/* ---- Menu button (phones and tablets) ---- */
.top .menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0 11px;border:1px solid #cfdbe8;border-radius:8px;background:#fff;cursor:pointer}
.top .menu-toggle span{display:block;width:100%;height:3px;margin:0;border-radius:2px;background:#0869bb}

/* ---- Responsive ---- */
@media(max-width:1200px){
  .top{flex-wrap:wrap;gap:10px;padding:12px 20px}
  .top .menu-toggle{display:flex;order:2;margin-left:auto}
  .top .logo{order:1}
  .top .main{order:3;width:100%;margin-left:0;justify-content:flex-start;gap:15px;flex-wrap:wrap}
  .top-actions{order:4;width:100%;margin-left:0;gap:14px;flex-wrap:wrap}
  .sub{display:none}
  body.nav-open .sub{display:block}
  .sub .wrap{display:block;padding:6px 14px}
  .sub .nav-item>a{height:auto;min-height:46px;white-space:normal;font-size:14px;padding:0 10px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15)}
  .sub .dropdown{position:static;min-width:0;box-shadow:none;border-top:0}
  .sub .nav-item:hover .dropdown,.sub .nav-item:focus-within .dropdown{display:none}
  .sub .nav-item.open .dropdown{display:block}
  .sub .nav-item.open>a{background:#064f8d;color:#ffda45}
}
@media(max-width:650px){.top .logo{max-width:calc(100% - 64px)}.top .logo img{width:60px}.top-actions .call{font-size:13px}}
@media(max-width:380px){.top-actions .call:nth-child(2){display:none}}
.top-actions .top-link{color:inherit;text-decoration:none;font-weight:600}
.top-actions .top-link:hover,.top-actions .top-link:focus{color:#0869bb;text-decoration:underline}
.top-actions .top-user{color:#0869bb;font-weight:600}