/* QARAR Enterprise — Emblem + bilingual institutional brand lockup
 * Visual-size balancing:
 * Arabic remains the structural reference.
 * English is optically adjusted to match perceived size while preserving
 * the same institutional hierarchy and responsive behavior.
 */

/* =========================================================
   Header identity layout
   ========================================================= */

.qarar-v7-header .header-identity-row,
body.home .qarar-v7-header .header-identity-row,
body.front-page .qarar-v7-header .header-identity-row{
  gap:18px!important;
}


/* =========================================================
   Logo container
   ========================================================= */

.qarar-v7-header .brand-lockup.qarar-emblem-lockup,
body.home .qarar-v7-header .brand-lockup.qarar-emblem-lockup,
body.front-page .qarar-v7-header .brand-lockup.qarar-emblem-lockup,
.qarar-v7-header.is-scrolled .brand-lockup.qarar-emblem-lockup{
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  height:78px!important;
  flex:0 0 92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:visible!important;
}


/* =========================================================
   Logo image
   ========================================================= */

.qarar-v7-header .qarar-header-emblem{
  display:block!important;
  width:76px!important;
  height:76px!important;
  max-width:76px!important;
  max-height:76px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 4px 10px rgba(55,0,10,.18))!important;
  transition:
    width .2s ease,
    height .2s ease,
    filter .2s ease!important;
}


/* =========================================================
   Bilingual institution name
   ========================================================= */

.qarar-v7-header .qarar-header-brand-copy{
  min-width:350px;
  max-width:390px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:3px;
  padding-inline-start:18px;
  border-inline-start:1px solid rgba(255,255,255,.34);
  line-height:1;
}

.qarar-v7-header .qarar-header-brand-ar,
.qarar-v7-header .qarar-header-brand-en{
  display:block;
  font-family:'Tajawal',Arial,sans-serif;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap;
  margin:0!important;
  padding:0!important;
}

/* Arabic is the reference size. */
.qarar-v7-header .qarar-header-brand-ar{
  font-size:18px!important;
  line-height:1.22!important;
  color:#fff;
}

/* Optical correction for Latin glyphs in Tajawal. */
.qarar-v7-header .qarar-header-brand-en{
  font-size:17px!important;
  line-height:1.18!important;
  color:rgba(255,255,255,.92);
  transform:translateY(-1px);
  transform-origin:left center;
}


/* =========================================================
   Scrolled header
   ========================================================= */

.qarar-v7-header.is-scrolled .brand-lockup.qarar-emblem-lockup{
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  flex-basis:82px!important;
  height:70px!important;
}

.qarar-v7-header.is-scrolled .qarar-header-emblem{
  width:66px!important;
  height:66px!important;
  max-width:66px!important;
  max-height:66px!important;
}

.qarar-v7-header.is-scrolled .qarar-header-brand-ar{
  font-size:16px!important;
}

.qarar-v7-header.is-scrolled .qarar-header-brand-en{
  font-size:15px!important;
}


/* =========================================================
   Header actions
   ========================================================= */

.qarar-v7-header .header-identity-actions{
  margin-inline-start:auto!important;
}


/* =========================================================
   Medium desktop
   ========================================================= */

@media(max-width:1260px) and (min-width:1101px){

  .qarar-v7-header .qarar-header-brand-copy{
    min-width:265px;
    max-width:300px;
    padding-inline-start:14px;
  }

  .qarar-v7-header .qarar-header-brand-ar{
    font-size:16px!important;
  }

  .qarar-v7-header .qarar-header-brand-en{
    font-size:15px!important;
  }

  .qarar-v7-header .qarar-header-message{
    display:none!important;
  }

}


/* =========================================================
   Tablet
   ========================================================= */

@media(max-width:1100px){

  .qarar-v7-header .header-identity-row,
  body.home .qarar-v7-header .header-identity-row,
  body.front-page .qarar-v7-header .header-identity-row{
    gap:10px!important;
  }

  .qarar-v7-header .brand-lockup.qarar-emblem-lockup,
  body.home .qarar-v7-header .brand-lockup.qarar-emblem-lockup,
  body.front-page .qarar-v7-header .brand-lockup.qarar-emblem-lockup,
  .qarar-v7-header.is-scrolled .brand-lockup.qarar-emblem-lockup{
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:70px!important;
    flex:0 0 68px!important;
  }

  .qarar-v7-header .qarar-header-emblem,
  .qarar-v7-header.is-scrolled .qarar-header-emblem{
    width:60px!important;
    height:60px!important;
    max-width:60px!important;
    max-height:60px!important;
  }

  .qarar-v7-header .qarar-header-brand-copy{
    min-width:0;
    max-width:310px;
    padding-inline-start:11px;
    gap:2px;
  }

  .qarar-v7-header .qarar-header-brand-ar{
    font-size:14px!important;
    line-height:1.22!important;
    white-space:normal;
  }

  .qarar-v7-header .qarar-header-brand-en{
    font-size:13px!important;
    line-height:1.18!important;
    white-space:normal;
    transform:none;
  }

  .qarar-v7-header .qarar-header-message,
  .qarar-v7-header .jerusalem-clock{
    display:none!important;
  }

}


/* =========================================================
   Mobile
   ========================================================= */

@media(max-width:620px){

  .qarar-v7-header .brand-lockup.qarar-emblem-lockup,
  body.home .qarar-v7-header .brand-lockup.qarar-emblem-lockup,
  body.front-page .qarar-v7-header .brand-lockup.qarar-emblem-lockup,
  .qarar-v7-header.is-scrolled .brand-lockup.qarar-emblem-lockup{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    flex-basis:58px!important;
  }

  .qarar-v7-header .qarar-header-emblem,
  .qarar-v7-header.is-scrolled .qarar-header-emblem{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
  }

  .qarar-v7-header .qarar-header-brand-copy{
    max-width:215px;
    border-inline-start-color:rgba(255,255,255,.24);
    padding-inline-start:9px;
  }

  .qarar-v7-header .qarar-header-brand-ar{
    font-size:12px!important;
    line-height:1.2!important;
  }

  .qarar-v7-header .qarar-header-brand-en{
    font-size:11px!important;
    line-height:1.17!important;
  }

}


/* =========================================================
   Small mobile
   ========================================================= */

@media(max-width:430px){

  .qarar-v7-header .qarar-header-brand-copy{
    max-width:170px;
  }

  .qarar-v7-header .qarar-header-brand-ar{
    font-size:11px!important;
  }

  .qarar-v7-header .qarar-header-brand-en{
    font-size:10px!important;
  }

}