/* Teknoblog Ads Manager — Frontend Stilleri */

/* ── Dış kapsayıcı ── */
.tb-ad-placement {
    box-sizing: border-box;
}

/* Hizalama modifiyerleri */
.tb-ad-placement--left {
    float: left;
    margin-top:    var(--tb-mt, 0px);
    margin-bottom: var(--tb-mb, 0px);
    margin-left:   var(--tb-ml, 0px);
    margin-right:  var(--tb-mr, 0px);
}

.tb-ad-placement--right {
    float: right;
    margin-top:    var(--tb-mt, 0px);
    margin-bottom: var(--tb-mb, 0px);
    margin-left:   var(--tb-ml, 0px);
    margin-right:  var(--tb-mr, 0px);
}

.tb-ad-placement--center {
    display: block;
    margin-left:   auto;
    margin-right:  auto;
    text-align:    center;
    margin-top:    var(--tb-mt, 0px);
    margin-bottom: var(--tb-mb, 0px);
}

.tb-ad-placement--none {
    display: block;
    width:         100%;
    margin-top:    var(--tb-mt, 0px);
    margin-bottom: var(--tb-mb, 0px);
    margin-left:   var(--tb-ml, 0px);
    margin-right:  var(--tb-mr, 0px);
}

/* Clearfix */
.tb-ad-clearfix {
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
}

/* ── İç kapsayıcı ── */
.tb-ad-wrap {
    overflow: hidden;
    min-height: var(--tb-mh, 50px);
    transition: min-height 0.15s ease;
}

.tb-ad-placement--left  .tb-ad-wrap,
.tb-ad-placement--right .tb-ad-wrap {
    width: fit-content;
    width: -moz-fit-content;
}

.tb-ad-placement.is-collapsed {
    overflow: hidden;
    transition: min-height 0.2s ease;
}

/* ── Banner ── */
.tb-ad-banner-link {
    display: block;
    line-height: 0; /* Görselin altındaki boşluğu kaldırır */
}

.tb-ad-banner-link img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* ── Sponsor Kartı (Waterfall) ── */
.tb-sponsor-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #fafafa;
    font-family: inherit;
}

.tb-sponsor-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #999;
}

.tb-sponsor-body {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tb-sponsor-logo {
    max-width: 120px;
    max-height: 40px;
    width: auto;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
}

.tb-sponsor-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tb-sponsor-name {
    font-weight: 600;
    font-size: 14px;
    color: inherit;
    text-decoration: none;
}

.tb-sponsor-name:hover {
    text-decoration: underline;
}

.tb-sponsor-tagline {
    font-size: 12px;
    color: #666;
}

/* ── Tanıtıcı Yazı Inline Notice (Post seviyesi) ── */
.tb-sponsored-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    margin-bottom: 28px;
    background: #f0f4ff;
    border-left: 4px solid #4a6cf7;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.tb-sponsored-notice__icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    background-color: #4a6cf7;
    border-radius: 50%;
    /* 'i' ikonu — CSS ile çizilir, harici font gerekmez */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tb-sponsored-notice__icon::after {
    content: 'i';
    color: #fff;
    font-size: 11px;
    font-style: italic;
    font-weight: 700;
    font-family: Georgia, serif;
    line-height: 1;
}

.tb-sponsored-notice__text {
    margin: 0;
    padding: 0;
}

.tb-sponsored-notice__text a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}