/* Public site — mobile / tablet responsive overrides (≤991px FAB, ≤767px layout)

   Loaded last among public CSS (before cookie-consent). Desktop (≥992px) unchanged. */



*, *::before, *::after {

    box-sizing: border-box;

}



@media (max-width: 991.98px) {

    html,

    body.pub {

        overflow-x: hidden;

        max-width: 100%;

    }



    body.pub {

        --pub-fab-bar-height: calc(4.5rem + env(safe-area-inset-bottom, 0px));

        --pub-fab-clearance: calc(var(--pub-fab-bar-height) + 0.75rem);

    }



    body.pub .pub-main {

        min-width: 0;

        overflow-x: clip;

        padding-bottom: var(--pub-fab-clearance);

    }



    body.pub .container,

    body.pub .container-fluid {

        max-width: 100%;

        padding-left: 16px;

        padding-right: 16px;

    }



    body.pub .row {

        --bs-gutter-x: 1rem;

        --bs-gutter-y: 1rem;

    }



    body.pub .row > [class*="col-"],

    body.pub [class*="col-"] {

        min-width: 0;

    }



    body.pub img,

    body.pub video,

    body.pub iframe {

        max-width: 100%;

        height: auto;

    }



    body.pub h1,

    body.pub h2,

    body.pub h3,

    body.pub h4,

    body.pub h5,

    body.pub h6,

    body.pub .pub-card__title,

    body.pub .pub-premium-campaign-lead__title,

    body.pub .pub-premium-featured-side__title,

    body.pub .pub-premium-story-card h4,

    body.pub .pub-premium-topic span {

        overflow-wrap: anywhere;

        word-break: break-word;

    }



    /* Header — logo/hamburger sabit üst satır, menü ayrı satır */

    body.pub .pub-header {

        padding: .5rem 0;

    }



    body.pub .pub-navbar {

        flex-direction: column;

        flex-wrap: nowrap;

        align-items: stretch;

        gap: 0;

    }



    body.pub .pub-navbar__bar {

        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%;

        flex-shrink: 0;

        gap: .5rem;

    }



    body.pub .pub-brand {

        max-width: calc(100% - 3.25rem);

        min-width: 0;

        margin-right: 0;

        flex: 1 1 auto;

    }



    body.pub .pub-brand__img {

        max-height: 42px;

        width: auto;

        max-width: 100%;

        object-fit: contain;

    }



    body.pub .pub-brand__logo {

        width: 36px;

        height: 36px;

        flex-shrink: 0;

    }



    body.pub .pub-navbar-toggler {

        margin-left: 0;

        flex-shrink: 0;

    }



    /* Floating actions — WhatsApp + Bağış Yap yan yana alt bar */

    body.pub .pub-mobile-fab-bar {

        position: fixed;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 1040;

        display: flex;

        flex-direction: row;

        align-items: stretch;

        gap: 0.5rem;

        padding: 0.625rem 1rem calc(0.625rem + env(safe-area-inset-bottom, 0px));

        background: linear-gradient(to top, rgba(255, 255, 255, 0.98) 72%, rgba(255, 255, 255, 0));

        pointer-events: none;

        box-sizing: border-box;

    }



    body.pub .pub-mobile-fab-bar > .pub-wa-fab,

    body.pub .pub-mobile-fab-bar > .pub-yyd-fab {

        position: static !important;

        flex: 1 1 0;

        min-width: 0;

        max-width: none !important;

        margin: 0;

        pointer-events: auto;

        justify-content: center;

        text-align: center;

        transform: none !important;

    }



    body.pub .pub-mobile-fab-bar:not(:has(.pub-wa-fab)) > .pub-yyd-fab {

        flex: 1 1 100%;

    }



    body.pub .pub-mobile-fab-bar .pub-wa-fab__text,

    body.pub .pub-mobile-fab-bar .pub-mobile-fab-bar__label {

        display: inline !important;

        max-width: none;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }



    body.pub .pub-mobile-fab-bar .pub-wa-fab:hover,

    body.pub .pub-mobile-fab-bar .pub-yyd-fab:hover {

        transform: none !important;

    }



    body.pub.stk-cookie-banner-active {

        --pub-fab-clearance: calc(var(--stk-cookie-bar-height, 5.5rem) + var(--pub-fab-bar-height) + 0.75rem);

    }



    body.pub.stk-cookie-banner-active .pub-mobile-fab-bar {

        bottom: var(--stk-cookie-bar-height, 5.5rem);

    }



    body.pub-has-sticky-donate .pub-main {

        padding-bottom: calc(var(--pub-fab-clearance) + 4.5rem);

    }



    /* Disable hover lift on touch/narrow viewports */

    body.pub .pub-card:hover,

    body.pub .public-campaign-card:hover,

    body.pub .pub-premium-work-card:hover,

    body.pub .pub-premium-campaign-lead:hover,

    body.pub .pub-premium-featured-side:hover,

    body.pub .pub-showcase-stat:hover,

    body.pub .pub-quick-card:hover,

    body.pub .pub-quick-action-card:hover,

    body.pub .pub-wa-fab:hover {

        transform: none;

    }

}



@media (max-width: 767.98px) {

    body.pub .pub-premium-section {

        padding: 2.25rem 0;

    }



    body.pub.pub-yyd .pub-premium-section {

        padding: clamp(2rem, 6vw, 2.75rem) 0;

    }



    body.pub .pub-home-journey {

        padding-bottom: 2.5rem;

    }



    body.pub .pub-home-journey .row > [class*="col-"] {

        flex: 0 0 100%;

        max-width: 100%;

    }



    /* Hero + quick donate */

    body.pub .pub-premium-quick__box {

        padding: 1.1rem 1rem;

    }



    body.pub .pub-premium-quick__actions {

        flex-direction: column;

        align-items: stretch !important;

        width: 100%;

    }



    body.pub .pub-premium-quick__actions .pub-premium-toggle,

    body.pub .pub-premium-quick__actions .btn-group {

        width: 100%;

    }



    body.pub .pub-premium-quick__actions .pub-premium-toggle .btn,

    body.pub .pub-premium-quick__actions .btn-group .btn {

        flex: 1 1 50%;

    }



    body.pub .pub-premium-quick__actions .pub-premium-btn,

    body.pub .pub-premium-quick__actions .ms-auto {

        margin-left: 0 !important;

        width: 100%;

    }



    body.pub .pub-premium-amount {

        flex: 1 1 calc(33.333% - .5rem);

        min-width: 0;

        text-align: center;

    }



    body.pub .pub-premium-hero--slider .pub-premium-hero__slide {

        min-height: min(420px, 72vh);

    }



    body.pub .pub-premium-hero__actions {

        flex-direction: column;

        align-items: stretch;

    }



    body.pub .pub-premium-hero__actions .btn {

        width: 100%;

    }



    body.pub.pub-yyd .pub-premium-hero h1 {

        max-width: none;

    }



    /* Featured campaigns — force single column stack */

    body.pub .pub-featured-layout > [class*="col-"] {

        flex: 0 0 100%;

        max-width: 100%;

    }



    body.pub .pub-featured-layout__side {

        gap: .85rem;

    }



    body.pub .pub-premium-campaign-lead,

    body.pub .pub-premium-featured-side {

        min-width: 0;

        width: 100%;

    }



    body.pub .pub-premium-featured-side__main {

        align-items: flex-start;

    }



    body.pub .pub-premium-featured-side__actions {

        flex-wrap: wrap;

    }



    body.pub .pub-premium-featured-side__actions .btn {

        flex: 1 1 calc(50% - .25rem);

        min-width: 0;

        white-space: normal;

        text-align: center;

    }



    body.pub .pub-premium-campaign-lead__actions {

        flex-direction: column;

        align-items: stretch;

    }



    body.pub .pub-premium-campaign-lead__actions .btn {

        width: 100%;

        min-width: 0;

        flex: none;

    }



    body.pub .pub-progress__meta {

        flex-direction: column;

        align-items: flex-start;

        gap: .15rem;

    }



    /* Stories — single column on phone */

    body.pub .pub-home-stories__grid > [class*="col-"] {

        flex: 0 0 100%;

        max-width: 100%;

    }



    body.pub .pub-home-stories .row.g-3 > [class*="col-"] {

        flex: 0 0 100%;

        max-width: 100%;

    }



    /* Work / donation cards */

    body.pub .pub-premium-work-card,

    body.pub .pub-premium-well-card,

    body.pub .public-campaign-card {

        min-width: 0;

        width: 100%;

    }



    body.pub .pub-premium-work-card__actions {

        flex-direction: column;

        align-items: stretch;

    }



    body.pub .pub-premium-work-card__actions .btn {

        width: 100%;

        flex: none;

    }



    body.pub .pub-premium-work-card__body h3,

    body.pub .pub-premium-work-card__body p {

        min-height: 0;

    }



    /* Campaign list cards */

    body.pub .pub-card__actions {

        flex-direction: column;

        align-items: stretch;

    }



    body.pub .pub-card__actions .pub-btn-primary,

    body.pub .pub-card__actions .pub-btn-outline {

        width: 100%;

        flex: none;

    }



    body.pub .pub-card__quick-amounts a {

        flex: 1 1 calc(33.333% - .35rem);

        text-align: center;

        min-width: 0;

    }



    /* Track form */

    body.pub .pub-premium-track__box {

        flex-direction: column;

        align-items: stretch;

    }



    body.pub .pub-premium-track__box form {

        max-width: 100% !important;

        flex-direction: column;

        width: 100%;

    }



    body.pub .pub-premium-track__box form .btn {

        width: 100%;

    }



    /* Process steps component (inner pages) */

    body.pub .pub-process-steps .row > [class*="col-"] {

        flex: 0 0 50%;

        max-width: 50%;

    }



    body.pub .pub-process-step {

        padding: .5rem .35rem;

    }

}



@media (max-width: 575.98px) {

    body.pub .pub-home-quick-cards .row > [class*="col-"],

    body.pub .pub-prof-quick-actions .row > [class*="col-"] {

        flex: 0 0 100%;

        max-width: 100%;

    }



    body.pub .pub-premium-amount {

        flex: 1 1 calc(50% - .5rem);

    }



    body.pub .pub-process-steps .row > [class*="col-"] {

        flex: 0 0 100%;

        max-width: 100%;

    }



    body.pub .pub-yyd-fab span,

    body.pub .pub-yyd-fab {

        font-size: .68rem;

        padding: .65rem .85rem;

    }

}



@media (min-width: 576px) and (max-width: 767.98px) {

    body.pub .pub-home-stories .row.g-3 > [class*="col-md-6"] {

        flex: 0 0 50%;

        max-width: 50%;

    }



    body.pub .pub-home-quick-cards .row > [class*="col-sm-6"],

    body.pub .pub-prof-quick-actions .row > [class*="col-sm-6"] {

        flex: 0 0 50%;

        max-width: 50%;

    }

}



@media (min-width: 768px) and (max-width: 991.98px) {

    body.pub .pub-home-stories .row.g-3 > [class*="col-md-6"] {

        flex: 0 0 50%;

        max-width: 50%;

    }

}