/* Shahid Foundation Kurdish font family */
@font-face{font-family:"Shahid Foundation";src:url("../fonts/ShahidFoundation-Thin(3).ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:"Shahid Foundation";src:url("../fonts/ShahidFoundation-ExtraLight(3).ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Shahid Foundation";src:url("../fonts/ShahidFoundation-Light(3).ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Shahid Foundation";src:url("../fonts/ShahidFoundation-Regular(3).ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Shahid Foundation";src:url("../fonts/ShahidFoundation-Medium(3).ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Shahid Foundation";src:url("../fonts/ShahidFoundation-SemiBold(3).ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Shahid Foundation";src:url("../fonts/ShahidFoundation-Bold(3).ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

/* Bilingual EN / Kurdish */
.language-switcher{display:flex;justify-content:center;align-items:center;gap:7px;margin:-7px 0 14px;font-size:12px;font-weight:800}.language-switcher a{color:rgba(255,255,255,.5);text-decoration:none;padding:5px 9px;border-radius:9px}.language-switcher a.active,.language-switcher a:hover{color:#fff;background:rgba(255,255,255,.09)}.language-switcher span{color:rgba(255,255,255,.22)}
html[dir="rtl"] body{direction:rtl;text-align:right}html[dir="rtl"] .header{left:auto!important;right:0!important}html[dir="rtl"] .header~main,html[dir="rtl"] .header~#footer{margin-left:0!important;margin-right:300px!important}html[dir="rtl"] .navmenu a,html[dir="rtl"] .section-title,html[dir="rtl"] .content,html[dir="rtl"] .classic-work-description,html[dir="rtl"] .testimonial-item{text-align:right}html[dir="rtl"] .navmenu a .navicon{margin-right:0!important;margin-left:10px!important}html[dir="rtl"] .pdf-library-open{margin-left:0!important;margin-right:auto}html[dir="rtl"] .resume .resume-item{border-left:0!important;border-right:2px solid var(--accent-color);padding-left:0!important;padding-right:20px!important}html[dir="rtl"] .resume .resume-item::before{left:auto!important;right:-9px!important}html[dir="rtl"] .about .content ul{padding-right:0}html[dir="rtl"] .about .content ul i{transform:scaleX(-1)}html[dir="rtl"] .hero .container{text-align:right}html[dir="rtl"] input,html[dir="rtl"] textarea{text-align:right}html[dir="rtl"] .numeric-text,html[dir="rtl"] .percent-sign{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
@media(max-width:1199px){html[dir="rtl"] .header{right:-100%!important;left:auto!important}html[dir="rtl"] .header.header-show{right:0!important}html[dir="rtl"] .header~main,html[dir="rtl"] .header~#footer{margin-right:0!important}}

/* Kurdish typography only — English keeps the existing Latin font. */
html[lang="ku"] body,html[dir="rtl"] body{font-family:"Shahid Foundation",Tahoma,Arial,sans-serif!important;font-weight:400}
html[lang="ku"] h1,html[lang="ku"] h2,html[lang="ku"] h3,html[lang="ku"] h4,html[lang="ku"] h5,html[lang="ku"] h6,
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] h5,html[dir="rtl"] h6{font-family:"Shahid Foundation",Tahoma,Arial,sans-serif!important;font-weight:700;letter-spacing:0!important}
html[lang="ku"] .navmenu,html[dir="rtl"] .navmenu,
html[lang="ku"] .language-switcher,html[dir="rtl"] .language-switcher,
html[lang="ku"] button,html[lang="ku"] input,html[lang="ku"] textarea,html[lang="ku"] select,
html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{font-family:"Shahid Foundation",Tahoma,Arial,sans-serif!important}
html[lang="ku"] .navmenu a,html[dir="rtl"] .navmenu a{font-weight:500;letter-spacing:0!important}
html[lang="ku"] strong,html[lang="ku"] b,html[dir="rtl"] strong,html[dir="rtl"] b{font-weight:700}
html[lang="ku"] .section-title h2,html[dir="rtl"] .section-title h2,
html[lang="ku"] .resume-title,html[dir="rtl"] .resume-title{font-weight:700}
/* Keep Latin numbers/dates readable inside Kurdish layout. */
html[dir="rtl"] .numeric-text,html[dir="rtl"] .percent-sign,html[dir="rtl"] input[type="date"],html[dir="rtl"] input[type="number"]{font-family:"Segoe UI",Arial,sans-serif!important;direction:ltr;unicode-bidi:isolate}
/* Bootstrap icons must always use their own icon font. */
html[lang="ku"] .bi::before,html[dir="rtl"] .bi::before,html[lang="ku"] [class^="bi-"]::before,html[dir="rtl"] [class^="bi-"]::before,html[lang="ku"] [class*=" bi-"]::before,html[dir="rtl"] [class*=" bi-"]::before{font-family:"bootstrap-icons"!important}


/* 2026-09-09 — RTL/LTR mixed-content fixes */
html[dir="rtl"] .ltr-text{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left;
  display:inline-block;
  font-family:"Segoe UI",Arial,sans-serif!important;
}
html[dir="rtl"] .about .content ul li{
  display:flex;
  align-items:center;
  gap:7px;
  direction:rtl;
}
html[dir="rtl"] .about .content ul li strong{white-space:nowrap}
html[dir="rtl"] .about .content ul li .ltr-text{margin-right:2px;margin-left:0}
html[dir="rtl"] .skills .progress .skill{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  width:100%;
  direction:rtl;
  gap:14px;
}
html[dir="rtl"] .skills .progress .skill .skill-name{
  margin:0!important;
  flex:0 1 auto;
}
html[dir="rtl"] .skills .progress .skill .val{
  margin:0!important;
  margin-right:auto!important;
  display:inline-flex!important;
  align-items:center;
  gap:2px;
  white-space:nowrap;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
}
html[dir="rtl"] .contact .info-item p.ltr-text{
  display:block;
  text-align:right;
  width:max-content;
  max-width:100%;
}
/* Kurdish content uses Shahid Foundation; Latin islands keep a Latin UI font. */
html[lang="ku"] .language-switcher a:first-child{font-family:"Segoe UI",Arial,sans-serif!important}


/* ===== 2026-09-17 — Complete Kurdish font + justify + responsive fix ===== */
html,body{max-width:100%;overflow-x:hidden}

/* Every Kurdish text node uses Shahid Foundation unless it is an icon or an intentional LTR island. */
html[lang="ku"] body *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.ltr-text):not(.numeric-text):not(.percent-sign),
html[dir="rtl"] body *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.ltr-text):not(.numeric-text):not(.percent-sign){
  font-family:"Shahid Foundation",Tahoma,Arial,sans-serif!important;
  letter-spacing:0!important;
}
html[lang="ku"] .bi::before,html[dir="rtl"] .bi::before,
html[lang="ku"] [class^="bi-"]::before,html[dir="rtl"] [class^="bi-"]::before,
html[lang="ku"] [class*=" bi-"]::before,html[dir="rtl"] [class*=" bi-"]::before{
  font-family:"bootstrap-icons"!important;
}

/* Justify readable content while keeping headings, menus, buttons and short labels natural. */
html[lang="ku"] p,html[dir="rtl"] p,
html[lang="ku"] .resume-item .description,html[dir="rtl"] .resume-item .description,
html[lang="ku"] .classic-work-description,html[dir="rtl"] .classic-work-description,
html[lang="ku"] .testimonial-item,html[dir="rtl"] .testimonial-item,
html[lang="ku"] .content > div,html[dir="rtl"] .content > div{
  text-align:justify!important;
  text-justify:inter-word;
}

/* Prevent long values from pushing cards outside the viewport. */
main,.section,.container,.container-fluid,.row,[class*="col-"],.content,.contact .info-wrap,.contact .php-email-form{min-width:0}
html[dir="rtl"] .ltr-text,
html[dir="rtl"] .contact .info-item p.ltr-text{
  max-width:100%!important;
  width:auto!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
}
html[dir="rtl"] .about .content ul li{min-width:0;flex-wrap:wrap}
html[dir="rtl"] .about .content ul li .ltr-text{max-width:100%;overflow-wrap:anywhere}
html[dir="rtl"] .contact .info-item{min-width:0}
html[dir="rtl"] .contact .info-item p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}

/* Fixed sidebar/main relationship on desktop. */
@media (min-width:1200px){
  html[dir="rtl"] .header{right:0!important;left:auto!important;width:300px!important}
  html[dir="rtl"] .header~main,html[dir="rtl"] .header~#footer{margin-right:300px!important;margin-left:0!important;width:auto!important}
  html[dir="ltr"] .header~main,html[dir="ltr"] .header~#footer{margin-left:300px!important;margin-right:0!important;width:auto!important}
}

/* Tablet/mobile: sidebar becomes an overlay and content always gets the full viewport. */
@media (max-width:1199px){
  .header{width:min(300px,88vw)!important}
  html[dir="rtl"] .header{right:-100%!important;left:auto!important}
  html[dir="rtl"] .header.header-show{right:0!important;left:auto!important}
  html[dir="ltr"] .header{left:-100%!important;right:auto!important}
  html[dir="ltr"] .header.header-show{left:0!important;right:auto!important}
  .header~main,.header~#footer,
  html[dir="rtl"] .header~main,html[dir="rtl"] .header~#footer,
  html[dir="ltr"] .header~main,html[dir="ltr"] .header~#footer{
    margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important
  }
  main{overflow-x:hidden}
}

@media (max-width:767px){
  .container,.container-fluid{padding-left:16px!important;padding-right:16px!important}
  .section{padding-top:38px!important;padding-bottom:38px!important}
  .section-title h2{font-size:30px!important}
  html[dir="rtl"] .about .content ul li{align-items:flex-start!important}
  html[dir="rtl"] .skills .progress .skill{gap:8px!important}
  .contact .info-wrap,.contact .php-email-form,.classic-contact-info,.classic-contact-form{padding:18px!important}
}

/* ===== 2026-09-17 — Mobile hero focal point + English justify ===== */
/* Keep the portrait visible on narrow/portrait screens without changing desktop composition. */
@media (max-width: 767px) {
  .hero .hero-background-image {
    object-fit: cover !important;
    object-position: 74% center !important;
  }
  .hero .container {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

/* Justify long English body copy too; headings, navigation, buttons and the hero line stay natural. */
html[lang="en"] main .section:not(.hero) p,
html[dir="ltr"] main .section:not(.hero) p,
html[lang="en"] .resume-desc,
html[dir="ltr"] .resume-desc,
html[lang="en"] .classic-work-description,
html[dir="ltr"] .classic-work-description,
html[lang="en"] .testimonial-item p,
html[dir="ltr"] .testimonial-item p {
  text-align: justify !important;
  text-justify: inter-word;
  text-align-last: left;
}