/** * Critical bridge — loads FIRST (sync) to prevent FOUC while Softly CSS/UIkit apply. * Do NOT override Softly layout floats from style3 (#ltr). */ /* --- FOUC lock: UIkit JS is deferred — attribute selectors required BEFORE init --- */ .bluer, .hide-g, .uk-dropdown, .uk-modal, [uk-dropdown], [uk-modal], #ser, #aw23, .header .header_3 { display: none !important; } /* Live search: hide only when empty (never permanent !important lock) */ #result2:empty, #result4:empty { display: none !important; } #result2:not(:empty), #result4:not(:empty), #result2.is-open, #result4.is-open { display: block !important; } /* Open states after UIkit boots */ .uk-open > .uk-dropdown, .uk-open > [uk-dropdown], .uk-dropdown.uk-open, .uk-open > .header_3 { display: block !important; } .uk-modal.uk-open, #ser.uk-open { display: block !important; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; overflow-y: auto; -webkit-overflow-scrolling: touch; background: rgba(0, 0, 0, 0.55); } /* --- Header skeleton (matches pesktop.css) --- */ .header { height: 60px; overflow: visible; width: 100%; box-sizing: border-box; padding-top: 8px; padding-bottom: 5px; background: var(--bg-header, #1e293b); } .header .uk-container { max-width: 1400px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; height: 100%; overflow: visible; } #ltr .logo, #ltr .header_2 ul li, #ltr .header .search span { float: right; } .logo { float: right; line-height: 0; } .logo img { width: 50px; height: 50px; object-fit: contain; } /* NEVER use bare .search — WP adds class "search" to on ?s= pages */ .header .search { float: right; margin-right: 20px; max-width: 420px; } /* Undo pesktop.css #ltr .search / .search rules that hit body.search */ body.search, body.search-results { float: none !important; max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; } .header_2 { float: left; } .header_2 ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-direction: row-reverse; } .header_2 ul li { list-style: none; float: left; padding: 0 12px; margin: 0; height: 44px; display: flex; align-items: center; box-sizing: border-box; border-left: 0.5px solid rgba(154, 159, 161, 0.05); } .header_2 .uk-inline { display: inline-flex; align-items: center; padding: 0 8px; } #lang, #user-icon { width: 30px; height: 30px; margin-top: 0; border-radius: 50%; object-fit: cover; } /* Desktop default: hamburger hidden (mobile media query shows it) */ #menu_ico, .softly-menu-toggle { display: none; } #serach_ico { display: none; float: left; margin-left: 12px; margin-top: 9px; color: #9a9a9a; } @media (max-width: 960px) { .header .search { display: none; } body.search, body.search-results { display: flex !important; /* keep page visible — bare .search {display:none} hits body */ } #serach_ico { display: block; } } /* Kill Listly wrapper leftovers if any */ .wrapper { display: contents; } body { margin: 0; background: var(--bg-body, #f2f3f7); font-family: 'IBM Plex Sans Arabic', sans-serif; } .content { min-height: 60vh; overflow: hidden; } /* Ensure sec2 clears floats */ .sec2::after, #program_show::after { content: ""; display: table; clear: both; } /* Widget chrome invisible inside PeskTop boxes */ .tags_body > .widget-wrapper, .program_deatils_size > .widget-wrapper { margin: 0 0 16px; padding: 0; background: transparent; border: 0; box-shadow: none; } .widget-wrapper .widget-header { display: none !important; } /* Nested tags_body when sidebar.php wraps widgets */ .tags_side > .tags_body > .tags_body { border: 0; padding: 0; min-height: 0; box-shadow: none; } /* Critical layout — prevent sidebar FOUC */ .sec2 { overflow: hidden; min-height: 400px; } #ltr .programs_s { width: 70%; float: right; } #ltr .tags_side { width: 30%; float: left; padding: 20px 20px 20px 0; box-sizing: border-box; } #ltr .program_slidshow { float: right; width: 70%; padding-left: 20px; box-sizing: border-box; } #ltr .program_deatils_size { width: 30%; float: left; margin-top: 0; box-sizing: border-box; } @media (max-width: 1250px) { #ltr .programs_s, #ltr .tags_side, #ltr .program_slidshow, #ltr .program_deatils_size { width: 100% !important; float: none !important; padding: 0 !important; } } /* Keep theme-hardcoded Download Setup buttons hidden (not Ad Inserter). */ #downloadBtn, #downloadBtn2, .button-bodyad { display: none !important; } /* Comments */ .comments_v2 .comment_header { border-bottom: 2px solid var(--success, #10b981); margin-bottom: 12px; padding-bottom: 6px; font-weight: 600; } .dectaion .article { line-height: 1.7; } .dectaion .article h2 { margin: 1.4em 0 .6em; font-size: 1.25rem; } /* Single post: center content images like classic download themes */ .dectaion .article img, .dectaion .article .wp-caption, .dectaion .article figure, .dectaion .article .wp-block-image { display: block; margin-left: auto !important; margin-right: auto !important; max-width: 100%; height: auto; } .dectaion .article .wp-caption, .dectaion .article figure, .dectaion .article .wp-block-image, .dectaion .article p:has(> img), .dectaion .article p:has(> a > img) { text-align: center; } .dectaion .article .alignleft, .dectaion .article .alignright { display: inline-block; margin-left: auto !important; margin-right: auto !important; float: none !important; } /* Ad Inserter / offer buttons — visible + centered */ .code-block, .a728_90 { text-align: center; clear: both; margin: 16px auto; } a[class*="buttonPress"], a[class*="dl-offer"] { display: inline-block; text-decoration: none; } a[class*="buttonPress"] button, a[class*="dl-offer"] button { display: inline-block; cursor: pointer; } .card-wrapper { display: none !important; } /* Pagination */ .pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 24px 0; clear: both; } .pagination a, .pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 12px; border-radius: 6px; border: 1px solid #e5e7eb; background: #fff; text-decoration: none; color: #1f2937; } .pagination .current { background: #3b82f6; color: #fff; border-color: #3b82f6; } .langbutm img { margin-right: 8px; vertical-align: middle; } .active-language a { font-weight: 700; color: var(--primary, #3b82f6) !important; } /* --- Listly SVG icons (listly.css not loaded) — prevent giant download icon --- */ .icon { --icon-size: 20px; align-items: center; color: inherit; display: inline-flex; height: var(--icon-size); justify-content: center; max-width: var(--icon-size); min-width: var(--icon-size); width: var(--icon-size); flex-shrink: 0; line-height: 1; } .icon svg { fill: currentColor; height: 100% !important; width: 100% !important; max-width: 100%; max-height: 100%; display: block; } #current-version .version-download, .version-download.btn-download { align-items: center; display: inline-flex; flex-direction: column; max-width: max-content; min-width: 50px; text-decoration: none; color: inherit; } #current-version .version-download .icon, .version-download i.icon { --icon-size: 30px; background: var(--success, #10b981); color: #fff; border-radius: 6px; margin-bottom: 8px; font-size: 14px; } #current-version .version-download .icon svg, .version-download i.icon svg { width: 14px !important; height: 14px !important; fill: #fff; } .version-download-size { color: #6b7280; font-size: 12px; font-weight: 600; line-height: 1; text-transform: uppercase; } .version-downloads { align-items: center; display: flex; gap: 8px; flex-wrap: wrap; } .version-downloads .filter-options { margin: 0; padding: 0; border: 0; background: none; } /* Current version — compact download button (no giant SVG) */ #current-version { margin: 28px 0 16px; clear: both; } #current-version .section-title h2 { font-size: 1.25rem; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid #7c3aed; display: inline-block; } #current-version .version-wrapper { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; padding: 12px 0; border-bottom: 1px solid #e5e7eb; } #current-version .version-wrapper.version-header { display: none; } @media (min-width: 768px) { #current-version .version-wrapper.version-header { display: flex; font-weight: 600; color: #111827; border-bottom: 1px solid #d1d5db; } } #current-version .version-release { min-width: 110px; } #current-version .version-info { flex: 1; min-width: 180px; } #current-version .version-info-item { margin: 2px 0; font-size: 14px; } #current-version .version-label { color: #6b7280; margin-right: 6px; } .version-download-btn { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 8px; padding: 10px 14px; background: #10b981; color: #fff; font-weight: 600; font-size: 13px; cursor: pointer; } .version-download-btn:hover { background: #059669; } .program_deatils .uk-list i.fas { width: 18px; margin-right: 6px; color: #6b7280; } /* --- Kuyhaa logos on dark chrome --- */ .header .logo img.logo-kuyhaa, .footer img.logo-kuyhaa { object-fit: contain; display: block; } /* WP custom logo is usually the black KH mark → force light on dark bg */ .header .logo img.logo-kuyhaa--custom, .footer img.logo-kuyhaa--custom { filter: brightness(0) invert(1); } /* --- Search / archive filters (listly.css not loaded) --- */ .sec2 { width: 100%; display: flow-root; clear: both; } .content > .uk-container { width: 100%; max-width: 1400px; box-sizing: border-box; } .tags_body .widget-wrapper, .tags_body .widget { margin: 0 0 16px; padding: 12px 14px; background: #fff; border-radius: 8px; box-sizing: border-box; } .tags_body .widget-title, .tags_body .widget-header, .filter-widget-title { font-weight: 700; font-size: 14px; margin: 0 0 12px; color: #111827; } .filter-options { display: flex !important; flex-direction: column !important; gap: 8px !important; max-height: 420px; overflow-y: auto; padding: 4px 0 0 !important; margin: 0 !important; float: none !important; } .listly_filter .filter-title, .listly_filter .tags_header.filter-title { display: block !important; width: 100% !important; margin: 0 0 12px !important; padding: 0 !important; float: none !important; font-size: 14px; font-weight: 700; color: inherit; } .filter-options .form-group, .filter-option.form-group, .listly_filter .filter-option { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; margin: 0 !important; padding: 6px 0 !important; float: none !important; clear: both !important; min-height: 28px !important; width: 100% !important; box-sizing: border-box !important; position: relative !important; } .filter-options .custom-input, .listly_filter .custom-input { --input-size: 18px; position: relative !important; display: inline-flex !important; align-items: center; justify-content: center; width: 18px !important; min-width: 18px !important; max-width: 18px !important; height: 18px !important; flex: 0 0 18px !important; float: none !important; margin: 0 !important; cursor: pointer; } .filter-options .custom-input input { position: absolute !important; inset: 0 !important; opacity: 0 !important; width: 18px !important; height: 18px !important; margin: 0 !important; cursor: pointer; z-index: 2; } .filter-options .custom-input input ~ span { position: absolute !important; inset: 0 !important; width: 18px !important; height: 18px !important; max-width: 18px !important; box-sizing: border-box !important; background: #fff !important; border: 1.5px solid #94a3b8 !important; border-radius: 4px !important; display: block !important; float: none !important; margin: 0 !important; } .filter-options .custom-input input:checked ~ span { background: #3b82f6 !important; border-color: #3b82f6 !important; } .filter-options .custom-input input:checked ~ span::after { content: "" !important; position: absolute !important; left: 5px !important; top: 1px !important; width: 5px !important; height: 10px !important; border: solid #fff !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg); opacity: 1 !important; } .filter-options .form-group label, .listly_filter .filter-option label, .filter-options label { cursor: pointer !important; font-size: 13px !important; font-weight: 600 !important; color: #4b5563 !important; margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; flex: 1 1 auto !important; float: none !important; width: auto !important; max-width: none !important; position: static !important; display: inline-block !important; vertical-align: middle !important; } body.darkmode .filter-options .form-group label, body.darkmode .listly_filter .filter-option label { color: #c9cfda !important; } body.darkmode .filter-options .custom-input input ~ span { background: #1a1d27 !important; border-color: #4b5563 !important; } /* Version badge in cards — keep compact (not giant blue block) */ .program_name_v2 .text-name span { display: inline; background: transparent !important; color: #6b7280 !important; font-weight: 500; font-size: 0.85em; padding: 0; margin: 0; border-radius: 0; max-width: none; width: auto !important; height: auto !important; } /* Card layout must fill programs column — ONLY card wrappers, not pagination links */ .programs_s > a, .programs_s a:has(.program-x5), .programs_s a:has(.program-main_v2) { display: block; width: 100%; max-width: 100%; box-sizing: border-box; } .programs_s .program-x5 { display: block; width: 100%; max-width: 100%; box-sizing: border-box; } .programs_s .program-main_v2 { width: 100%; box-sizing: border-box; } /* Pagination must beat any leftover programs_s link rules */ .programs_s .pagination, nav.pagination, .pagination { display: flex !important; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; margin: 24px 0; clear: both; width: 100%; float: none !important; } .programs_s .pagination a, .programs_s .pagination span, .pagination a, .pagination span, .pagination .page-numbers { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto !important; width: auto !important; min-width: 36px; max-width: none !important; height: 36px; padding: 0 12px; border-radius: 6px; border: 1px solid #e5e7eb; background: #fff; text-decoration: none; color: #1f2937; box-sizing: border-box; float: none !important; } .pagination .page-numbers.current, .pagination .current { background: #3b82f6; color: #fff; border-color: #3b82f6; } body.darkmode .pagination a, body.darkmode .pagination span, body.darkmode .pagination .page-numbers { background: #1f2430; border-color: #2c3140; color: #e5e7eb; } body.darkmode .pagination .page-numbers.current, body.darkmode .pagination .current { background: #3b82f6; border-color: #3b82f6; color: #fff; } /* --- Download page --- */ .pesktop-download-page { width: 100%; max-width: 1100px; margin: 24px auto 48px; padding: 0 15px; box-sizing: border-box; } .pesktop-download-card { display: flex; gap: 24px; align-items: flex-start; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 28px 32px; box-sizing: border-box; } .pesktop-download-icon { flex-shrink: 0; width: 64px; height: 64px; border-radius: 14px; background: #ecfdf5; color: #059669; display: flex; align-items: center; justify-content: center; font-size: 28px; } .pesktop-download-title { margin: 0 0 6px; font-size: 1.75rem; font-weight: 700; color: #111827; line-height: 1.2; } .pesktop-download-name { margin: 0 0 20px; font-size: 14px; font-weight: 600; } .pesktop-download-name a { color: #2563eb; text-decoration: none; } .pesktop-dl-btn { display: inline-flex; align-items: center; gap: 10px; border: 0; border-radius: 999px; padding: 12px 22px; background: #10b981; color: #fff !important; font-weight: 700; font-size: 14px; cursor: pointer; text-decoration: none; line-height: 1.2; } .pesktop-dl-btn:hover { background: #059669; } .pesktop-dl-btn.is-loading { opacity: 0.85; cursor: wait; } .pesktop-dl-btn[hidden], .pesktop-dl-btn--ready[hidden] { display: none !important; } .pesktop-download-help { list-style: none; margin: 18px 0 0; padding: 0; color: #6b7280; font-size: 13px; } .pesktop-download-help li { margin: 8px 0; display: flex; align-items: center; gap: 8px; } .pesktop-download-pass { color: #059669; font-weight: 600; } .pesktop-download-missing { color: #b91c1c; margin-bottom: 12px; } .pesktop-related { margin-top: 36px; } .pesktop-related-title { font-size: 1.25rem; margin: 0 0 16px; font-weight: 700; } .pesktop-related-list { width: 100% !important; float: none !important; } @media (max-width: 640px) { .pesktop-download-card { flex-direction: column; padding: 20px; } } /* --- Search/archive layout hard fix --- NOTE: body has id=ltr AND class=search — never write "body.search #ltr .x" (that requires a nested #ltr and never matches). */ body.search .content > .uk-container, body.archive .content > .uk-container, body.search-results .content > .uk-container { width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; } body.search .sec2, body.archive .sec2, body.search-results .sec2 { width: 100%; display: flow-root; } body.search .programs_s, body.archive .programs_s, body.search-results .programs_s { width: 70% !important; float: right !important; box-sizing: border-box; } body.search .tags_side, body.archive .tags_side, body.search-results .tags_side { width: 30% !important; float: left !important; box-sizing: border-box; padding-right: 20px; } body.search .header, body.search-results .header, body.search .content, body.search-results .content, body.search .footer, body.search-results .footer, body.search .footer_2, body.search-results .footer_2 { float: none !important; width: 100% !important; max-width: none !important; } body.search ul.uk-pagination, body.search-results ul.uk-pagination { float: none !important; display: flex !important; flex-wrap: wrap; gap: 4px; justify-content: center; width: 100%; clear: both; } @media (max-width: 1250px) { body.search .programs_s, body.search .tags_side, body.archive .programs_s, body.archive .tags_side, body.search-results .programs_s, body.search-results .tags_side { width: 100% !important; float: none !important; padding: 0 !important; } } /* --- Home card: file size must not crash into downloads column --- */ .program-main_v2 { display: flex !important; align-items: stretch !important; width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; } .program-main_v2 .program_img_v2 { flex: 0 0 70px !important; width: 70px !important; min-width: 70px !important; float: none !important; } .program-main_v2 .x1 { flex: 1 1 auto !important; min-width: 0 !important; float: none !important; width: auto !important; } .program-main_v2 .x2 { flex: 0 0 96px !important; width: 96px !important; min-width: 96px !important; max-width: 96px !important; float: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 8px 6px !important; box-sizing: border-box !important; border-left: 1px solid #e5e7eb !important; border-right: none !important; } .program-main_v2 .x3 { flex: 0 0 88px !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; float: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: center !important; gap: 2px !important; padding: 8px 8px !important; box-sizing: border-box !important; white-space: nowrap !important; font-size: 0.95em !important; font-weight: 700 !important; line-height: 1.1 !important; text-align: center !important; color: #1f2937 !important; } .program-main_v2 .x3 .size-num { font-size: 1em !important; margin: 0 !important; } .program-main_v2 .x3 .size-unit, .program-main_v2 .x3 span.size-unit { font-size: 0.65em !important; margin-left: 1px !important; color: #6b7280 !important; font-weight: 700 !important; position: static !important; } /* Kill legacy negative-margin unit overlap */ .program-main_v2 .x3 span { margin-left: 1px !important; display: inline !important; width: auto !important; height: auto !important; background: transparent !important; position: static !important; } .downloads_v2 { display: inline-flex !important; align-items: center !important; gap: 4px !important; white-space: nowrap !important; font-size: 0.75em !important; } a.download_link.download_link--ad { display: inline-flex; text-decoration: none; } /* ========================================================================== Softly — full responsive ========================================================================== */ /* Base: never let WP body.search inherit header .search rules */ body.search, body.search-results, body.archive { float: none !important; max-width: none !important; width: auto !important; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } img, video, iframe { max-width: 100%; height: auto; } .header .uk-container, .content > .uk-container, .footer .uk-container { width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .footer .uk-grid { margin-left: 0 !important; } /* ---- Tablet / small desktop ---- */ @media (max-width: 1250px) { .programs_s, .tags_side, #ltr .programs_s, #ltr .tags_side, .program_slidshow, .program_deatils_size, #ltr .program_slidshow, #ltr .program_deatils_size { width: 100% !important; float: none !important; padding: 0 !important; margin: 0 0 16px !important; } .tags_side { order: 2; /* posts first, sidebar after on tablet/mobile */ } .programs_s { order: 1; } .sec2 { display: flex; flex-direction: column; } .program_slidshow { padding-top: 0 !important; } } @media (max-width: 1100px) { .header .search { max-width: 280px; } .header .search form, .header .search .uk-search { width: 100% !important; max-width: 280px; } } /* ---- Header collapses ---- */ @media (max-width: 960px) { .header { height: auto !important; min-height: 56px !important; overflow: visible !important; position: sticky; z-index: 1000; } .header .uk-container { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-height: 56px; padding-top: 6px; padding-bottom: 6px; } .header .search { display: none !important; } /* pesktop.css hides bare .search — keep page visible */ body.search, body.search-results, body.archive, body.home, body { display: flex !important; flex-direction: column !important; } #serach_ico { display: inline-flex !important; align-items: center; justify-content: center; float: none !important; margin: 0 !important; order: 1; width: 40px; height: 40px; color: #cbd5e1 !important; border-radius: 8px; } .softly-menu-toggle, #menu_ico { display: inline-flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 5px; float: none !important; order: 2; width: 40px; height: 40px; margin: 0 !important; padding: 0; border: 0; background: transparent; cursor: pointer; color: #e2e8f0; border-radius: 8px; } .softly-menu-toggle:hover, #serach_ico:hover { background: rgba(255, 255, 255, 0.08); } .softly-menu-toggle__bar { display: block; width: 18px; height: 2px; background: currentColor; border-radius: 2px; transition: transform 0.2s ease, opacity 0.2s ease; } .softly-menu-toggle.is-open .softly-menu-toggle__bar:nth-child(1) { transform: translateY(7px) rotate(45deg); } .softly-menu-toggle.is-open .softly-menu-toggle__bar:nth-child(2) { opacity: 0; } .softly-menu-toggle.is-open .softly-menu-toggle__bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .logo { float: none !important; order: 3; margin-left: auto; margin-right: 0; } /* Mobile dropdown — FIXED so header overflow can never clip it */ .header_2.hidfrom, body .header #softly-mobile-nav.header_2.hidfrom { display: none !important; visibility: hidden !important; pointer-events: none !important; } .header_2.hidfrom.is-open, body .header #softly-mobile-nav.header_2.hidfrom.is-open, body.softly-menu-open #softly-mobile-nav { display: block !important; visibility: visible !important; pointer-events: auto !important; opacity: 1 !important; position: fixed !important; top: 60px !important; left: 12px !important; right: 12px !important; bottom: auto !important; float: none !important; width: auto !important; max-width: none !important; z-index: 10050 !important; background: #1e293b !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 12px !important; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important; padding: 8px 0 !important; max-height: min(70vh, 520px) !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; margin: 0 !important; } .header_2.hidfrom ul { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .header_2.hidfrom ul > li, .header_2.hidfrom .softly-nav-platform { float: none !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; display: flex !important; align-items: center !important; gap: 12px; box-sizing: border-box !important; } .header_2.hidfrom ul > li:last-child, .header_2.hidfrom .softly-nav-platform:last-child { border-bottom: 0 !important; } .header_2.hidfrom .switch-mod, .header_2.hidfrom .softly-mobile-lang, .header_2.hidfrom .softly-mobile-user, .header_2.hidfrom .softly-nav-platform a { width: 100%; padding: 14px 16px !important; display: flex !important; align-items: center; gap: 12px; color: #e2e8f0 !important; text-decoration: none !important; box-sizing: border-box; } .header_2.hidfrom .softly-nav-platform a:hover, .header_2.hidfrom .softly-mobile-user > button:hover { background: rgba(255, 255, 255, 0.06); } .header_2.hidfrom .softly-mobile-label { display: inline !important; font-size: 0.95rem; font-weight: 600; color: #e2e8f0; } .header_2.hidfrom .softly-nav-platform i, .header_2.hidfrom .fas { font-size: 1.15rem; width: 22px; text-align: center; color: #cbd5e1 !important; } .header_2.hidfrom .uk-inline, .header_2.hidfrom .langbut { width: 100%; display: flex !important; align-items: center; justify-content: flex-start; gap: 10px; color: #e2e8f0 !important; } .header_2.hidfrom .uk-button-text { color: #e2e8f0 !important; } .bluer.is-open { display: block !important; position: fixed !important; inset: 0 !important; z-index: 10040 !important; background: rgba(15, 23, 42, 0.45) !important; } .header { z-index: 10060 !important; } .section-headline-inner { height: auto !important; min-height: 48px; padding: 12px 0 !important; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .section-headline-wrap h1 { float: none !important; width: 100% !important; font-size: 1.15rem !important; white-space: normal !important; } .section-headline-wrap .uk-breadcrumb { float: none !important; margin: 0 !important; } } /* Desktop: hide hamburger + mobile-only labels */ @media (min-width: 961px) { #menu_ico, .softly-menu-toggle { display: none !important; } .softly-mobile-label { display: none !important; } .header_2 .softly-nav-platform { list-style: none; float: left; } .header_2 .softly-nav-platform a { display: flex; align-items: center; height: 100%; color: inherit; text-decoration: none; } } /* ---- Cards + single ---- */ @media (max-width: 845px) { .program_show_logo { width: 100% !important; float: none !important; height: auto !important; min-height: 180px; } .program-x4, .program-x5 { width: 100% !important; float: none !important; height: auto !important; } .section_box { width: 48% !important; } .donwload_sec { position: static !important; width: 100% !important; margin-top: 12px !important; } .program_slidshow { padding: 0 !important; } .program-main_v2 { /* Keep horizontal; softly-header.css owns the mobile grid */ flex-wrap: nowrap !important; } .program-main_v2 .program_img_v2 { flex: 0 0 56px !important; width: 56px !important; min-width: 56px !important; } .program-main_v2 .x1 { flex: 1 1 auto !important; min-width: 0 !important; } .program-main_v2 .x2 { flex: 0 0 48px !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; border-top: none !important; } .program-main_v2 .x3 { display: none !important; } } /* ---- Phone ---- */ @media (max-width: 750px) { .content > .uk-container, .header .uk-container, .footer .uk-container { padding-left: 12px !important; padding-right: 12px !important; } .section_box { width: 100% !important; } .program-main_v2 { /* Override old stacked layout — keep PeskTop horizontal card */ flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; } .program-main_v2 .program_img_v2 { width: 56px !important; flex: 0 0 56px !important; min-width: 56px !important; text-align: left !important; padding: 0 !important; } .program-main_v2 .program_img_v2 img { width: 56px !important; height: 56px !important; object-fit: cover; margin: 0 !important; } .program-main_v2 .x1 { width: auto !important; flex: 1 1 auto !important; max-width: none !important; min-width: 0 !important; text-align: start !important; border: none !important; padding: 0 !important; } .program-main_v2 .x2 { width: 48px !important; flex: 0 0 48px !important; max-width: 48px !important; flex-direction: column !important; justify-content: center !important; gap: 6px !important; border: none !important; border-inline-start: 1px solid #eef2f7 !important; padding: 0 0 0 8px !important; text-align: center !important; } .program-main_v2 .x3 { display: none !important; } .program_name_v2, .text-name, .dec-short { text-align: start !important; } .text-name { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .dec-short { white-space: normal !important; } .tags_body .widget-wrapper, .tags_body .widget { padding: 12px !important; } .filter-options { max-height: none; } ul.uk-pagination { float: none !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 4px !important; width: 100% !important; padding: 12px 0 !important; } .footer .uk-grid > *, .footer [class*="uk-width"] { width: 100% !important; max-width: 100% !important; margin-bottom: 24px !important; } .downloads_box, .download_program_main, .downloads_box button { width: 100% !important; float: none !important; } .pesktop-download-card { flex-direction: column !important; padding: 16px !important; } .pesktop-download-icon { margin: 0 auto 12px !important; } .pesktop-dl-btn { width: 100% !important; justify-content: center; } .login-page { width: 100% !important; float: none !important; } .comments_v2, .slider_v2, .dectaion, .program_deatils_v2 { width: 100% !important; float: none !important; box-sizing: border-box !important; } #ser .search, #cus.search { display: block !important; float: none !important; max-width: none !important; width: 100% !important; margin: 0 !important; padding: 24px 16px !important; box-sizing: border-box; } #ser .uk-search, #ser .uk-search-input { width: 100% !important; max-width: none !important; } } @media (max-width: 450px) { .logo img { width: 42px !important; height: 42px !important; } .section-headline-wrap h1 { font-size: 1rem !important; } .program_show_title, h1.program_show_title { font-size: 1.35rem !important; } .header_2 ul li { padding-left: 8px !important; padding-right: 8px !important; } } /* Mobile menu dropdown when opened */ @media (max-width: 960px) { .header_2.uk-open, .header_3.uk-open, #menu_ico + .uk-dropdown.uk-open, .uk-open > .header_3 { display: block !important; } } /* Softly 1.5.9: do not globally kill mobile menu — softly-header.css owns it */