/* HR TV Home v2.1 */
:root{
  --hrtv-navy:#071f3b;
  --hrtv-navy-2:#0b2d52;
  --hrtv-gold:#d6ad55;
  --hrtv-bg:#f4f7fb;
  --hrtv-text:#152033;
  --hrtv-muted:#6d7787;
  --hrtv-white:#fff;
  --hrtv-radius:18px;
  --hrtv-shadow:0 14px 40px rgba(7,31,59,.12);
}

.hrtv-home{background:var(--hrtv-bg);color:var(--hrtv-text);overflow:hidden}
.hrtv-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.hrtv-banner{width:min(1600px,calc(100% - 8px));margin-inline:auto}
.hrtv-banner img{display:block;width:100%;height:auto;border-radius:0 0 18px 18px}
.hrtv-bottom-banner{padding:42px 0 30px}
.hrtv-bottom-banner img{border-radius:18px}

.hrtv-hero{padding:28px 0 22px}
.hrtv-slider{position:relative;min-height:430px;border-radius:var(--hrtv-radius);overflow:hidden;background:linear-gradient(135deg,var(--hrtv-navy),var(--hrtv-navy-2));box-shadow:var(--hrtv-shadow)}
.hrtv-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.hrtv-slide.is-active{opacity:1;visibility:visible}
.hrtv-slide-media,.hrtv-slide-placeholder{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hrtv-slide-placeholder{background:radial-gradient(circle at 70% 25%,rgba(214,173,85,.28),transparent 36%),linear-gradient(135deg,#0d355e,#06172c)}
.hrtv-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,34,.92) 0%,rgba(3,18,34,.72) 42%,rgba(3,18,34,.12) 100%)}
[dir="rtl"] .hrtv-slide-shade{background:linear-gradient(270deg,rgba(3,18,34,.92) 0%,rgba(3,18,34,.72) 42%,rgba(3,18,34,.12) 100%)}
.hrtv-slide-content{position:absolute;z-index:2;inset-block-end:48px;inset-inline-start:52px;width:min(620px,calc(100% - 104px));color:#fff}
.hrtv-label{display:inline-flex;padding:8px 14px;border-radius:999px;background:var(--hrtv-gold);color:#071f3b;font-weight:800;margin-bottom:16px}
.hrtv-slide-title{font-size:clamp(30px,4vw,52px);line-height:1.12;margin:0 0 14px;font-weight:900}
.hrtv-slide-title a{color:#fff;text-decoration:none}
.hrtv-slide-summary{font-size:18px;line-height:1.7;margin:0 0 24px;color:rgba(255,255,255,.88)}
.hrtv-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;background:#fff;color:var(--hrtv-navy);font-weight:800;text-decoration:none;transition:.25s ease}
.hrtv-button:hover{transform:translateY(-2px);background:var(--hrtv-gold)}
.hrtv-slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:var(--hrtv-navy);font-size:30px;cursor:pointer}
.hrtv-prev{left:18px}.hrtv-next{right:18px}
.hrtv-dots{position:absolute;z-index:4;inset-block-end:18px;inset-inline-end:24px;display:flex;gap:8px}
.hrtv-dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.5);padding:0;cursor:pointer}
.hrtv-dot.is-active{width:28px;border-radius:9px;background:var(--hrtv-gold)}
.hrtv-empty-hero{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:35px;background:radial-gradient(circle at 50% 0,rgba(214,173,85,.18),transparent 36%)}
.hrtv-empty-hero strong{font-size:28px;margin-bottom:8px}
.hrtv-empty-hero span{color:rgba(255,255,255,.68)}

.hrtv-section{padding:48px 0}
.hrtv-section--white{background:#fff}
.hrtv-section--dark{background:linear-gradient(135deg,var(--hrtv-navy),#0b3159);color:#fff}
.hrtv-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.hrtv-section-title{font-size:clamp(25px,3vw,36px);margin:0;font-weight:900;position:relative;padding-inline-start:18px}
.hrtv-section-title:before{content:"";position:absolute;inset-inline-start:0;top:8%;width:5px;height:84%;border-radius:5px;background:var(--hrtv-gold)}
.hrtv-view-all{color:var(--hrtv-navy);font-weight:800;text-decoration:none;border-bottom:2px solid var(--hrtv-gold);padding-bottom:3px}
.hrtv-section--dark .hrtv-view-all{color:#fff}
.hrtv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hrtv-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(7,31,59,.09);transition:transform .25s ease,box-shadow .25s ease}
.hrtv-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(7,31,59,.16)}
.hrtv-card-media{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#0d355e,#071f3b);overflow:hidden}
.hrtv-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.hrtv-card:hover .hrtv-card-media img{transform:scale(1.045)}
.hrtv-card-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:32px;font-weight:900;color:var(--hrtv-gold);letter-spacing:2px}
.hrtv-card-body{padding:18px}
.hrtv-date{display:block;color:var(--hrtv-muted);font-size:13px;margin-bottom:8px}
.hrtv-card-title{font-size:21px;line-height:1.4;margin:0 0 10px}
.hrtv-card-title a{color:var(--hrtv-text);text-decoration:none}
.hrtv-card-summary{color:var(--hrtv-muted);line-height:1.7;margin:0}
.hrtv-section--dark .hrtv-card{background:#0f355d;border:1px solid rgba(255,255,255,.08)}
.hrtv-section--dark .hrtv-card-title a{color:#fff}
.hrtv-section--dark .hrtv-card-summary,.hrtv-section--dark .hrtv-date{color:rgba(255,255,255,.68)}
.hrtv-state{grid-column:1/-1;padding:52px 24px;text-align:center;border:1px dashed rgba(7,31,59,.24);border-radius:16px;background:rgba(255,255,255,.5);color:var(--hrtv-muted)}
.hrtv-section--dark .hrtv-state{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.04);color:rgba(255,255,255,.65)}

@media (max-width:900px){
  .hrtv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hrtv-slider{min-height:390px}
}
@media (max-width:640px){
  .hrtv-container{width:min(100% - 20px,1180px)}
  .hrtv-banner{width:100%}
  .hrtv-banner img{border-radius:0}
  .hrtv-hero{padding-top:14px}
  .hrtv-slider{min-height:420px;border-radius:14px}
  .hrtv-slide-content{inset-inline-start:24px;inset-block-end:42px;width:calc(100% - 48px)}
  .hrtv-slide-summary{font-size:15px}
  .hrtv-slider-arrow{display:none}
  .hrtv-grid{grid-template-columns:1fr}
  .hrtv-section{padding:36px 0}
  .hrtv-section-head{align-items:flex-end}
  .hrtv-section-title{font-size:27px}
  .hrtv-view-all{font-size:14px}
  .hrtv-bottom-banner{padding-top:28px}
}
/* HR TV header and language bar improvements */

#main-header,
header,
.et-l--header {
  background: #071f3b !important;
}

#top-menu a,
.et-menu a,
nav a {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
}

#top-menu li,
.et-menu li {
  margin-inline: 7px !important;
}

#top-menu a:hover,
.et-menu a:hover,
nav a:hover {
  color: #d6ad55 !important;
}

.lang-item,
.polylang-lang-switcher li {
  display: inline-block !important;
  margin: 0 5px !important;
}

.lang-item a,
.polylang-lang-switcher a {
  display: inline-block !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.lang-item a:hover,
.polylang-lang-switcher a:hover,
.lang-item.current-lang a {
  background: #d6ad55 !important;
  color: #071f3b !important;
}

#top-header,
.et-secondary-nav,
#et-secondary-nav {
  background: #0b2d52 !important;
}

#et-secondary-nav li,
.et-secondary-nav li {
  margin-inline: 4px !important;
}
/* Flexible desktop menu for long translations */

#top-menu,
.et-menu,
nav ul {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px 18px !important;
  width: 100% !important;
}

#top-menu > li,
.et-menu > li,
nav ul > li {
  margin: 0 !important;
  white-space: nowrap !important;
}

#top-menu a,
.et-menu a,
nav ul li a {
  padding: 8px 4px !important;
}

@media (max-width: 1250px) {
  #top-menu,
  .et-menu,
  nav ul {
    gap: 6px 12px !important;
  }

  #top-menu a,
  .et-menu a,
  nav ul li a {
    font-size: 14px !important;
  }
}

@media (max-width: 1050px) {
  #top-menu a,
  .et-menu a,
  nav ul li a {
    font-size: 13px !important;
  }
}