/* ============================================================ RTL (Right-to-Left) Override Stylesheet — Arabic (ar) Loaded only when is set. ============================================================ */ /* ── Base font & direction ── */ [dir="rtl"], [dir="rtl"] body { direction: rtl; font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif !important; text-align: right; } [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6, [dir="rtl"] p, [dir="rtl"] a, [dir="rtl"] span, [dir="rtl"] li, [dir="rtl"] td, [dir="rtl"] th, [dir="rtl"] label, [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select, [dir="rtl"] button { font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif !important; } /* ── Top bar: RTL'de "end" = sol; içerik sola, kenara yapışmasın (container padding) ── */ [dir="rtl"] .header-top-bar-container { justify-content: flex-end; padding-left: 6rem; padding-right: 6rem; max-width: 100%; box-sizing: border-box; } [dir="rtl"] .header-top-bar-buttons { padding-right: 0; padding-left: 0; margin-left: 1.25rem; /* Top bar butonları biraz sağa */ } /* ── Header container (sticky olmayan durumda relative — sticky menü bozulmasın) ── */ [dir="rtl"] .header-container:not(.sticky) { left: 0; right: 0; position: relative; } [dir="rtl"] .header-container::before { left: 0; right: 0; } /* ── Header: direction:rtl ile 1. kolon sağa gider → logo sağda, menü solda; container padding aynı ── */ [dir="rtl"] .header-container > header, [dir="rtl"] header, [dir="rtl"] .header-container.sticky header { grid-template-columns: 75% 25%; direction: rtl; } /* RTL grid: kolon 1 = sağ, kolon 2 = sol → logo sağda (1), nav solda (2) ── */ [dir="rtl"] header .header-logo { order: 2; grid-column: 1; grid-row: 1 / -1; justify-self: start; margin-left: 0; margin-right: 0; } [dir="rtl"] header nav { order: 1; grid-column: 2; grid-row: 1 / -1; direction: rtl; } [dir="rtl"] header .fixed-header-menu-bar-button.toggle-mobile-menu { order: 3; grid-column: 1; grid-row: 1; } [dir="rtl"] header .header-mobile-search { order: 4; grid-column: 2; grid-row: 1; } /* ── Glass buttons in nav top ── */ [dir="rtl"] .header-nav-top-glass-buttons { margin-right: auto; margin-left: 0; } /* ── Mobile hamburger button (mobilde sağda) ── */ [dir="rtl"] .fixed-header-menu-bar-button.toggle-mobile-menu { left: auto; right: 1.5rem; } /* Mobil arama butonu RTL'de solda */ [dir="rtl"] .header-mobile-search { left: 1.5rem; right: auto; } /* Arama ikonu ile EN butonu aynı hizada — RTL'de ikisi de sol kenarda 6rem (top bar padding ile aynı) */ [dir="rtl"] .header-nav-top-glass-buttons .search-open-button { position: absolute !important; left: 6rem !important; right: auto !important; } /* Header container padding'i top bar ile aynı (6rem) ki arama ikonu ve EN aynı düşey hizada olsun */ [dir="rtl"] .header-container { padding-left: 6rem; padding-right: 6rem; } /* ── Nav bottom: menü alanı solda, öğeler RTL sırayla (ilk menü sağda, taşma sola) ── */ [dir="rtl"] header nav .header-nav-row { align-items: flex-end; text-align: right; } /* AR: Menüler arasına biraz daha boşluk ── */ [dir="rtl"] header nav .header-nav-row .header-nav-bottom ul { gap: 1.1rem; } [dir="rtl"] header nav .header-nav-row .header-nav-bottom ul { justify-content: flex-end; } /* ── Dropdown overlay ── */ [dir="rtl"] .menu-dropdown-overlay { left: 0; right: 0; } /* ── Menu dropdown hover indent flips ── */ [dir="rtl"] .menu-dropdown-items li a:hover { padding-left: 0; padding-right: 52px; } /* Alt menü ok işaretleri Arapçada sağda ── */ [dir="rtl"] .menu-dropdown-items li a { padding-left: 0; padding-right: 48px; } [dir="rtl"] .menu-dropdown-items li a:before { left: auto; right: 20px; } [dir="rtl"] .menu-dropdown-items li a:hover:before { left: auto; right: 24px; } [dir="rtl"] .full-menu-dropdown ul li a { padding-left: 0 !important; padding-right: 40px !important; } [dir="rtl"] .full-menu-dropdown ul li a:before { left: auto; right: 20px; } [dir="rtl"] .absolute-glass-btn-item-hovered .hovered-link:hover { padding-left: 0; padding-right: 2.3rem; } [dir="rtl"] .module-sidebar-full-menu .menu-link-list li a:hover { padding-left: 0; padding-right: 52px; } [dir="rtl"] .module-sidebar-full-menu .menu-link-list li a:hover:after { right: 0; left: auto; } [dir="rtl"] .module-fast-link-wrapper .module-fast-link-list .link:hover .link-text { padding-left: 0; padding-right: 0.5rem; } /* ── Sidebar (mobile slide-in from right) ── */ [dir="rtl"] .sidebar { justify-content: flex-end; } [dir="rtl"] .sidebar .sidebar-menu-wrapper { transform: translateX(100%); } [dir="rtl"] .sidebar.active .sidebar-menu-wrapper { transform: translateX(0); } [dir="rtl"] .sidebar .mobil-menu-close-trigger { right: auto; left: 10px; } /* ── Sidebar menu icon spacing ── */ [dir="rtl"] .sidebar .sidebar-menu li > a > i { margin-right: 0; margin-left: 10px; } [dir="rtl"] .sidebar .sidebar-menu li > a:not(.social-media-iconsa):hover { padding-left: 0; padding-right: 10px; } [dir="rtl"] .sidebar .sidebar-menu .sidebar-menu-dropdown { padding: 0 0 0 10px; } [dir="rtl"] .sidebar .sidebar-menu .sidebar-menu-dropdown .dropdown-icon { right: auto; left: 20px; } [dir="rtl"] .sidebar .sidebar-menu .dropdown-icon { right: auto; left: 15px; } [dir="rtl"] .sidebar .sidebar-menu .dropdown-icon::before { left: auto; right: calc(50% - 0.6666666667px); transform-origin: center right; transform: rotate(45deg); } [dir="rtl"] .sidebar .sidebar-menu .dropdown-icon::after { right: auto; left: calc(50% - 0.6666666667px); transform-origin: left; transform: rotate(-45deg); } [dir="rtl"] .sidebar .sidebar-menu .dropdown-icon.active::after { transform: rotate(45deg); } [dir="rtl"] .sidebar .sidebar-menu .sidebar-menu-dropdown li > a { padding-left: 0; padding-right: 20px; } /* ── Breadcrumb ── */ [dir="rtl"] .module-breadcrumb-container .breadcrumb .bread-links { flex-direction: row-reverse; justify-content: flex-end; } [dir="rtl"] .module-breadcrumb-container .breadcrumb .bread-back-link i { transform: scaleX(-1); } [dir="rtl"] .module-breadcrumb-container .breadcrumb .main { flex-direction: row-reverse; } /* ── Inner page header ── */ [dir="rtl"] .inner-page-header-wrapper .page-title, [dir="rtl"] .inner-page-header-wrapper h1 { text-align: right; } /* ── Section tabs ── */ [dir="rtl"] .container .section-tabs .section-tabs-header .tab-item:hover { padding-left: 0; padding-right: 1.8rem; } /* ── News / announcement / event card items ── */ [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-other-news-wrapper .news-card-item .item-footer { flex-direction: row-reverse; } [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-other-news-wrapper .news-card-item .item-footer .item-date i { margin-right: 0; margin-left: 5px; } /* ── Announcements module (haber/duyuru/etkinlik listesi kartları) ── */ [dir="rtl"] .annocuments-module .full-link-item .title-wrapper { flex-direction: row-reverse; } [dir="rtl"] .annocuments-module .full-link-item .link-footer { flex-direction: row-reverse; } /* Liste kartlarındaki ok solda olsun (Arapça/RTL) ── */ [dir="rtl"] .annocuments-module .full-link-item:after { right: auto; left: 30px; transform: translateY(-50%) scaleX(-1); } [dir="rtl"] .annocuments-module.card-wrap-2 .full-link-item:after { right: auto; left: 19px; transform: scaleX(-1); } /* ── Module list item hover ── */ [dir="rtl"] .menu-content-wrapper.menu-type2 .menu-content-link-col .menu-content__box-links .menu-content__box-links-link-box ul li a:hover { padding-left: 0; padding-right: 2rem; } [dir="rtl"] .menu-content-sub-list.sub-list-type2 .menu-content__box-links .menu-list-bottom-links a { flex-direction: row-reverse; } [dir="rtl"] .menu-content-wrapper.menu-type2 .menu-content-sub-list { padding-left: 0; padding-right: 2rem; } /* ── Section counters / stats ── */ [dir="rtl"] .seperate .section-counters .container .counter-top { flex-direction: row-reverse; } /* ── Person / staff cards ── */ [dir="rtl"] .person-card-vfull .person-kunye .person-card-body { text-align: right; } [dir="rtl"] .person-card-vfull .person-kunye .person-card-body a { flex-direction: row-reverse; } [dir="rtl"] .person-card-vfull .person-sub-list .sub-list-item { flex-direction: row-reverse; } /* ── Haberler: ana slider sağda, küçük kartlar solda; büyük kart daha geniş, küçük kartlar dar ── */ [dir="rtl"] article .section-news .container .section-news-grid-row { display: grid; grid-template-columns: 52% 1fr; column-gap: 1.25rem; direction: rtl; } [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-news-slider-wrapper { order: 1; direction: ltr; } [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-other-news-wrapper { order: 2; direction: rtl; } /* Haberler ana slider okları kutucuk içinde, taşmasın */ [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-news-slider-wrapper .news-slider.owl-carousel.owl-theme .owl-nav { left: 1rem; right: 1rem; width: auto; } /* Haberler ana kart: üstte resim, altta yazı ve tarih (Türkçe gibi) ── */ [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-news-slider-wrapper .news-slider.owl-carousel.owl-theme .item { flex-direction: column; } [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-news-slider-wrapper .news-slider.owl-carousel.owl-theme .item .news-content-box { flex-direction: row-reverse; padding-left: 2.5rem; padding-right: 2.5rem; } [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-news-slider-wrapper .news-slider.owl-carousel.owl-theme .item .news-content-box .news-content-body { padding-right: 0; padding-left: 2rem; text-align: right; } /* ── Section news grid (genel) ── */ [dir="rtl"] .section-news-grid-row { flex-direction: row-reverse; } /* ── Footer ── */ [dir="rtl"] footer { direction: rtl; text-align: right; } [dir="rtl"] .footer-wrapper { flex-direction: row-reverse; } [dir="rtl"] .footer-mid-left .footer-mid-left-links { flex-direction: row-reverse; } [dir="rtl"] .footer-mid-left .link-box .link-box-links { text-align: right; } /* Footer menü mavi noktaları Arapçada sağda ── */ [dir="rtl"] footer .footer-wrapper .container .footer-mid .footer-mid-left .footer-mid-left-links .link-box-links a { padding-left: 0; padding-right: 1.3rem; } [dir="rtl"] footer .footer-wrapper .container .footer-mid .footer-mid-left .footer-mid-left-links .link-box-links a:before { left: auto; right: 0; } [dir="rtl"] footer .footer-wrapper .container .footer-mid .footer-mid-left .footer-mid-left-links .link-box-links a:hover { padding-left: 0; padding-right: 1.6rem; } [dir="rtl"] .footer-top-buttons .buttons-left, [dir="rtl"] .footer-top-buttons .buttons-right { flex-direction: row-reverse; } [dir="rtl"] .small-links .link-row { flex-direction: row-reverse; } /* ── Input fields (search icon positions) ── */ [dir="rtl"] .searchable-input-area { flex-direction: row-reverse; } [dir="rtl"] .searchable-input-area .searchable-input-footer { flex-direction: row-reverse; } [dir="rtl"] .searchable-input-area .input-icon-wrapper { right: auto; left: 7px; } [dir="rtl"] .module-sidebar-arama .form-wrapper form { flex-direction: row-reverse; } /* Footer sosyal ikonları RTL'de solda kalsın */ [dir="rtl"] footer .footer-wrapper .container .footer-mid .footer-mid-right .footer-social-wrapper { align-items: flex-start !important; } [dir="rtl"] footer .footer-wrapper .container .footer-mid .footer-mid-right .footer-logos-grid-repeat3-1 { right: auto !important; left: 0 !important; transform: none !important; margin-left: 0 !important; } /* Arapça anasayfa büyük arama alanı: Türkçe placeholder animasyonu görünmesin, sadece Arapça hazır olduğunda görünsün */ [dir="rtl"] .searchable-input:not(.placeholder-ar-ready)::placeholder { color: transparent !important; } [dir="rtl"] .searchable-input:not(.placeholder-ar-ready)::-moz-placeholder { color: transparent !important; } [dir="rtl"] .inner-page__content-header.module-search .date-box-wrapper { flex-direction: row-reverse; } [dir="rtl"] .absolute-date-icon { right: auto; left: 0.5rem; } /* ── Phone book ── */ [dir="rtl"] .phone-book-row { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .phone-book-name { flex-direction: row-reverse; } [dir="rtl"] .phone-book-info .phone-book-info-row { flex-direction: row-reverse; flex-wrap: wrap; justify-content: flex-end; } [dir="rtl"] .phone-book-expand-icon { margin-right: 0; margin-left: 8px; } /* ── Campus cards ── */ [dir="rtl"] .section-campus .campus-card, [dir="rtl"] .campus-grid { direction: rtl; } /* ── Cooperation section ── */ [dir="rtl"] .section-cooperation { text-align: right; } /* ── Button link items ── */ [dir="rtl"] .button-link-item { flex-direction: row-reverse; } /* ── Today activities modal ── */ [dir="rtl"] .modal-today-activities { right: auto; left: 0; } [dir="rtl"] #modal-today-activities-button.absolute-today-button .calender-icon { margin-right: 0; margin-left: 4px; } /* ── Quick access modal ── */ [dir="rtl"] .quick-actions-modal { direction: rtl; } [dir="rtl"] .quick-actions-modal .modal-header { flex-direction: row-reverse; } /* ── Module fast link ── */ [dir="rtl"] .module-fast-link-buttons .container .fast-link-buttons-wrapper { flex-direction: row-reverse; } /* ── Hero / Slider section ── */ [dir="rtl"] .slide .slider-navigation-links .slider-navigation-wrapper-relative { flex-direction: row-reverse; } [dir="rtl"] .hero-sub-grid-row { flex-direction: row-reverse; } [dir="rtl"] .hero-sub-grid-row .hero-sub-grid-col.grid-col-left .hero-sub-grid-col-content .slider-bottom-header { padding-left: 0; padding-right: 16%; } /* ── Owl nav arrows: solda < (prev), sağda > (next). Genel .fa-chevron-right flip'ini burada iptal et ── */ [dir="rtl"] .owl-carousel .owl-nav button.owl-prev, [dir="rtl"] .owl-carousel .owl-nav button.owl-next { transform: none; } [dir="rtl"] .owl-carousel .owl-nav button .fa-chevron-left, [dir="rtl"] .owl-carousel .owl-nav button .fa-chevron-right { transform: none !important; } /* ── Sadece Duyurular: RTL'de oklar ters (solda < sağda > olsun) ── */ [dir="rtl"] #section-3 .section-duyurular-slider.owl-carousel .owl-nav button.owl-prev, [dir="rtl"] #section-3 .section-duyurular-slider.owl-carousel .owl-nav button.owl-next { transform: scaleX(-1); } [dir="rtl"] #section-3 .section-duyurular-slider.owl-carousel .owl-nav button .fa-chevron-left, [dir="rtl"] #section-3 .section-duyurular-slider.owl-carousel .owl-nav button .fa-chevron-right { transform: none !important; } /* Duyurular: RTL'de oklar "Duyurular" yazısının soluna (hemen yanına), üstüne binmesin ── */ [dir="rtl"] .section-duyurular .section-duyurular-row .section-duyurular-content .section-duyurular-slider .owl-nav { left: auto; right: 10rem; width: auto; padding-left: 0.5rem; padding-right: 0; justify-content: flex-end; z-index: 10 !important; } /* ── Sadece İş birliği protokol: RTL'de iki ok aynı yönde (ikisi <) — next okunu > yap ── */ [dir="rtl"] #cooperation-protocol-slider.owl-carousel .owl-nav button .fa-chevron-right { transform: none !important; } /* ── Akademik araştırma ve güncel projeler: nav başlığa taşındığı için nav container üzerinden hedefle; next okunu > yap ── */ [dir="rtl"] #section-publication-projects .section-publication-projects-nav-buttons .owl-nav button .fa-chevron-right { transform: none !important; } /* ── Module breadcrumb back-link icon ── */ [dir="rtl"] .module-breadcrumb-container .breadcrumb .bread-back-link i { transform: scaleX(-1); display: inline-block; } /* ── Sub-footer row ── */ [dir="rtl"] .sub-footer-row { flex-direction: row-reverse; } [dir="rtl"] .sub-footer-row .footer-buttons { flex-direction: row-reverse; } /* ── Include-breadcrumb footer ── */ [dir="rtl"] .include-breadcrumb-footer .sub-footer-row { flex-direction: row-reverse; } [dir="rtl"] .include-breadcrumb-footer .sub-footer-row .footer-date .icon { margin-right: 0; margin-left: 5px; } /* ── Section tabs header (Etkinlikler): Haberler/Duyurular gibi — RTL'de start sağda, başlık sağa buton sola ── */ /* row-reverse kullanmıyoruz; order ile başlık sağda (1), buton solda (4) yapıyoruz */ [dir="rtl"] #section-4 .section-tabs-header, [dir="rtl"] #section-4 .section-tabs .section-tabs-header, [dir="rtl"] .container .section-tabs .section-tabs-header { display: flex !important; flex-direction: row !important; justify-content: space-between !important; direction: rtl !important; } [dir="rtl"] #section-4 .section-tabs-header h2, [dir="rtl"] .container .section-tabs .section-tabs-header h2 { order: 1 !important; text-align: right !important; } [dir="rtl"] #section-4 .section-tabs-header .tab-control-links, [dir="rtl"] .container .section-tabs .section-tabs-header .tab-control-links { order: 2 !important; } [dir="rtl"] #section-4 .section-tabs-header .keeper, [dir="rtl"] .container .section-tabs .section-tabs-header .keeper { order: 3 !important; } [dir="rtl"] #section-4 .section-tabs-header .tab-link-group, [dir="rtl"] .container .section-tabs .section-tabs-header .tab-link-group { order: 4 !important; } /* Etkinlikler slider okları sağa (masaüstü) */ [dir="rtl"] #section-4 .tab-contents.flex-col .tab-content-slider.owl-carousel.owl-theme .owl-nav, [dir="rtl"] .container .section-tabs .tab-contents.flex-col .tab-content-slider.owl-carousel.owl-theme .owl-nav { left: auto !important; right: 210px !important; } [dir="rtl"] .tab-module-wrapper .tab-module-header { flex-direction: row-reverse; } /* ── File list ── */ [dir="rtl"] .file-list li { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .file-list li a, [dir="rtl"] .file-list li span { text-align: right; } /* ── Module list (bagli birimler) ── */ [dir="rtl"] .module-list-bagli-birimler .module-list-bagli-birimler-card-wrapper { flex-direction: row-reverse; } /* ── Nested accordion ── */ [dir="rtl"] .nested-accordion .accordion-header { flex-direction: row-reverse; } [dir="rtl"] .nested-accordion .accordion-header i { margin-right: 0; margin-left: 8px; } /* ── CKEditor content (page detail text) ── */ [dir="rtl"] .cke-content, [dir="rtl"] .ck-content, [dir="rtl"] .inner-page__content .content-body { text-align: right; direction: rtl; } /* ── Search results ── */ [dir="rtl"] .search-results-wrapper { direction: rtl; text-align: right; } [dir="rtl"] .search-result-item { flex-direction: row-reverse; } /* ── Modal close buttons — keep position ── */ [dir="rtl"] .modal-person-close-button, [dir="rtl"] .sidebar .mobil-menu-close-trigger { left: 10px; right: auto; } /* ── Modal search ── */ [dir="rtl"] .modal-search { direction: rtl; } [dir="rtl"] .modal-search .searchable-input { text-align: right; padding-right: 1.5rem; padding-left: 4rem; } /* ── Accordion arrow ── */ [dir="rtl"] .accordion-item .accordion-header .fa-chevron-right, [dir="rtl"] .accordion .fa-chevron-right, [dir="rtl"] .fa-chevron-right { transform: scaleX(-1); } /* ── Section hero button alignment ── */ [dir="rtl"] .slide .hero-full .hero-content-wrapper { text-align: right; } [dir="rtl"] .slide .hero-full .hero-content-wrapper .hero-buttons { flex-direction: row-reverse; } /* ── Section logos / partner logos ── */ [dir="rtl"] .section-logo-slider .container .logo-slider { direction: ltr; } /* ── Absolute modal video close ── */ [dir="rtl"] .absolute-modal-video .modal-video-wrapper .close-button { right: auto; left: 15px; } /* ── Page nav / pagination ── */ [dir="rtl"] .pagination { flex-direction: row-reverse; } [dir="rtl"] .pagination .page-link i.fa-chevron-left, [dir="rtl"] .pagination .page-link i.fa-chevron-right { transform: scaleX(-1); } /* ── Fixed rektor container ── */ [dir="rtl"] .fixed-rektor-container { left: 0; right: auto; } /* ── Tooltip re-alignment ── */ [dir="rtl"] .header-top-bar .button-link .tooltip-text, [dir="rtl"] .header-top-bar-right .search-open-button .tooltip-text, [dir="rtl"] .header-top-bar-right .glass-btn-item .button-link .tooltip-text { left: 50%; right: auto; transform: translateX(-50%) translateY(-5px); } [dir="rtl"] .header-top-bar .button-link:hover .tooltip-text, [dir="rtl"] .header-top-bar-right .search-open-button:hover .tooltip-text, [dir="rtl"] .header-top-bar-right .glass-btn-item .button-link:hover .tooltip-text { transform: translateX(-50%) translateY(0); } /* ── Social media links ── */ [dir="rtl"] .social-links, [dir="rtl"] .social-media-icons, [dir="rtl"] .modal-col-links-footer .modal-links-socials { flex-direction: row-reverse; } /* ── Inner page sidebar ── */ [dir="rtl"] .inner-page__sidebar { order: -1; } [dir="rtl"] .inner-page__body { flex-direction: row-reverse; } /* ── Module sidebar news/person menu ── */ [dir="rtl"] .module-sidebar-news-menu .menu-news-list li a { flex-direction: row-reverse; } [dir="rtl"] .module-sidebar-person-menu .menu-person-list li a { flex-direction: row-reverse; } [dir="rtl"] .module-sidebar-person-menu .menu-person-list li a:hover { padding-left: 0; padding-right: 4px; } /* ── Menu content type2 ── */ [dir="rtl"] .menu-content-wrapper.menu-type2 .menu-content-link-col { text-align: right; } [dir="rtl"] .menu-content-wrapper.menu-type2 .menu-content-image-boxes { flex-direction: row-reverse; } /* ── Research university text ── */ [dir="rtl"] .research-university-text { text-align: right; } /* ── Section akademi ── */ [dir="rtl"] article .section-akademi .section-akademi-grid-row { flex-direction: row-reverse; } [dir="rtl"] article .section-akademi .section-akademi-grid-row .grid-col-60 .grid-col-60-column-wrappper .grid-col-60-header h2 { text-align: right; } /* ── News card tags alignment ── */ [dir="rtl"] .news-card-item .item-tag, [dir="rtl"] .news-card-item .item-date { flex-direction: row-reverse; } /* ── Kartlardaki ok solda (RTL: ok metnin solunda, sola baksın) ── */ [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-news-slider-wrapper .news-slider .item .news-content-box .news-link, [dir="rtl"] .section-news-header .link .icon-cared-right, [dir="rtl"] .section-duyurular-header .link .icon-cared-right, [dir="rtl"] .section-publication-projects-header .link .icon-cared-right { flex-direction: row-reverse; } [dir="rtl"] .news-link .fa-caret-right, [dir="rtl"] .icon-cared-right .fa-caret-right { transform: scaleX(-1); } /* Duyurular / yayın projeleri kartlarındaki chevron solda ── */ [dir="rtl"] .section-duyurular .section-duyurular-row .section-duyurular-content .section-duyurular-slider .item .absolute-chevron-icon, [dir="rtl"] .section-publication-projects .section-publication-projects-row .section-publication-projects-content .section-publication-projects-slider .item .absolute-chevron-icon { right: auto; left: 1.8rem; } [dir="rtl"] .section-duyurular .section-duyurular-slider .item .absolute-chevron-icon .fa-chevron-right, [dir="rtl"] .section-publication-projects-slider .item .absolute-chevron-icon .fa-chevron-right { transform: scaleX(-1); } /* Etkinlik kartları (content-item) body-footer / info-date RTL ── */ [dir="rtl"] .container .section-tabs .tab-contents.flex-col .item.content-item .body-info .body-footer .flex-col .info-date, [dir="rtl"] .container .section-tabs .tab-contents.flex-col .item.content-item .body-info .body-footer .flex-col .info-clock { flex-direction: row-reverse; } /* Etkinlik kartlarında konum (harita) ikonu Arapçada solda ── */ [dir="rtl"] .container .section-tabs .tab-contents.flex-col .item.content-item .body-info .body-footer .map-icon { right: auto; left: 0; } /* ── module-breadcrumb border fix ── */ [dir="rtl"] .module-breadcrumb-container .breadcrumb .bread-links li { border-right: none; border-left: 1px solid rgba(255,255,255,0.3); } [dir="rtl"] .module-breadcrumb-container .breadcrumb .bread-links li:last-child { border-left: none; } /* ── Info links in footer ── */ [dir="rtl"] .footer-right-button-group { flex-direction: row-reverse; } [dir="rtl"] .info-link { flex-direction: row-reverse; } [dir="rtl"] .info-link .info-icon { margin-right: 0; margin-left: 8px; } /* ── Cooperation/Protocol section ── */ [dir="rtl"] .cooperation-item, [dir="rtl"] .protocol-item { text-align: right; } /* ── Publication projects ── */ [dir="rtl"] .publication-project-item { flex-direction: row-reverse; text-align: right; } /* ── Stats / counter section ── */ [dir="rtl"] .counter-top-box { text-align: center; } /* ── Media gallery ── */ [dir="rtl"] .media-gallery-grid { direction: rtl; } /* ── Table direction ── */ [dir="rtl"] table { direction: rtl; } [dir="rtl"] th, [dir="rtl"] td { text-align: right; } /* ── Form elements ── */ [dir="rtl"] .form-group label { text-align: right; display: block; } [dir="rtl"] input[type="text"], [dir="rtl"] input[type="email"], [dir="rtl"] input[type="search"], [dir="rtl"] textarea, [dir="rtl"] select { text-align: right; direction: rtl; } /* ── Btn group ── */ [dir="rtl"] .container.fixed-header-container .button-group { flex-direction: row-reverse; } /* ── Accessibility menu ── */ [dir="rtl"] #accessibility-menu { left: 0; right: auto; } /* ═══ RTL Responsive: Arapça mobil/tablet düzeltmeleri ═══ */ /* İş birliği protokol: responsive'de başlık ve buton görünsün (main.css 1180px'te display:none override) */ @media (max-width: 1180px) { [dir="rtl"] .hero-sub-grid-row .hero-sub-grid-col.grid-col-left .hero-sub-grid-col-content .slider-bottom-header { display: flex !important; flex-direction: column; align-items: flex-start; } [dir="rtl"] .hero-sub-grid-row .hero-sub-grid-col.grid-col-left .hero-sub-grid-col-content .slider-bottom-header .title-row { flex-direction: row-reverse; gap: 0.75rem; } } /* Duyurular: responsive'de ok tuşları görünsün, yine başlık yazısının solunda kalsın */ @media (max-width: 768px) { [dir="rtl"] .section-duyurular .section-duyurular-row .section-duyurular-content .section-duyurular-slider .owl-nav { z-index: 10 !important; top: -3.5rem !important; bottom: auto !important; left: auto !important; right: 5rem !important; width: auto !important; padding-right: 0 !important; padding-left: 0.5rem !important; justify-content: flex-end !important; } } /* Haberler: RTL mobilde TR ile aynı yapı (main.css 992px/660px), sadece başlık hizalaması RTL */ @media (max-width: 992px) { [dir="rtl"] article .section-news .container .section-news-grid-row { grid-template-columns: 100%; direction: rtl; } [dir="rtl"] article .section-news .container .section-news-grid-row .grid-col-other-news-wrapper { padding-right: 0; padding-left: 0; } } @media (max-width: 768px) { [dir="rtl"] article .section-news .container .section-news-header { display: flex !important; flex-direction: row; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 2rem; direction: rtl; } [dir="rtl"] article .section-news .container .section-news-header .title-box { text-align: right; } } @media (max-width: 660px) { [dir="rtl"] article .section-news .container .section-news-header { direction: rtl; } } /* Etkinlikler: responsive RTL'de başlık ve "Tümünü Gör" butonu görünsün; Hızlı Erişim ile arasında boşluk */ @media (max-width: 768px) { [dir="rtl"] #section-4 .section-tabs-header, [dir="rtl"] .container .section-tabs .section-tabs-header { display: flex !important; flex-wrap: wrap; gap: 0.75rem; } [dir="rtl"] #section-4 .section-tabs-header h2, [dir="rtl"] .container .section-tabs .section-tabs-header h2 { order: 1 !important; width: 100%; text-align: right !important; } [dir="rtl"] #section-4 .section-tabs-header .tab-link-group, [dir="rtl"] .container .section-tabs .section-tabs-header .tab-link-group { order: 2 !important; } /* Etkinlikler Hızlı Erişimin altında kalmasın: araya net boşluk */ [dir="rtl"] #section-4.seperate { margin-bottom: 1.5rem !important; } [dir="rtl"] #section-fast-access.seperate { margin-top: 1.5rem !important; } } /* Etkinlikler: 660px altı Arapça mobil — TR ile aynı yapı, bozulma olmasın */ @media (max-width: 660px) { [dir="rtl"] #section-4 .section-tabs-header, [dir="rtl"] .container .section-tabs .section-tabs-header { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 1rem !important; direction: rtl !important; } [dir="rtl"] #section-4 .section-tabs-header h2, [dir="rtl"] .container .section-tabs .section-tabs-header h2 { order: unset !important; text-align: center !important; } [dir="rtl"] #section-4 .section-tabs-header .tab-link-group, [dir="rtl"] .container .section-tabs .section-tabs-header .tab-link-group { order: unset !important; } /* Mobilde oklar başlığın yanında, altta değil */ [dir="rtl"] #section-4 .tab-contents.flex-col .tab-content-slider.owl-carousel.owl-theme .owl-nav, [dir="rtl"] .container .section-tabs .tab-contents.flex-col .tab-content-slider.owl-carousel.owl-theme .owl-nav { left: auto !important; right: 0 !important; width: auto !important; bottom: auto !important; top: -5.5rem !important; justify-content: flex-end !important; } [dir="rtl"] .container .section-tabs .tab-contents.flex-col .item.content-item { height: 426px !important; min-height: 380px; } }