)
-> hepsi ESIT yukseklik, alt hizalari oturur. Ikon kutularindaki svg'ler
(class="one") haric tutulur. Inline style="height:auto" oldugu icin !important. */
.entry-content .row > [class*="col-"] > img:not(.one) {
width: 100% !important;
height: 360px !important;
object-fit: cover;
object-position: center;
border-radius: 10px;
display: block;
margin: 0;
}
@media (max-width: 991px) {
.entry-content .row > [class*="col-"] > img:not(.one) { height: 280px !important; }
}
@media (max-width: 767px) {
.entry-content .row > [class*="col-"] > img:not(.one) { height: 200px !important; }
}
/* Dar kolonda (col-md-5 / col-md-4) gorsel biraz daha kisa dursun. */
.entry-content .row > .col-md-5 > img:not(.one),
.entry-content .row > .col-md-4 > img:not(.one) { height: 300px !important; }
@media (max-width: 991px) {
.entry-content .row > .col-md-5 > img:not(.one),
.entry-content .row > .col-md-4 > img:not(.one) { height: 240px !important; }
}
@media (max-width: 767px) {
.entry-content .row > .col-md-5 > img:not(.one),
.entry-content .row > .col-md-4 > img:not(.one) { height: 190px !important; }
}
/* Kurumsal - "Uretim Tesisimiz" bolumu: gorsel + maddeler yan yana.
Bootstrap col yerine flex -> gorsel dar (300px), yazi hemen yaninda,
aradaki bosluk sabit 32px (col sistemindeki genis bosluk sorunu cozuldu). */
.entry-content .tesis-flex {
display: flex;
align-items: center;
gap: 32px;
margin: 8px 0 20px;
clear: both;
}
.entry-content .tesis-flex .tesis-foto {
flex: 0 0 300px;
max-width: 300px;
margin: 0;
}
.entry-content .tesis-flex .tesis-metin { flex: 1 1 auto; }
.entry-content .tesis-flex .tesis-metin ul { margin: 0; }
.entry-content .tesis-foto img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
.entry-content h3.tesis-baslik { font-size: 26px; line-height: 1.3; }
/* Ar-Ge sayfasi: gorsel SOLDA, yazi SAGDA (yan yana), gorsel biraz daha buyuk. */
.entry-content .tesis-flex.arge-tesis .tesis-foto {
flex: 0 0 420px;
max-width: 420px;
}
/* Misyon & Vizyon: gorsel solda ust hizali, yazi (2 baslik + 2 paragraf) sagda. */
.entry-content .tesis-flex.mv-flex { align-items: flex-start; }
.entry-content .tesis-flex.mv-flex .tesis-foto { flex: 0 0 340px; max-width: 340px; }
.entry-content .tesis-flex .tesis-metin > h3:first-child { margin-top: 0; }
.entry-content .tesis-flex .tesis-metin h3 { margin-top: 22px; margin-bottom: 8px; }
.entry-content .tesis-flex .tesis-metin p { margin: 0; }
.entry-content .tesis-flex .tesis-metin p + p { margin-top: 14px; }
/* Gorsel SAGDA varyanti: ayni blok, sadece gorsel/yazi yer degistirir (zigzag duzen). */
.entry-content .tesis-flex.img-right { flex-direction: row-reverse; }
/* Ar-Ge: yazi uzun oldugunda gorsel tepede sabit kalsin, ortalamaya calismasin. */
.entry-content .tesis-flex.arge-tesis { align-items: flex-start; }
@media (max-width: 767px) {
.entry-content .tesis-flex { flex-direction: column; align-items: flex-start; gap: 16px; }
.entry-content .tesis-flex.img-right { flex-direction: column; }
.entry-content .tesis-flex .tesis-foto { flex-basis: auto; max-width: 340px; }
.entry-content .tesis-flex.arge-tesis .tesis-foto { flex-basis: auto; max-width: 100%; }
}
.rts-btn .fa-whatsapp { margin: 0 4px; vertical-align: -1px; }
.rifay-news-nav { display:flex; justify-content:space-between; gap:20px; margin-top:40px; padding-top:24px; border-top:1px solid #eef0f2; font-weight:600; }
.rifay-news-nav a { color:#1a2433; }
.rifay-news-nav a:hover { color:#1e2a5a; }
[dir=rtl] .rifay-news-card .rts-btn { align-self:flex-end; }
/* Haber (tek yazi) banner gorseli: kisa sabit bant, ortadan kirp (portre/yatay farketmez) */
.single .about-invena-large-image .container { max-width: 1290px; }
.single .large-image-bottm-breadcrumb img { width:100% !important; height:260px !important; object-fit:cover; border-radius:12px; }
@media (max-width:767px){ .single .large-image-bottm-breadcrumb img { height:160px !important; } }
/* ==== Medya > Fuarlar > Haberler (3. seviye acilir) ==== */
li.has-dropdown .submenu li.has-dropdown { position: relative; }
li.has-dropdown .submenu li.has-dropdown > a { position: relative; padding-right: 34px !important; }
li.has-dropdown .submenu li.has-dropdown > a::after {
content: "�A"; position: absolute; right: 16px; top: 50%;
transform: translateY(-50%); font-size: 15px; line-height: 1; opacity: .6;
}
li.has-dropdown .submenu .submenu {
position: absolute; top: -15px; left: 100%; min-width: 210px;
opacity: 0; visibility: hidden; transform: none !important; transition: opacity .25s, visibility .25s;
}
li.has-dropdown .submenu li.has-dropdown:hover > .submenu { opacity: 1; visibility: visible; }
@media (max-width: 991px){
li.has-dropdown .submenu .submenu { position: static; opacity: 1; visibility: visible; box-shadow: none; padding: 4px 0 4px 14px; }
li.has-dropdown .submenu li.has-dropdown > a::after { content: ""; }
}
/* ==== Kataloglar sayfasi ==== */
.rifay-cat-group { font-size:20px; font-weight:700; margin:38px 0 18px; padding-bottom:10px; border-bottom:1px solid #e8eaed; }
.rifay-cat-grid { margin-bottom:6px; }
.rifay-cat-card { display:flex; flex-direction:column; align-items:flex-start; gap:8px; height:100%; padding:22px 20px 20px; background:#fff; border:1px solid #e8eaed; border-radius:12px; transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease; }
.rifay-cat-card:hover { box-shadow:0 16px 36px rgba(20,30,45,.12); transform:translateY(-4px); border-color:#d8dce1; }
.rifay-cat-card__icon { font-size:34px; color:#c8322b; line-height:1; }
.rifay-cat-card__title { font-size:15.5px; font-weight:600; color:#1a2433; line-height:1.35; }
.rifay-cat-card__meta { font-size:12px; font-weight:600; letter-spacing:.4px; color:#8a95a1; text-transform:uppercase; }
.rifay-cat-card__btn { margin-top:auto; padding-top:8px; font-size:13.5px; font-weight:700; color:#1e2a5a; display:inline-flex; align-items:center; gap:6px; }
.rifay-cat-card:hover .rifay-cat-card__btn i { transform:translateX(3px); }
.rifay-cat-card__btn i { transition:transform .2s ease; }
[dir=rtl] .rifay-cat-card { align-items:flex-end; text-align:right; }
[dir=rtl] .rifay-cat-card__btn i.fa-arrow-right { transform:scaleX(-1); }
/* Kataloglar sayfasi ust gorsel */
.rifay-cat-hero { margin-top:-40px; margin-bottom:10px; }
.rifay-cat-hero img { width:100%; height:300px; object-fit:cover; border-radius:14px; display:block; box-shadow:0 20px 44px rgba(20,30,45,.14); }
@media (max-width:767px){ .rifay-cat-hero img { height:190px; } }
/* ==== Kataloglar: kart + PDF goruntuleyici (guncel) ==== */
.rifay-cat-card { position:relative; padding:0; overflow:hidden; }
.rifay-cat-card__main {
display:flex; flex-direction:column; align-items:flex-start; gap:8px;
width:100%; height:100%; padding:22px 20px 20px; text-align:left;
background:transparent; border:0; cursor:pointer; font:inherit; color:inherit;
}
.rifay-cat-card__dl {
position:absolute; top:12px; right:12px; z-index:2;
width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center;
border-radius:8px; background:#f2f4f6; color:#556; font-size:13px; transition:background .2s, color .2s;
}
.rifay-cat-card__dl:hover { background:#1e2a5a; color:#fff; }
[dir=rtl] .rifay-cat-card__dl { right:auto; left:12px; }
[dir=rtl] .rifay-cat-card__main { align-items:flex-end; text-align:right; }
.rifay-pdf-modal { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:24px; }
.rifay-pdf-modal__overlay { position:absolute; inset:0; background:rgba(15,20,30,.62); backdrop-filter:blur(2px); }
.rifay-pdf-modal__dialog {
position:relative; width:min(1000px,100%); height:min(88vh,100%); display:flex; flex-direction:column;
background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.4);
}
.rifay-pdf-modal__bar { display:flex; align-items:center; gap:14px; padding:12px 16px; border-bottom:1px solid #e8eaed; background:#fafbfc; }
.rifay-pdf-modal__title { font-weight:700; font-size:15px; color:#1a2433; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rifay-pdf-modal__dl { display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:8px; background:#1e2a5a; color:#fff; font-size:13.5px; font-weight:700; }
.rifay-pdf-modal__dl:hover { color:#fff; opacity:.92; }
.rifay-pdf-modal__close { width:36px; height:36px; border:0; border-radius:8px; background:#eceef1; color:#333; font-size:22px; line-height:1; cursor:pointer; }
.rifay-pdf-modal__close:hover { background:#e0e3e7; }
.rifay-pdf-modal__body { position:relative; flex:1; background:#525659; }
.rifay-pdf-modal__body iframe { position:relative; z-index:1; width:100%; height:100%; border:0; display:block; }
.rifay-pdf-modal__hint { position:absolute; inset:0; z-index:0; margin:0; display:flex; align-items:center; justify-content:center; padding:24px; text-align:center; color:#cfd3d7; font-size:14px; }
@media (max-width:767px){
.rifay-pdf-modal { padding:0; }
.rifay-pdf-modal__dialog { width:100%; height:100%; border-radius:0; }
.rifay-pdf-modal__title { font-size:13px; }
.rifay-pdf-modal__dl { padding:8px 12px; }
}
/* ==========================================================================
SAYFA (page.php) ICERIK ALANI - float temizleme + dikey bosluk
Kisa icerikli sayfalarda footer'in icerige binmesini onler.
========================================================================== */
#primary.site-main {
padding-top: 22px;
padding-bottom: 76px;
}
#primary.site-main .entry-content::after {
content: "";
display: block;
clear: both;
}
/* Ic basliklar (h2/h3) ust bosluk - bir onceki blok/paragraf ile yapismasin */
#primary.site-main .entry-content h2,
#primary.site-main .entry-content h3 {
margin-top: 30px;
margin-bottom: 16px;
}
#primary.site-main .entry-content h3 {
font-size: 23px;
font-weight: 700;
color: #1a2433;
}
/* ---- Tesis sayfalari: adim listesi (numarali) + ekipman listesi (2 kolon) ---- */
.entry-content ol.adim-listesi {
margin: 0 0 10px;
padding-left: 22px;
}
.entry-content ol.adim-listesi li {
margin-bottom: 9px;
line-height: 1.65;
padding-left: 4px;
}
.entry-content ol.adim-listesi li strong { color: #1a2433; }
.entry-content ul.ekipman-listesi {
list-style: none;
margin: 0;
padding: 0;
column-count: 2;
column-gap: 48px;
}
.entry-content ul.ekipman-listesi li {
break-inside: avoid;
margin-bottom: 9px;
padding-left: 20px;
position: relative;
line-height: 1.5;
}
.entry-content ul.ekipman-listesi li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 7px;
height: 7px;
border-radius: 2px;
background: #1e2a5a;
}
/* Ozellik kutulari: ikon boyutlari esitlenir, metin ortalanir */
.entry-content .row.ozellik-satiri { margin-top: 10px; }
.entry-content .row.ozellik-satiri > .col-sm {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
font-weight: 600;
color: #1a2433;
line-height: 1.35;
}
.entry-content .row.ozellik-satiri > .col-sm br { display: none; }
.entry-content .row.ozellik-satiri img.one {
height: 50px !important;
width: auto !important;
margin: 0 !important;
}
@media (max-width: 767px) {
.entry-content ul.ekipman-listesi { column-count: 1; }
}
/* ---- Urun sayfalari: gorsel + avantaj listesi + teknik ozellik tablosu ---- */
.entry-content .urun-foto { margin: 16px 0 24px; max-width: 620px; }
.entry-content .urun-foto img { display: block; width: 100%; height: auto; border-radius: 10px; }
/* Boyut / olcu semasi - tam genislik, tablolarla ayni hizada */
.entry-content .urun-diyagram { margin: 20px 0; max-width: 100%; }
.entry-content .urun-diyagram img {
display: block;
width: 100%;
height: auto;
border: 1px solid #e6e9ec;
border-radius: 8px;
background: #fff;
}
.entry-content ul.urun-avantaj { list-style: none; margin: 14px 0 22px; padding: 0; }
.entry-content ul.urun-avantaj li {
position: relative;
padding-left: 26px;
margin-bottom: 9px;
line-height: 1.5;
}
.entry-content ul.urun-avantaj li::before {
content: "\2713";
position: absolute;
left: 0;
top: 0;
color: #007577;
font-weight: 700;
}
.entry-content .spec-tablo {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 22px 0;
}
.entry-content .spec-tablo table {
border-collapse: collapse;
width: 100%;
min-width: 520px;
font-size: 14px;
}
.entry-content .spec-tablo td,
.entry-content .spec-tablo th {
border: 1px solid #dfe3e8;
padding: 9px 13px;
text-align: left;
vertical-align: middle;
}
.entry-content .spec-tablo .wpdt-bc-007577 { background: #007577; color: #fff; }
.entry-content .spec-tablo .wpdt-tc-FFFFFF { color: #fff; }
.entry-content .spec-tablo .wpdt-bold { font-weight: 700; }
.entry-content .spec-tablo .wpdt-bc-EAEAEA { background: #f4f6f7; }
#primary.site-main .entry-content > *:first-child,
#primary.site-main .entry-content .text__block:first-child > *:first-child {
margin-top: 0;
}
#primary.site-main .entry-content > .col-sm-12,
#primary.site-main .entry-content > [class*="col-"] {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
padding-left: 0;
padding-right: 0;
}
#primary.site-main .entry-content img.alignleft {
max-width: 40%;
height: auto;
margin: 4px 28px 16px 0;
}
#primary.site-main .entry-content img.alignright {
margin: 4px 0 16px 28px;
}
@media (max-width: 767px) {
#primary.site-main { padding-top: 24px; padding-bottom: 50px; }
#primary.site-main .entry-content img.alignleft,
#primary.site-main .entry-content img.alignright {
float: none;
display: block;
margin: 0 auto 20px;
max-width: 100%;
}
}
/* ==========================================================================
HABERLER / GUNCEL - kart gorselleri esit + tek post hero + ust bant
========================================================================== */
/* Kart gorselleri: kaynak boyutu ne olursa olsun esit yukseklik, ortadan kirp */
.single-blog-area-one .bottom-details .thumbnail {
border-radius: 10px;
overflow: hidden;
}
.single-blog-area-one .bottom-details .thumbnail img {
width: 100% !important;
height: 300px !important;
object-fit: cover;
object-position: top;
display: block;
}
.rts-blog-area .single-blog-area-one .bottom-details {
margin-top: 18px;
padding-top: 24px;
}
.rts-blog-area .single-blog-area-one .title {
font-size: 22px;
line-height: 1.35;
min-height: 88px;
}
/* Haberler listeleme sayfasi (body.blog = /haberler/ arsivi, ana sayfadaki
swiper'i etkilemez): her haber kendi kart kutusunda -> alt satirdaki resim
ile bir sonraki satirin basligi karismasin. */
body.blog .rts-blog-area .row.g-5 > [class*="col-"] {
margin-bottom: 32px;
}
body.blog .rts-blog-area .single-blog-area-one {
background: #fff;
border: 1px solid #e7eaee;
border-radius: 14px;
padding: 22px 22px 26px;
box-shadow: 0 6px 20px rgba(15, 23, 42, .05);
height: 100%;
}
/* Tek haber sayfasi: ust bant okunur (koyu). Yukseklik/padding yukaridaki
dar kuralda (min-height:0 + padding:30px 0 26px !important) yonetiliyor. */
body.single-post .rts-breadcrumb-area,
body.blog .rts-breadcrumb-area {
height: auto;
background: #1c252d;
}
body.single-post .rts-breadcrumb-area .title-area-left *,
body.blog .rts-breadcrumb-area .title-area-left * {
color: #fff;
}
body.single-post .rts-breadcrumb-area .bg-title,
body.blog .rts-breadcrumb-area .bg-title {
-webkit-text-stroke-color: rgba(255, 255, 255, 0.18);
}
.single .large-image-bottm-breadcrumb img {
width: 100% !important;
height: 260px !important;
max-width: 100%;
aspect-ratio: auto !important;
object-fit: cover;
object-position: center;
background: #0f1720;
border-radius: 12px;
margin: 0 auto;
display: block;
}
@media (max-width: 767px) {
.single-blog-area-one .bottom-details .thumbnail img { height: 220px !important; }
}
/* Sayfa ust bandi: sabit 477px yerine biraz kisaltildi (gereksiz ust/alt bosluk azalsin).
Temanin flex-center + shape/animasyon ortami aynen korunur, sadece yukseklik dusuruldu. */
.rts-breadcrumb-area {
height: 240px;
align-items: flex-start;
padding-top: 30px;
}
.rts-breadcrumb-area:has(+ .about-invena-large-image) {
height: 290px;
}
@media only screen and (max-width: 767px) {
.rts-breadcrumb-area,
.rts-breadcrumb-area:has(+ .about-invena-large-image) { height: 200px; padding-top: 16px; }
}
/* SplitText reveal animasyonu ic sayfa basliginda bazen yarida kaliyor
(ozellikle one-cikan gorselli sayfalarda ScrollTrigger yarisi) -> basligi her zaman goster */
.rts-breadcrumb-area .title.rts-text-anime-style-1,
.rts-breadcrumb-area .title.rts-text-anime-style-1 * {
opacity: 1 !important;
transform: none !important;
}
/* ============================================================
MOBİL MENÜ (hamburger + sağdan kayan panel) - iç sayfalar
header.php'ye menu-btn eklendi, footer.php'deki #side-bar
gerçek Rifay menüsüyle yeniden yazıldı.
============================================================ */
/* Hamburger butonu: masaüstünde gizli, <=1199px'te görünür */
header.header-one .menu-btn { display: none !important; }
@media (max-width: 1199px) {
header.header-one .nav-area { display: none; }
header.header-one .menu-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
min-width: 46px;
padding: 0;
margin-left: 14px;
background: transparent;
border: 1px solid rgba(255,255,255,.35);
border-radius: 10px;
cursor: pointer;
}
header.header-one .menu-btn img { width: 22px; height: 22px; filter: brightness(0) invert(1); }
header.header-one .header-main-one-wrapper { justify-content: space-between; }
}
@media (max-width: 479px) {
header.header-one .button-area .quote-btn { display: none !important; }
}
/* Panel içeriği */
.rifay-mmenu .rts-sidebar-menu-desktop { display: flex; flex-direction: column; height: 100%; }
.rifay-mmenu .logo-1 { display: block; margin: 6px 0 22px; }
.rifay-mmenu .logo-1 img { display: block; height: 42px; width: auto; max-width: 170px; }
.rifay-mmenu .rifay-mmenu-nav { flex: 1 1 auto; overflow-y: auto; margin: 0 -6px; padding: 0 6px; }
.rifay-mmenu ul#mobile-menu-active { list-style: none; margin: 0; padding: 0; }
.rifay-mmenu #mobile-menu-active li { margin: 0; border-bottom: 1px solid #eef0f2; }
.rifay-mmenu #mobile-menu-active > li > a {
display: block;
padding: 13px 30px 13px 2px;
font-size: 15.5px;
font-weight: 600;
color: #1a2433;
position: relative;
}
.rifay-mmenu #mobile-menu-active a { text-decoration: none; }
.rifay-mmenu #mobile-menu-active a.has-arrow::after {
content: "\f078";
font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", FontAwesome;
font-weight: 900;
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
color: #7a8794;
transition: transform .25s;
}
.rifay-mmenu #mobile-menu-active li.mm-active > a.has-arrow::after { transform: translateY(-50%) rotate(180deg); }
.rifay-mmenu #mobile-menu-active ul { list-style: none; margin: 0; padding: 0 0 8px 12px; }
.rifay-mmenu #mobile-menu-active ul li { border-bottom: 0; }
.rifay-mmenu #mobile-menu-active ul li a {
display: block;
padding: 9px 8px;
font-size: 14px;
font-weight: 500;
color: #55606c;
line-height: 1.4;
}
.rifay-mmenu #mobile-menu-active ul li a:hover,
.rifay-mmenu #mobile-menu-active > li > a:hover { color: #1e2a5a; }
/* metisMenu aç/kapa */
.rifay-mmenu #mobile-menu-active .mm-collapse:not(.mm-show) { display: none; }
.rifay-mmenu #mobile-menu-active .mm-collapsing { transition: height .3s ease; overflow: hidden; }
/* Alt: Teklif + iletişim + sosyal */
.rifay-mmenu-foot { padding: 20px 0 6px; border-top: 1px solid #eef0f2; margin-top: 10px; }
.rifay-mmenu-foot .rts-btn.btn-primary {
display: block; text-align: center; width: 100%;
padding: 12px 18px; border-radius: 10px; margin-bottom: 14px;
}
.rifay-mmenu-foot .rifay-mmenu-mail {
display: inline-block; font-size: 14px; font-weight: 600; color: #1a2433; margin-bottom: 12px;
}
.rifay-mmenu-foot .rifay-mmenu-mail i { color: #007577; margin-right: 6px; }
.rifay-mmenu-social { display: flex; gap: 10px; }
.rifay-mmenu-social a {
width: 36px; height: 36px; border-radius: 8px;
display: inline-flex; align-items: center; justify-content: center;
background: #f2f4f6; color: #1a2433; font-size: 15px; transition: .2s;
}
.rifay-mmenu-social a:hover { background: #007577; color: #fff; }
/* Panel yalnızca <=1199px'te gerekli; üstünde gizli kalsın */
@media (min-width: 1200px) {
#side-bar.rifay-mmenu { display: none !important; }
}
/* Mobil menü - dil değiştirici (TR / EN / AR) */
.rifay-mmenu-lang {
padding: 2px 0 16px;
border-bottom: 1px solid #eef0f2;
margin-bottom: 14px;
}
.rifay-mmenu-lang__label {
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
color: #7a8794;
margin-bottom: 10px;
}
.rifay-mmenu-lang__label i { color: #007577; margin-right: 6px; }
.rifay-mmenu-lang__row { display: flex; gap: 8px; }
.rifay-mmenu-lang__btn {
flex: 1;
text-align: center;
padding: 11px 0;
border: 1px solid #dfe3e8;
border-radius: 8px;
font-weight: 700;
font-size: 14px;
color: #1a2433;
text-decoration: none;
transition: .15s;
}
.rifay-mmenu-lang__btn.is-active {
background: #1e2a5a;
color: #fff;
border-color: #1e2a5a;
}
.rifay-mmenu-lang__btn:not(.is-active):hover { border-color: #1e2a5a; color: #1e2a5a; }
/* ==== Mobilde üst şerit (mail / dil / sosyal) HEP görünsün ====
Tema onu <=991px gizliyordu -> dil değiştirici mobilde erişilemiyordu. */
@media (max-width: 991px) {
header .header-top-area-wrapper { display: block !important; }
header .header-top-area-wrapper .header-top-one-wrapper { min-height: 42px; flex-wrap: nowrap; }
header .header-top-area-wrapper .header-top-one-wrapper .left .mail a {
font-size: 12px;
padding: 9px 0;
margin-right: 0;
}
header .header-top-area-wrapper .header-top-one-wrapper .right { gap: 10px; }
header .header-top-area-wrapper .social-wrapper-one li a { margin-right: 12px; padding: 8px 0; }
header .header-top-area-wrapper .social-wrapper-one::after { display: none; }
}
@media (max-width: 560px) {
header .header-top-area-wrapper .header-top-one-wrapper .left { display: none; }
header .header-top-area-wrapper .header-top-one-wrapper { justify-content: flex-end; }
/* dar ekranda sosyal ikonları gizle, dil seçici öne çıksın */
header .header-top-area-wrapper .social-wrapper-one { display: none; }
}
/* sticky (aşağı kaydırınca) durumda da mobilde şerit kalsın */
@media (max-width: 991px) {
.header--sticky.sticky .header-top-area-wrapper { display: block !important; }
}
/* ==== Hamburger ikonu (FA) - her header'da beyaz, net ==== */
header .menu-btn,
header .menu-btn.menu {
background: transparent !important;
border: 1px solid rgba(255,255,255,.4) !important;
border-radius: 10px !important;
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
padding: 0 !important;
display: none !important;
align-items: center;
justify-content: center;
cursor: pointer;
}
header .menu-btn i {
color: #fff;
font-size: 20px;
line-height: 1;
}
@media (max-width: 1199px) {
header.header-one .menu-btn,
header.header-seven .menu-btn,
header.header-transparent .menu-btn { display: inline-flex !important; }
}
/* ==== Anasayfa hero başlığı - mobilde makul boyut (inline 100px -> override) ==== */
@media (max-width: 991px) {
.banner-seven-inner-content h1 { font-size: 58px !important; padding: 26px 0 !important; line-height: 1.08 !important; }
}
@media (max-width: 600px) {
.banner-seven-inner-content h1 { font-size: 42px !important; padding: 18px 0 !important; }
}
@media (max-width: 390px) {
.banner-seven-inner-content h1 { font-size: 33px !important; }
}
/* Proje Ornekleri swiper - nav butonlari daha belirgin (2026-09-11) */
.mySwiper-project-five .swiper-button-next,
.mySwiper-project-five .swiper-button-prev {
width: 46px;
height: 46px;
background: var(--color-primary) !important;
border: none !important;
border-radius: 50% !important;
box-shadow: 0 6px 16px rgba(0,0,0,.25) !important;
opacity: 1 !important;
z-index: 5;
}
.mySwiper-project-five .swiper-button-next i,
.mySwiper-project-five .swiper-button-prev i {
color: #fff !important;
font-size: 16px;
}
.mySwiper-project-five .swiper-button-next:hover,
.mySwiper-project-five .swiper-button-prev:hover {
background: #17475f !important;
}
.mySwiper-project-five .swiper-button-next {
right: calc(50% - 130px);
}
.mySwiper-project-five .swiper-button-prev {
left: calc(50% - 130px);
}
.mySwiper-project-five .swiper-button-next.swiper-button-disabled,
.mySwiper-project-five .swiper-button-prev.swiper-button-disabled {
opacity: .35 !important;
}