/* ==========================================================================
   AIET — completari peste tema Iqra Education
   1. banda foto din antet   2. imagini de continut   3. comportament pe mobil
   ========================================================================== */

/* ---------------------------------------------------- banda foto din antet */
.site-banner{
  display:block;
  width:100%;
  overflow:hidden;
  line-height:0;
  background:#3b3b6d;
}
.site-banner img{
  width:100%;
  height:clamp(90px,18vw,260px);
  object-fit:cover;
  object-position:center 62%;
  display:block;
}

/* -------------------------------------------------- imagini in continut */
.pages-te .text img,
.page-hero img{
  max-width:100%;
  height:auto;
  border-radius:6px;
}
.page-hero{
  margin:0 0 28px;
}
.page-hero img{
  width:100%;
  max-height:420px;
  object-fit:cover;
}
.page-hero figcaption{
  font-size:.85rem;
  color:#6b6b8a;
  margin-top:8px;
}

/* ----------------------------------------------------------- lizibilitate */
.pages-te .text p,
.pages-te .text li{
  color:#3a3a55;
  line-height:1.75;
}
.pages-te .text a{ text-decoration:underline; }
.pages-te .text ul{ padding-left:1.25rem; }

/* ------------------------------------------------------------- tabele late */
.pages-te .text table{
  display:block;
  overflow-x:auto;
  max-width:100%;
}

/* ==========================================================================
   MOBIL
   ========================================================================== */
.menu-toggle{ display:none; }

@media (max-width: 991px){

  /* antetul se aseaza pe verticala, caseta galbena pe toata latimea */
  .main-header .row{ margin:0; }
  .logo{
    width:100%;
    max-width:100%;
    flex:0 0 100%;
    padding:18px 16px !important;
  }
  .site-title a{ font-size:1.15rem; line-height:1.3; }
  .site-description{ font-size:.85rem; }

  /* meniul devine pliabil */
  .menu-toggle{
    display:block;
    width:calc(100% - 32px);
    max-width:none;
    border:0;
    border-radius:6px;
    background:#3b3b6d;
    color:#fff;
    font-weight:700;
    letter-spacing:.03em;
    cursor:pointer;
  }
  .menu-toggle::before{ content:"\2630"; margin-right:10px; }
  .menu-toggle[aria-expanded="true"]::before{ content:"\2715"; }

  #top-menu{
    display:none;
    flex-direction:column;
    padding:0 16px 16px;
    margin:0;
  }
  #top-menu.open{ display:flex; }
  #top-menu li{
    width:100%;
    border-bottom:1px solid rgba(0,0,0,.08);
  }
  #top-menu li a{
    display:block;
    padding:14px 4px;      /* tinta de atins confortabila */
    font-size:1rem;
  }

  .header-menu{ padding-bottom:8px; }

  /* continut */
  .container{ padding-left:16px; padding-right:16px; }
  .pages-te h1{ font-size:1.6rem; line-height:1.25; }
  .pages-te .text h2{ font-size:1.25rem; }
  .pages-te .text h3{ font-size:1.1rem; }
  .breadcrumb{ font-size:.85rem; }

  /* subsol */
  .site-footer .sidebar-column{ padding-top:18px !important; padding-bottom:0 !important; }
  .site-info .row > div{ text-align:center !important; margin-bottom:8px; }
}

@media (max-width: 575px){
  .site-title a{ font-size:1.02rem; }
  .pages-te h1{ font-size:1.4rem; }
  .page-hero img{ max-height:220px; }
  .site-banner img{ height:110px; }
}

/* fara derulare orizontala, indiferent de continut */
html,body{ max-width:100%; overflow-x:hidden; }
img{ max-width:100%; height:auto; }

/* meniul pe ecrane late */
@media (min-width: 992px){
  #top-menu{ display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
}