/**
 * Softly — Safari / macOS fixes (non-header)
 * Header layout is owned by softly-header.css
 */

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: hidden;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

.content > .uk-container,
.footer .uk-container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
}

body > .header,
body > .content,
body > .footer,
body > .footer_2,
body > .bluer {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body > .content {
  flex: 1 0 auto;
}

body > .header,
body > .footer,
body > .footer_2 {
  flex: 0 0 auto;
}

body,
body.darkmode,
.text-name,
.program_name,
.program_name_v2,
.dectaion,
.program_deatils_v2 {
  font-family: "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dectaion p,
.dectaion,
.program_deatils p,
.dec-short,
.comments_v2 p {
  text-align: start !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

a:hover,
.program-main:hover,
.program-main_v2:hover {
  opacity: 1 !important;
}

img,
video,
svg,
canvas {
  max-width: 100%;
  height: auto;
}

.program_img_v2 img,
.program_show_logo img {
  object-fit: contain;
  -webkit-user-drag: none;
}

.program-main_v2 {
  display: flex !important;
  float: none !important;
}

.programs_s .program-x5,
.programs_s a.program-x5 {
  display: block;
  float: none !important;
  width: 100% !important;
  height: auto !important;
}

.sec2 {
  display: flow-root;
  width: 100%;
  clear: both;
}

.sec2::after {
  content: "";
  display: table;
  clear: both;
}

ul.uk-pagination {
  float: none !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  width: 100%;
  clear: both;
}

.uk-card-default,
.page {
  float: none !important;
  max-width: 100%;
}

@supports (-webkit-touch-callout: none) {
  body {
    min-height: -webkit-fill-available;
  }

  .text-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
}