/* custom-albayrak.css — Albayrak Revizyon Turu #1 (tek müşteri stylesheet'i; main.css'e DOKUNULMAZ). head-extra.php kancasıyla en sona yüklenir → donör kurallarını güvenle ezer. */ /* ===== 1) Slider okunabilirliği: overlay + text-shadow + dengeli fontlar ===== REV#2 FIX: .slide_img donörde ABSOLUTE (main.css:2182) — Rev#1'deki position:relative override'ı katmanlaşmayı bozup başlıkları kaybetti. Override KALDIRILDI; ::after overlay absolute parent'ı zaten kaplar (z-index:1 → içerik z-index:2 üstte kalır). */ .banner_slider_3 .slide_img::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(15,23,42,.25) 0%, rgba(15,23,42,.45) 60%, rgba(15,23,42,.6) 100%); } /* REV#3-4: Rev#1'deki font kuralları .slide sınıfını atladığından donör seçicisine (main.css:2034 — 90px/100px, 0-3-1 özgüllük) HİÇ işlememişti; başlıklar masaüstünde 90px basılıyordu. Seçici donörle eşitlendi (dosya sonda yüklendiği için kaskad bizde); ölçek rafine edildi, uzun başlıklar için max-width + dengeli line-height eklendi. */ .banner_slider_3 .slide .slide__content--headings h2 { font-size: 48px; line-height: 1.25; letter-spacing: .2px; max-width: 920px; margin-left: auto; margin-right: auto; text-shadow: 0 2px 18px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.7); } .banner_slider_3 .slide .slide__content--headings .highlight_text { font-size: 18px; letter-spacing: 2px; text-shadow: 0 1px 8px rgba(0,0,0,.6); } @media (max-width: 1024px) { .banner_slider_3 .slide .slide__content--headings h2 { font-size: 40px; } } @media (max-width: 991px) { .banner_slider_3 .slide .slide__content--headings h2 { font-size: 34px; } } @media (max-width: 767px) { .banner_slider_3 .slide .slide__content--headings h2 { font-size: 28px; line-height: 1.3; } } @media (max-width: 600px) { .banner_slider_3 .slide .slide__content--headings h2 { font-size: 24px; } .banner_slider_3 .slide .slide__content--headings .highlight_text { font-size: 15px; } } /* ===== 2) Menü: masaüstü caret + mobil [+]/[−] accordion göstergesi ===== */ nav.main-menu ul.menu > li.mega-menu-item > a.mega-menu-link { cursor: default; } nav.main-menu ul.menu > li.mega-menu-item > a.mega-menu-link::after { content: "\f107"; font-family: FontAwesome; margin-left: 6px; font-size: 12px; opacity: .7; } @media (max-width: 1200px) { nav.main-menu ul.menu > li.mega-menu-item > a.mega-menu-link { cursor: pointer; } nav.main-menu ul.menu > li.mega-menu-item > a.mega-menu-link::after { content: "+"; font-family: inherit; font-weight: 700; float: right; font-size: 16px; } nav.main-menu ul.menu > li.mega-menu-item > a.mega-menu-link.active::after { content: "\2212"; } } /* ===== 4+7) Proje/içerik kartları: çakışma KÖK NEDENİ düzeltmesi ===== REV#2: donör .ttm-details-link'i ABSOLUTE (shortcodes.css:1588 — top:25px;right:4px) konumluyor; uzun başlıkta linkin başlığın üstüne binmesinin nedeni bu. Doğal akışa alındı: Görsel → Başlık (2 satır clamp) → Özet (3 satır clamp) → Devamını Oku (en altta, ayraçlı). */ .featured-imagebox-services.style1 { display: flex; flex-direction: column; } .featured-imagebox-services.style1 .featured-content { display: flex; flex-direction: column; flex: 1; position: static; } .featured-imagebox-services.style1 .featured-content .ttm-details-link { position: static; top: auto; right: auto; margin-top: auto; padding-top: 12px; border-top: 1px solid #eef0f3; font-size: 14px; font-weight: 600; text-align: left; } .featured-imagebox-services .featured-title h3, .featured-imagebox-portfolio .featured-title h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 26px; font-size: 19px; margin-bottom: 8px; } .featured-imagebox-services .featured-desc p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; } .featured-imagebox-services, .featured-imagebox-portfolio { height: calc(100% - 30px); } /* ===== 5/6) Referans logo vitrini — REV#2: logo alanı belirgin büyütüldü ===== */ .alb-ref-card { background: #fff; border: 1px solid #eef0f3; border-radius: 8px; padding: 28px 18px 20px; text-align: center; height: calc(100% - 30px); display: flex; flex-direction: column; align-items: center; justify-content: center; transition: box-shadow .25s, transform .25s; } .alb-ref-card:hover { box-shadow: 0 10px 32px rgba(15,23,42,.12); transform: translateY(-4px); } /* REV#4-1: kart altı kurum adı kaldırıldı (yalnız logo) → img alt boşluğu sıfır, tam ortalı */ .alb-ref-card img { max-height: 150px; max-width: 92%; width: auto; margin-bottom: 0; filter: grayscale(25%); transition: filter .25s; } .alb-ref-card:hover img { filter: none; } /* ===== 6/REV#2-3) Üretim süreci — premium endüstriyel kartlar ===== Donörün kırmızı ikon kutusu + amatör numara balonu gizlendi; büyük 01-04 tipografisi, yalın büyük ikon, accent alt çizgi, hover yükselme, adımlar arası akış oku. */ .alb-process-img { border-radius: 10px; overflow: hidden; box-shadow: 0 14px 40px rgba(15,23,42,.18); } .alb-process-img img { width: 100%; display: block; } .alb-process-steps { counter-reset: albstep; } .alb-process-steps .featured-icon-box.style8 { counter-increment: albstep; position: relative; background: #fff; border: 1px solid #e9ecf0; border-radius: 10px; padding: 30px 24px 26px; height: calc(100% - 30px); overflow: hidden; transition: transform .3s, box-shadow .3s; } .alb-process-steps .featured-icon-box.style8::before { content: "0" counter(albstep); position: absolute; top: 10px; right: 16px; font-size: 64px; font-weight: 800; line-height: 1; color: #eef0f3; letter-spacing: -2px; transition: color .3s; } .alb-process-steps .featured-icon-box.style8::after { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 0; background: #c3002f; transition: width .35s; } .alb-process-steps .featured-icon-box.style8:hover { transform: translateY(-8px); box-shadow: 0 16px 38px rgba(15,23,42,.14); } .alb-process-steps .featured-icon-box.style8:hover::before { color: #f8d7dd; } .alb-process-steps .featured-icon-box.style8:hover::after { width: 100%; } /* REV#5-1: birleşik bölümde kart şeridinin kompakt alt başlığı (alb-about h3 deseninin ortalı sürümü — aynı tasarım dili, accent alt çizgi; süreç kartlarının kırmızısıyla) */ .alb-process-steps-title { text-align: center; margin-bottom: 26px; } .alb-process-steps-title h3 { display: inline-block; margin: 0; padding-bottom: 10px; font-size: 24px; border-bottom: 2px solid #c3002f; } /* donörün kutu/balonu gizle; ikon yalın ve büyük. REV#5-2: ikon kart köşesine fazla yakındı → birkaç px nefes (üst+sol 4px, alt 14→16px); kart padding'i ve 01-04 numarası (::before, sağ üst) DEĞİŞMEDİ. */ .alb-process-steps .featured-icon-box.style8 .fea_num { display: none; } .alb-process-steps .featured-icon-box.style8 .ttm-icon { background: transparent !important; width: auto; height: auto; line-height: 1; margin: 4px 0 16px 4px; } .alb-process-steps .featured-icon-box.style8 .ttm-icon i { font-size: 46px; color: #c3002f; } .alb-process-steps .featured-icon-box.style8 .featured-title h3 { font-size: 20px; margin-bottom: 8px; } .alb-process-steps .featured-icon-box.style8 .featured-desc p { font-size: 14px; line-height: 1.7; color: #5b6470; margin: 0; } /* süreç akışı hissi: kartlar arası ok (yalnız masaüstü) */ @media (min-width: 992px) { .alb-process-steps > div:not(:last-child) { position: relative; } .alb-process-steps > div:not(:last-child)::after { content: "\f178"; font-family: FontAwesome; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); color: #c3002f; opacity: .45; font-size: 18px; z-index: 2; } } /* ===== 7) Filtrelenebilir galeri ===== */ .alb-filter-nav { text-align: center; margin-bottom: 26px; } .alb-filter-nav .alb-filter-btn { display: inline-block; padding: 8px 22px; margin: 0 4px 8px; border: 1px solid #d7dbe0; border-radius: 999px; font-size: 14px; font-weight: 600; cursor: pointer; background: #fff; transition: all .2s; } .alb-filter-nav .alb-filter-btn.active, .alb-filter-nav .alb-filter-btn:hover { background: #1f2430; color: #fff; border-color: #1f2430; } .alb-gallery-grid .alb-gallery-item { padding: 8px; } .alb-gallery-grid figure { position: relative; margin: 0; border-radius: 8px; overflow: hidden; } .alb-gallery-grid figure img { width: 100%; display: block; transition: transform .35s; } .alb-gallery-grid figure:hover img { transform: scale(1.06); } .alb-gallery-grid figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 14px; background: linear-gradient(0deg, rgba(15,23,42,.75), transparent); color: #fff; font-size: 13px; opacity: 0; transition: opacity .25s; } .alb-gallery-grid figure:hover figcaption { opacity: 1; } /* ===== 8) Sayaç tipografisi ===== */ .alb-counter { text-align: center; padding: 10px 18px; } .alb-counter .alb-counter-value { font-size: 58px; font-weight: 800; line-height: 1.05; letter-spacing: -1px; } .alb-counter .alb-counter-value .suffix { font-size: 26px; font-weight: 700; margin-left: 4px; opacity: .85; } .alb-counter .alb-counter-title { font-size: 18px; font-weight: 700; margin: 8px 0 10px; text-transform: uppercase; letter-spacing: 1px; } .alb-counter .alb-counter-desc { font-size: 14px; line-height: 1.7; opacity: .8; max-width: 320px; margin: 0 auto; } .alb-counter + .alb-counter { border-left: 1px solid rgba(255,255,255,.12); } @media (max-width: 767px) { .alb-counter + .alb-counter { border-left: 0; border-top: 1px solid rgba(255,255,255,.12); margin-top: 14px; padding-top: 20px; } } /* ===== 9) Referanslarımız carousel — REV#2: logolar büyütüldü (6→4 logo, 96px) ===== */ .alb-ref-carousel .alb-ref-slide { padding: 6px 24px; text-align: center; } .alb-ref-carousel .alb-ref-slide img { max-height: 96px; width: auto; margin: 0 auto; filter: grayscale(45%); opacity: .85; transition: all .25s; } .alb-ref-carousel .alb-ref-slide img:hover { filter: none; opacity: 1; } /* ===== REV#2-4) Kalite belgeleri — 3x2 grid, büyük sertifikalar ===== */ .alb-cert-item { padding: 12px; } .alb-cert-item a { display: block; background: #fff; border: 1px solid #e9ecf0; border-radius: 10px; padding: 18px; transition: transform .3s, box-shadow .3s; } .alb-cert-item a:hover { transform: scale(1.04); box-shadow: 0 14px 34px rgba(15,23,42,.14); } .alb-cert-item img { max-height: 240px !important; width: auto; margin: 0 auto; display: block; } /* ===== 3) Hakkımızda kurumsal bölümleri ===== */ .alb-about h3 { margin-top: 38px; padding-bottom: 10px; border-bottom: 2px solid #e63946; display: inline-block; } .alb-img-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 14px 0 8px; } .alb-img-grid img { width: 100%; border-radius: 8px; display: block; } @media (max-width: 767px) { .alb-img-grid { grid-template-columns: repeat(2, 1fr); } } .alb-cert-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; align-items: center; margin: 14px 0 8px; } .alb-cert-grid img { width: 100%; border: 1px solid #eef0f3; border-radius: 6px; padding: 6px; background: #fff; } @media (max-width: 767px) { .alb-cert-grid { grid-template-columns: repeat(3, 1fr); } } .alb-timeline { list-style: none; padding: 0; margin: 14px 0; border-left: 3px solid #e63946; } .alb-timeline li { position: relative; padding: 0 0 18px 24px; } .alb-timeline li::before { content: ""; position: absolute; left: -8px; top: 5px; width: 13px; height: 13px; border-radius: 50%; background: #e63946; } .alb-timeline li strong { display: inline-block; min-width: 56px; color: #1f2430; } .alb-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 14px 0; padding: 0; list-style: none; } .alb-values li { background: #f6f7f9; border-radius: 8px; padding: 16px; font-weight: 600; text-align: center; } @media (max-width: 767px) { .alb-values { grid-template-columns: 1fr; } } /* ===== 10) Footer dengesi ===== */ .second-footer .widget { margin-bottom: 24px; } .second-footer .widget_nav_menu ul.menu li { padding: 4px 0; } /* ===== REV#3-2) Sayfalama görünürlüğü ===== Core paginate()