/* UI/UX requested fixes: right logo, golden SVG icons, footer gold titles/pattern, no hero CTA */
:root{--school-gold:#c99a42;--school-gold-2:#d8ad5b;--school-navy:#062f63}

/* Header: brand/logo on the right, navigation and language/contact content on the left */
.main-header{direction:rtl;display:flex;align-items:center;justify-content:space-between}
.main-header .brand{order:1;margin-left:34px;margin-right:0;text-align:right;justify-content:flex-start}
.main-header .primary-nav{order:2;margin-right:auto;margin-left:0}
.primary-nav ul{justify-content:flex-start}
.top-strip__inner{direction:ltr}
.top-strip__contacts{order:1}
.top-strip__lang{order:2}

/* Match the UI/UX top contact bar: centered rounded navy strip, not full-width flat bar */
.top-strip{
  background:#eef3f8!important;
  height:auto!important;
  padding:6px 0 0!important;
  color:#fff;
}
.top-strip__inner{
  background:#062f63;
  border-radius:6px 6px 0 0;
  min-height:34px!important;
  padding:0 24px;
  box-shadow:0 2px 10px rgba(6,47,99,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  direction:ltr!important;
}
.top-strip__contacts{
  order:1!important;
  margin-right:auto;
  margin-left:0;
  gap:30px!important;
  font-weight:700;
}
.top-strip__right{
  order:2!important;
  margin-left:auto;
  margin-right:0;
  display:flex;
  align-items:center;
  gap:16px!important;
  font-weight:700;
}
.top-contact,.top-social{
  position:relative;
  display:inline-flex;
  align-items:center;
  color:#fff;
}
.top-contact{
  padding-left:24px;
  font-size:12px;
  line-height:1;
}
.top-contact:before,.top-social:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  background:center/contain no-repeat;
}
.top-contact:before{width:16px;height:16px}
.top-contact--phone:before{background-image:url("../images/top-phone.svg")}
.top-contact--location:before{background-image:url("../images/top-location.svg")}
.top-contact--mail:before{background-image:url("../images/top-mail.svg")}
.top-social{
  width:18px;
  height:18px;
  color:transparent;
  font-size:0;
}
.top-social:before{width:18px;height:18px}
.top-social--instagram:before{background-image:url("../images/top-instagram.svg")}
.top-social--telegram:before{background-image:url("../images/top-telegram.svg")}
.top-social--youtube:before{background-image:url("../images/top-youtube.svg")}
.top-social--globe:before{background-image:url("../images/top-globe.svg")}
.lang-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  height:22px;
  padding:0 12px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  color:#062f63!important;
  background:#f1c75d;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.lang-text{font-size:12px;color:#fff!important;font-weight:800}

/* Taller hero/header image, closer to the UI/UX proportions */
.hero{min-height:360px!important}
.hero__content{min-height:360px!important}
.hero__copy{margin-top:18px}
.hero h1{font-size:34px}
.hero p{font-size:17px}

/* Hero button removed from markup; keep as safety if cached markup exists */
.hero__actions{display:none!important}

/* Better logo placeholder until final logo asset is supplied */
.brand__logo{
  background:#fff url("../images/logo-rosette.svg") center/78% no-repeat!important;
  color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  width:54px!important;
  height:54px!important;
}
.brand__text strong{font-weight:900;color:var(--school-navy)}
.brand__text small{letter-spacing:.3px}

/* Golden line SVG icons, replacing emoji appearance */
.quick-card span.quick-icon{
  width:36px!important;
  height:36px!important;
  display:block!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:34px 34px!important;
  margin-bottom:4px;
}
.quick-card span.quick-icon:before,.quick-card span.quick-icon:after{display:none!important;content:none!important}
.quick-icon--admission{background-image:url("../images/icon-admission.svg")!important}
.quick-icon--news{background-image:url("../images/icon-news.svg")!important}
.quick-icon--calendar{background-image:url("../images/icon-calendar.svg")!important}
.quick-icon--gallery{background-image:url("../images/icon-gallery.svg")!important}
.quick-icon--phone{background-image:url("../images/icon-phone.svg")!important}
.quick-icon--achievement{background-image:url("../images/icon-achievement.svg")!important}
.quick-card strong{color:var(--school-navy)}
.quick-card:hover .quick-icon{filter:drop-shadow(0 2px 2px rgba(201,154,66,.18))}

/* Footer: UI/UX-like gold titles and decorative golden motif */
.site-footer{position:relative;overflow:hidden;background:#062f63!important}
.site-footer:after{
  content:"";
  position:absolute;
  right:-95px;
  bottom:-128px;
  width:300px;
  height:325px;
  background:url("../images/footer-gold-pattern-new.png") right bottom/contain no-repeat;
  opacity:.44;
  filter:brightness(1.12) saturate(1.05);
  pointer-events:none;
}
.site-footer .footer-grid,.site-footer .footer-bottom{position:relative;z-index:1}
.site-footer .footer-bottom{
  display:block;
  position:relative;
  text-align:center;
}
.site-footer .footer-developer-credit{
  position:absolute;
  left:24px;
  top:50%;
  transform:translateY(-50%);
  opacity:.76;
  white-space:nowrap;
}
.site-footer .footer-developer-credit:before{
  content:"";
  margin:0;
}
.site-footer .footer-developer-credit a{
  font-weight:700;
  text-decoration:none;
}
.site-footer .footer-developer-credit a:hover{
  text-decoration:underline;
}
@media(max-width:760px){
  .site-footer .footer-bottom{
    display:grid;
    gap:3px;
  }
  .site-footer .footer-developer-credit{
    position:static;
    transform:none;
    white-space:normal;
  }
  .site-footer .footer-developer-credit:before{
    content:"";
    margin:0;
  }
}
.site-footer h3,.site-footer h4{color:var(--school-gold-2)!important;font-weight:900}
.site-footer a:hover{color:var(--school-gold-2)!important;opacity:1}

/* Mobile header keeps logo/name on the right and menu on the left */
@media(max-width:920px){
  .main-header{direction:rtl}
  .main-header .brand{order:1;margin-left:0}
  .main-header .menu-toggle{order:3;margin-right:auto}
  .main-header .primary-nav{order:2}
  .brand__logo{width:48px!important;height:48px!important}
  .site-footer:after{width:210px;height:230px;right:-82px;bottom:-72px;opacity:.32}
  .top-strip{padding-top:4px!important}
  .top-strip__inner{border-radius:6px 6px 0 0;padding:0 12px;min-height:30px!important}
  .top-strip__contacts{gap:12px!important;font-size:10px}
  .top-strip__right{gap:8px!important;font-size:10px}
  .top-contact{font-size:10px;padding-left:18px}
  .top-contact:before{width:13px;height:13px}
  .top-social{width:14px;height:14px}
  .top-social:before{width:14px;height:14px}
  .lang-pill{height:19px;min-width:42px;font-size:10px;padding:0 8px}
  .lang-text{font-size:10px}
  .hero,.hero__content{min-height:300px!important}
  .hero h1{font-size:26px}
}
/* Use the prepared transparent school logo asset. */
.brand__logo{
  background:transparent url("../images/school-logo-transparent.png") center/contain no-repeat!important;
  color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  width:82px!important;
  height:82px!important;
}
.brand__text{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;margin-right:10px!important;text-align:right!important}
.brand__text--beside-logo strong{display:block!important;color:#062f63!important;font-size:18px!important;font-weight:900!important;line-height:1.25!important;white-space:nowrap!important}
@media(max-width:920px){
  .brand__logo{width:64px!important;height:64px!important}
}

/* Readability and header-brand refinements */
.main-header{
  min-height:96px;
  gap:28px;
}
.main-header .brand{
  display:flex;
  align-items:center;
  gap:0;
  flex:0 0 auto;
}
.brand__logo{
  width:78px!important;
  height:78px!important;
  flex:0 0 78px;
  background-position:center!important;
  background-size:contain!important;
  image-rendering:auto;
}
.brand__text{
  margin-right:14px!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.brand__text--beside-logo strong{
  font-size:20px!important;
  line-height:1.45!important;
  letter-spacing:-.2px;
}

.primary-nav a{
  font-size:15px;
  line-height:1.5;
  padding:11px 14px;
}
.top-contact{
  font-size:13px;
  line-height:1.35;
}
.lang-pill{
  font-size:12px;
}
.lang-text{
  font-size:13px;
}

.quick-card small{
  color:#53647b;
  font-size:13px;
  line-height:1.7;
}
.news-card small,
.news-card time,
.news-card .post-meta,
.event-item small,
.panel small,
.video-card small,
.director-card small{
  color:#53647b;
  font-size:13px;
  line-height:1.7;
}
.news-card p,
.panel p,
.director-card p{
  color:#53647b;
  font-size:14px;
  line-height:1.9;
}
.site-footer p,
.site-footer a,
.site-footer li{
  font-size:14px;
  line-height:1.95;
}
.site-footer .footer-bottom{
  font-size:13px;
  line-height:1.8;
}

@media(max-width:920px){
  .main-header{
    min-height:82px;
    gap:14px;
    position:relative;
    z-index:120;
  }
  .main-header .brand{
    max-width:calc(100% - 58px);
  }
  .brand__logo{
    width:58px!important;
    height:58px!important;
    flex-basis:58px;
  }
  .brand__text{
    margin-right:9px!important;
    min-width:0;
  }
  .brand__text--beside-logo strong{
    font-size:16px!important;
    line-height:1.4!important;
    white-space:normal!important;
  }
  .primary-nav a{
    font-size:15px;
  }
  .top-contact{
    font-size:11px;
  }
  .lang-text{
    font-size:11px;
  }
  .quick-card small,
  .news-card small,
  .news-card time,
  .news-card .post-meta,
  .event-item small,
  .panel small{
    font-size:12.5px;
  }
}
.side-news__content {
  display: grid;
  min-width: 0;
  grid-template-rows: minmax(0, 1fr) auto;
  align-content: start;
}

.side-news__item > div:last-child {
  min-width: 0;
}

.side-news__item h3 {
  display: -webkit-box;
  max-height: 3.2em;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.side-news__item time {
  display: block;
  margin-top: 2px;
  white-space: nowrap;
}

@media (max-width: 560px) {
  .side-news__item h3 {
    -webkit-line-clamp: 2;
  }
}