/* H-78: UI fixes from the AITEST UI report; loaded only while Seo:UiH78 is on. Fixed contact buttons, header, footer, cookie card, forms: not touched. */

/* /vaka-calismalari (findings 1, 2): shared page hero + icon cards with one fixed title size */
.cs78-section { padding: 48px 0; }
.cs78-section .lead { text-align: center; max-width: 720px; margin: 0 auto 32px; }
.cs78-card { border: 1px solid #d5deea; border-radius: 12px; background: #fff; padding: 24px; max-width: 840px; margin: 0 auto 24px; }
.cs78-head { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 2px solid #0b4f9c; }
.cs78-ico { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 10px; background: #e8f0fa; color: #0b4f9c; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; }
.cs78-title { margin: 0; font-size: 1.25rem; line-height: 1.35; font-weight: 700; color: #0f2a4a; }
.cs78-card p { font-size: 16px; line-height: 1.6; color: #1f2937; }
.cs78-card dl { margin: 16px 0 0; }
.cs78-card dt { font-weight: 600; }
.cs78-card dd { margin: 0 0 12px; }
.cs78-card dd small { display: block; color: #4a5560; font-size: 14px; }
.cs78-card blockquote { margin: 16px 0 0; padding-left: 16px; border-left: 3px solid #0b4f9c; }

/* /vaka-calismalari on phones: card and lead sizes (the contact column floats above the page and reserves no room, 02.11) */
@media (max-width: 767px) {
    .cs78-card { padding: 18px 16px; }
    .cs78-section .lead { font-size: 17px; line-height: 1.55; }
}

/* Phones, inner page banner (finding 16): 200 px instead of 420 px (the title sits at the bottom of the banner under the fixed header).
   Phones, header (finding 17): the 45 px top bar is hidden and the header is 64 px instead of 112 px; the menu opener, logo and login button stay. */
@media (max-width: 767px) {
    html body .top-bar { display: none !important; }
    html body header.site-header { padding-top: 8px !important; padding-bottom: 6px !important; }
    html body header.site-header .header-left img.img-fluid { height: 48px !important; width: auto !important; }
    html body .breadcrumb-img { height: 200px !important; padding-top: 84px !important; display: flex; align-items: center; }
    html body .breadcrumb-img .container { width: 100%; }
    html body .breadcrumb-img .heading { margin-top: 0 !important; }
    html body .breadcrumb-img .heading-title.size-xl { font-size: 30px !important; line-height: 1.2 !important; margin: 0 !important; }
}

/* Phones, sticky tab menu of /ozellikler and /sss (finding 10): one row that scrolls sideways instead of four wrapped rows. */
@media (max-width: 767px) {
    html body .alt-nav .w-container { flex-wrap: nowrap !important; justify-content: flex-start !important; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px; }
    html body .alt-nav .w-container::-webkit-scrollbar { display: none; }
    html body .alt-nav .link-block-3 { flex: 0 0 auto; white-space: nowrap; min-height: 44px; }
}

/* Phones, small buttons and links (findings 20 and 21): 44 px touch height for the "Daha Fazla Bilgi" buttons and the LinkedIn profile link. */
@media (max-width: 767px) {
    html body .expand-hint { min-height: 44px; }
    html body a[href*="linkedin.com"] { display: inline-flex; align-items: center; min-height: 44px; }
}

/* /kimler-icin profile cards (finding 12): an outline icon before each card title, drawn as a CSS mask so no icon font glyph is needed; four shapes repeat. */
.prf-page .prf-cards .ozl-card-title { display: flex; align-items: center; gap: 10px; }
.prf-page .prf-cards .ozl-card-title::before { content: ""; flex: 0 0 auto; width: 26px; height: 26px; background-color: #0b4f9c; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.prf-page .prf-cards .ozl-card:nth-child(4n+1) .ozl-card-title::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E"); }
.prf-page .prf-cards .ozl-card:nth-child(4n+2) .ozl-card-title::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E"); }
.prf-page .prf-cards .ozl-card:nth-child(4n+3) .ozl-card-title::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.prf-page .prf-cards .ozl-card:nth-child(4n) .ozl-card-title::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E"); }