/* ═══════════════════════════════════════════════ */
/*  GROUP 1 — DIVIDERS & SPACERS                     */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  CONTENT DIVIDER           */
/* :::::::::::::::::::::::::: */

.content-end-divider {
  width: 100%;
  height: 8px;
  margin: 10px 0;

  background-color: #f7f7f7;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(0,0,0,0.05),
    rgba(0,0,0,0.05) 6px,
    transparent 6px,
    transparent 12px
  );

  border-radius: 4px;
}

/* :::::::::::::::::::::::::: */
/*  INVISIBLE DIVIDER (HR)    */
/* :::::::::::::::::::::::::: */

.hr-invi {
    margin: 5px 0;
    border: 0;
}


/* ═══════════════════════════════════════════════ */
/*  GROUP 2 — BANNER / ADVERTISING                   */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  BANNER PLACEHOLDER        */
/* :::::::::::::::::::::::::: */

.banner-placeholder {
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;

    background: #6f737a;
    border-radius: 8px;
    color: #f2f2f2;

    position: relative;
    overflow: hidden;

    margin: 6px 0;
}

.banner-size {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #f2f2f2;
}

.banner-cta {
    font-size: 20px;
    font-weight: 400;
    color: #f2f2f2;
}


/* ═══════════════════════════════════════════════ */
/*  GROUP 3 — FOLLOW / SOCIAL                         */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  FOLLOW WRAPPER            */
/* :::::::::::::::::::::::::: */

.follow-wrapper {
    width: 100%;
    background-color: #f9fcff;
    text-align: center;
    padding: 14px 0;
    margin: 14px 0;
    border-top: 2px solid #dbe9f5;
    border-bottom: 2px solid #dbe9f5;
}

.follow-text {
    font-size: 30px;
    font-family: Arial, sans-serif;
    font-weight: 500;
    color: #23384d;
    letter-spacing: 10px;
    display: inline-block;
    margin-bottom: 5px;
}


/* ═══════════════════════════════════════════════ */
/*  GROUP 4 — COMMENT AREA (WRAPPER)                  */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  COMMENT OUTER BOX         */
/* :::::::::::::::::::::::::: */

.CommentOuterBox {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 20px;
    background: #fff;
    padding: 32px 28px;
    border-radius: 18px;
    border: 1px solid #e8e8e8;
/*    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.025),
        0 4px 8px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;*/

    box-shadow:
    0 1px 2px rgba(0,0,0,0.02),
    0 2px 6px rgba(0,0,0,0.015);
}

.CommentOuterBox.pageSpecialPadding{
    padding: 10px 28px;
    margin: 5px 0px 15px 0px;
}

.CommentOuterBoxMaring{
    margin: 0px;
    padding: 0px;
}

.CommentOuterBox .tech-banner{
    margin-top: -25px;
}


/* ═══════════════════════════════════════════════ */
/*  GROUP 5 — FORMS                                  */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  CONTACT FORM (İLETİŞİM)   */
/* :::::::::::::::::::::::::: */

.IletisimFormu .form-control.input-lg {
    margin-top: 10px;
    margin-bottom: 15px;
}

.IletisimFormu .TextBoxCaptchaa {
    margin-top: 0 !important;
}

.IletisimFormu .form-control.error {
    border: 2px solid #ff0000 !important;
    background-color: #fff8f8;
}

/* :::::::::::::::::::::::::: */
/*  COMMENTS   */
/* :::::::::::::::::::::::::: */
.CommentOuterBoxMaring .form-control.error {
    border: 2px solid #ff0000 !important;
    background-color: #fff8f8;
}
#myorum-popup .form-control.error {
    border: 2px solid #ff0000 !important;
    background-color: #fff8f8;
}
.CommentOuterBoxMaring .form-control.input-lg,
#myorum-popup .form-control.input-lg {        /* ⬅ YENI: modal alanlari da ayni bosluk */
    margin-top: 5px;
    margin-bottom: 5px;
}
.CommentOuterBoxMaring .TextBoxCaptchaa,
#myorum-popup .txtcpt {                        /* ⬅ YENI: modal captcha kutusu da resimle hizali */
    margin-top: 0 !important;
}
.CommentOuterBoxMaring .msg-counter,
#myorum-popup .msg-counter {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.35);
    font-style: italic;
    margin-top: 2px;
    margin-bottom: 12px;
    text-align: right;
    transition: all .2s ease;
    pointer-events: none;
}
.dotani::after {
    content: "";
    animation: dotaniAnim 1.4s steps(1, end) infinite;
}
@keyframes dotaniAnim {
    0%   { content: ""; }
    25%  { content: "."; }
    50%  { content: ".."; }
    75%  { content: "..."; }
}
.CommentOuterBoxMaring .msg-counter.msg-warning,
#myorum-popup .msg-counter.msg-warning,
#myorum-popup .lblsifirc.msg-warning {
    color: #ff0000 !important;
}
/* Uzun, bosluksuz metinlerin panel disina tasmasini engelle */
.CommentOuterBoxMaring p,
.CommentOuterBoxMaring .minfo span {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.btnYorumCevapVazgec:hover i { color: #333 !important; }

/* Mobilde captcha resmi ile Güvenlik Kodu kutusu arasına boşluk */
@media (max-width: 991px) {
    .CommentOuterBoxMaring .col-md-4 img,
    #myorum-popup .col-md-5 img {
        margin-bottom: 8px;
    }
}

/* Yanit listesi (DataList -> table) tam genislik */
table[id$="dlYorumCevap"] {
    width: 100%;
}

/* Ana yorumlar - yanitlarla ayni tarz, baskin (gri) */
/*.yorum-item {
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 12px 14px;
    border-left: 4px solid #9aa7b1;*/   /* gri-koyu sol cizgi */
    /*background: #f6f7f9;*/              /* notr gri arka plan */
    /*border-radius: 8px;
}*/
/* Ana yorumda tarih/kullanici satiri + ikonlar notr renk */
/*.yorum-item .minfo,
.yorum-item .minfo span,
.yorum-item .minfo i {
    color: #5a6b78;
}*/

/* Yorum yanitlari (cevaplar) - belirgin gorunum */
/*.cevap-item {
    display: block;
    width: 100%;
    box-sizing: border-box;*/        /* padding tasmasin, %100 icinde kalsin */
    /*margin-bottom: 15px;
    padding: 12px 14px;
    border-left: 4px solid #dbe9f5;
    background: #f9fcff;
    border-radius: 8px;
}*/


/* Ana yorumlar - mavi */
.yorum-item {
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 12px 14px;
    border-left: 4px solid #dbe9f5;   /* mavi sol cizgi */
    background: #f9fcff;              /* hafif mavi arka plan */
    border-radius: 8px;
}

/* Yorum yanitlari (cevaplar) - gri, baskin */
.cevap-item {
    display: block;
    width: 100%;
    box-sizing: border-box;          /* padding tasmasin, %100 icinde kalsin */
    margin-bottom: 15px;
    padding: 12px 14px;
    border-left: 4px solid #9aa7b1;   /* gri-koyu sol cizgi */
    background: #f6f7f9;             /* notr gri arka plan */
    border-radius: 8px;
}
/* Cevapta tarih/kullanici satiri + ikonlar notr renk */
.cevap-item .minfo,
.cevap-item .minfo span,
.cevap-item .minfo i {
    color: #5a6b78;
}

.cevaplar-bar {
    display: block;
    margin: 4px 0 12px;
    padding: 0 0 6px;
    font-weight: 700;
    color: #5a6b78;
    background: none;
    border: none;
    border-bottom: 2px solid #c7d0d6;   /* sadece alt ayrac */
    border-radius: 0;
}
.cevaplar-bar i { margin-right: 6px; }

/* Cevap yoksa "Cevaplar" barini gizle */
.cevaplar-bar:not(:has(+ table tr)) {
    display: none;
}


/* ═══════════════════════════════════════════════ */
/*  GROUP 6 — CONTENT CALLOUT BOXES                  */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  NOTEBOX                   */
/* :::::::::::::::::::::::::: */

.NoteBox {
  position: relative;
  background-color: #fef9f3;      /* orijinal sarı arka plan */
  border: none;                   
  border-left: 10px solid #f0ad4e; /* orijinal turuncu kenar */
  border-radius: 6px;
  padding: 14px 18px 14px 66px;   /* metin için soldan mesafe (InfoBox ile aynı yapı) */
  margin: 10px 0;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

.NoteBox::before {
  content: "";
  position: absolute;
  left: 10px;                     /* border ve metin ortasında tam hiza */
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: url("https://www.firatboyan.com/images/icons/NoteBox48.png") no-repeat center center;
  background-size: contain;
}

/* :::::::::::::::::::::::::: */
/*  FOOTNOTEBOX               */
/* :::::::::::::::::::::::::: */

.FootNoteBox {
  position: relative;
  border: none;
  border-left: 10px solid #d9d9d9;
  border-radius: 6px;
  padding: 14px 18px 14px 15px;
  margin: 10px 0;
  /* margin: 10px 0 10px 30px; */
  font-size: 16px;
  font-family: 'IBM Plex Mono', monospace;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

/* :::::::::::::::::::::::::: */
/*  INFOBOX                   */
/* :::::::::::::::::::::::::: */

.InfoBox {
  position: relative;
  background-color: #f3fafe;      
  border: none;                   
  border-left: 10px solid #1695d5; 
  border-radius: 6px;
  padding: 14px 18px 14px 66px;   
  margin: 10px 0;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

.InfoBox::before {
  content: "";
  position: absolute;
  left: 10px; /* border ve metin ortası */
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: url("https://www.firatboyan.com/images/icons/InfoBox48.png") no-repeat center center;
  background-size: contain;
}

/* :::::::::::::::::::::::::: */
/*  COMMENTBOX                */
/* :::::::::::::::::::::::::: */

.CommentBox {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #1695d5;
  border-left: 9px solid #1695d5;
  border-radius: 6px;
  padding: 14px 18px 14px 66px; /* metin için soldan mesafe */
  margin: 10px 0;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

.CommentBox::before {
  content: "";
  position: absolute;
  left: 10px; /* border ve metin ortası */
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: url("https://www.firatboyan.com/images/icons/Comment48.png") no-repeat center center;
  background-size: contain;
}

/* :::::::::::::::::::::::::: */
/*  TIPBOX                    */
/* :::::::::::::::::::::::::: */

.TipBox {
  position: relative;
  background-color: #f7f7f7;      
  border: none;                   
  border-left: 10px solid #999999; 
  border-radius: 6px;
  padding: 14px 18px 14px 66px;   
  margin: 10px 0;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

.TipBox::before {
  content: "";
  position: absolute;
  left: 10px; /* border ve metin ortası */
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: url("https://www.firatboyan.com/images/icons/TipBox48.png") no-repeat center center;
  background-size: contain;
}

/* :::::::::::::::::::::::::: */
/*  SHARINGNOTEBOX            */
/* :::::::::::::::::::::::::: */

.SharingNoteBox {
  display: flex;                                
  align-items: center;                         
  background-color: rgba(255, 255, 255, 0.6);    
  border: 1px solid #1695d5;                  
  border-left: 9px solid #1695d5;             
  border-radius: 6px;
  padding: 7px 10px;
  margin: 7px 0;                                
  font-size: 15px;
  line-height: 1.6;
  color: #444;
  backdrop-filter: blur(2px);
}

.SharingNoteBox i {
  flex-shrink: 0;              
  color: #1695d5;
  font-size: 25px;
  margin-right: 10px;
}

/* :::::::::::::::::::::::::: */
/*  ANNOUNCEMENTBOX           */
/* :::::::::::::::::::::::::: */

.AnnouncementBox {
  position: relative;
  display: flex;
  gap: 14px;

  background: #f8fbff;
  border: 1px solid #dbe9f5;
  border-radius: 12px;

  padding: 16px 18px;
  margin: 10px 0;

  font-size: 15px;
  line-height: 1.7;
  color: #243447;
}

.AnnouncementBox::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 5px;
  border-radius: 0 4px 4px 0;
  background: #1695d5;
}

.AnnouncementBox i {
  font-size: 26px;
  color: #1695d5;
  margin-top: 2px;
}

/* :::::::::::::::::::::::::: */
/*  COMMENTNOTEBOX 1 (SARI)   */
/* :::::::::::::::::::::::::: */

.CommentNoteBox1 {
  position: relative;
  background-color: #fff8e1;      /* orijinal sarı arka plan */
  border: none;                   
  border-left: 10px solid #f0ad4e; /* orijinal turuncu kenar */
  border-radius: 6px;
  padding: 14px 18px 14px 66px;   /* metin için soldan mesafe (InfoBox ile aynı yapı) */
  margin: 10px 0;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

.CommentNoteBox1::before {
  content: "";
  position: absolute;
  left: 10px;                     /* border ve metin ortasında tam hiza */
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: url("https://www.firatboyan.com/images/icons/NoteBox48.png") no-repeat center center;
  background-size: contain;
}

/* :::::::::::::::::::::::::: */
/*  COMMENTNOTEBOX 2 (MAVİ)   */
/* :::::::::::::::::::::::::: */

.CommentNoteBox2 {
  position: relative;
  background-color: #f3fafe;      
  border: none;                   
  border-left: 10px solid #1695d5; 
  border-radius: 6px;
  padding: 14px 18px 14px 66px;   
  margin: 10px 0;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

.CommentNoteBox2::before {
  content: "";
  position: absolute;
  left: 10px; /* border ve metin ortası */
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: url("https://www.firatboyan.com/images/icons/CommentBox48.png") no-repeat center center;
  background-size: contain;
}

/* :::::::::::::::::::::::::: */
/*  YOUTUBEBOX                */
/* :::::::::::::::::::::::::: */

.YouTubeBox {
  position: relative;
  background-color: #fdebed;
  border: none;
  border-left: 10px solid #ff0033;
  border-radius: 6px;
  padding: 14px 18px 14px 66px;
  margin: 10px 0;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

.YouTubeBox::before {
  content: "";
  position: absolute;
  left: 10px; /* border ve metin ortası */
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: url("https://www.firatboyan.com/images/icons/YouTube48.png") no-repeat center center;
  background-size: contain;
}

.YouTubeBox a {
  color: #000; 
  text-decoration: none;
}

.YouTubeBox a:hover {
  color: #ff0033 !important;
}

.CellFlex800 .YouTubeBox {
  font-size: 14px;
  padding: 10px 14px 10px 48px;
  border-left-width: 6px;
}

.CellFlex800 .YouTubeBox::before {
  left: 8px;
  width: 32px;
  height: 32px;
  background-size: contain;
}

/* :::::::::::::::::::::::::: */
/*  WARNINGCAPTCHA            */
/* :::::::::::::::::::::::::: */

.WarningCaptcha {
  position: relative;
  background-color: #fdebed;
  border: none;
  border-left: 10px solid #ff0033;
  border-radius: 6px;
  padding: 14px 18px 14px 66px;
  margin: 10px 0;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  word-break: break-word;
}

.WarningCaptcha::before {
  content: "";
  position: absolute;
  left: 10px; /* border ve metin ortası */
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: url("https://www.firatboyan.com/images/icons/Attention48.png") no-repeat center center;
  background-size: contain;
}


/* ═══════════════════════════════════════════════ */
/*  GROUP 7 — TABLES                                 */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  INFOTABLE — Genel Tablo   */
/* :::::::::::::::::::::::::: */

.infoTable {
	width: 100%;
	min-width: 720px;
	max-width: none;
	table-layout: fixed;
	border-collapse: collapse;
}

.infoTable th,
.infoTable td {
	padding: 10px 14px !important;
	text-align: left !important;
	vertical-align: middle !important;
	white-space: normal !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}


/* ═══════════════════════════════════════════════ */
/*  GROUP 8 — SEARCH UI                              */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  SEARCH UI                 */
/* :::::::::::::::::::::::::: */

/* 1) TEK PARÇA GLOW: Wrapper'dan gelsin */
div[style*="position:relative"][style*="height:50px"]{
  border-radius:9px !important;
  box-shadow:0 0 0 3px rgba(22,149,213,.22) !important;
  margin:15px 0;   /* üst ve alt 5px boşluk */
}

/* 2) INPUT: shadow yok, sadece border */
.search-ui{
  position:absolute !important;
  left:0 !important;
  right:50px !important;
  height:50px !important;
  width:auto !important;
  box-sizing:border-box !important;

  background:#fff !important;
  color:#000 !important;
  font-weight:normal !important;

  border:2px solid #1695d5 !important;
  border-right:0 !important;
  border-radius:9px 0 0 9px !important;

  box-shadow:none !important;
  outline:0 !important;
}

/* Placeholder */
.search-ui::placeholder{
  color:#8aaec5 !important;
  font-weight:normal !important;
  opacity:1 !important;
}

/* 3) BUTON: shadow yok, aynı renkte blok */
.btnara.search-ui-btn{
  position:absolute !important;
  top:0 !important;
  right:0 !important;

  width:50px !important;
  height:50px !important;
  box-sizing:border-box !important;

  padding:0 !important;
  margin:0 !important;

  background:#1695d5 !important;
  border:2px solid #1695d5 !important;
  border-left:0 !important;

  border-radius:0 9px 9px 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-shadow:none !important;         /* buton kendi shadow'u yok */
  background-image:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* İkon */
.btnara.search-ui-btn i{
  position:static !important;
  padding:0 !important;
  margin:0 !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:normal !important;

  box-shadow:none !important;
  text-shadow:none !important;
}


/* ═══════════════════════════════════════════════ */
/*  GROUP 9 — POST META                              */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  META INFO (.minfo)        */
/* :::::::::::::::::::::::::: */

.minfo span {
    font-weight: 700;
    padding: 4px;
    padding-left: 0;
    padding-right: 2px;
    font-size: 16px;
    margin-right: 6px;
    color: #434343
}

    .minfo span i {
        margin: 3px 3px 3px 0;
        color: #1695d5;
        padding: 0 3px 3px;
        /*border: 1px solid #c1c1c1;*/
        border-radius: 25%;
        width: 25px;
        height: 25px;
        display: inline-block;
        text-align: center;
        line-height: 25px
    }

/* :::::::::::::::::::::::::::::::::::::::::::::: */
/*  META BAR — Post Meta (Profesyonel Sürüm)    */
/* :::::::::::::::::::::::::::::::::::::::::::::: */
/* Renk paleti – tek yerden yönetim */
.postMetaBarContainer{
    --meta-accent:#1696c8;        /* Marka vurgu rengi (header mavisiyle uyumlu) */
    --meta-chip-bg:#eaf6fc;       /* Açık ton çip arka planı */
    --meta-text:#25323d;          /* Ana metin */
    --meta-label:#8a97a4;         /* Üst etiket (silik) */
    --meta-border:#e6ebf2;        /* Kenarlık */
    --meta-surface:#ffffff;       /* Kutu zemini */
    display:flex;
    gap:14px;
    flex-wrap:wrap;               /* yer kalmayınca kategori kutusu alta düşer */
    /*margin-bottom:16px;*/
    margin-bottom: 10px;
    margin-top: 10px;
}
/* Kutular – ortak yapı */
.postMetaBarKat,
.postMetaBarYaz{
    flex:1 1 320px;
    display:flex;
    align-items:center;
    margin:0;
    padding:1px 8px;
    background:var(--meta-surface);
    border:1px solid var(--meta-border);
    border-radius:7px;
    box-shadow:0 1px 2px rgba(16,42,67,.04);
    box-sizing:border-box;
}
/* İçerik dizilimi (ortak) */
.postMetaBarKat .minfo,
.postMetaBarYaz .minfo{
    display:flex;
    align-items:center;
    width:100%;
}
/* ---------- YAZAR KUTUSU ---------- */
.postMetaBarYaz .minfo{
    flex-wrap:nowrap;             /* üçlü her zaman tek satırda kalır */
    gap:5px;                     /* öğeler arası yatay boşluk */
}
/* Her bir meta öğesi (yazar / tarih / yorum) */
.postMetaBarYaz .minfo > span{
    display:inline-flex;
    align-items:center;
    gap:2px;
    font-size:14px;
    font-weight:600;
    color:var(--meta-text);
    line-height:1.2;
    white-space:nowrap;
}
/* İkon çipi (açık tonlu) */
.postMetaBarYaz .minfo i{
    font-size:17px;
    width:30px;
    height:30px;
    flex-shrink:0;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--meta-accent);
    background:var(--meta-chip-bg);
    border-radius:8px;
}
/* ---------- KATEGORİ KUTUSU ---------- */
.postMetaBarKat .minfo strong{
    display:inline-flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
}
/* İkon çipi (dolu / vurgulu) */
.postMetaBarKat .minfo i{
    font-size:17px;
    width:30px;
    height:30px;
    flex-shrink:0;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    background:var(--meta-accent);
    border-radius:8px;
}

.postMetaBarKat .minfo i::before{
    display:block;
    line-height:1;
    transform:translate(0, 1.5px);   /* optik ince ayar */
}

/* Etiket + bağlantı dikey dizilimi */
.postMetaBarKat .meta-text{
    display:inline-flex;
    flex-direction:column;
    line-height:1.15;
}
.postMetaBarKat .meta-label{
    font-size:11px;
    letter-spacing:.09em;
    text-transform:uppercase;
    color:var(--meta-label);
    font-weight:600;
}
.postMetaBarKat .minfo a{
    font-size:15px;
    font-weight:700;
    color:var(--meta-text);
    text-decoration:none;
    transition:color .2s ease;
}
.postMetaBarKat .minfo a:hover{
    color:var(--meta-accent);
}

/* ═══════════════════════════════════════════════ */
/*  GROUP 10 — UTILITIES                             */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  HEADING UTILITY (h1.htag) */
/* :::::::::::::::::::::::::: */

h1.htag{
    display:inline;
}


/* ═══════════════════════════════════════════════ */
/*  GROUP 11 — QR CODE FEATURE                       */
/* ═══════════════════════════════════════════════ */

/* :::::::::::::::::::::::::: */
/*  QR BUTTON & MODAL         */
/* :::::::::::::::::::::::::: */

#qrBtn{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:22px;
    height:22px;

    background:#eef2f6;
    color:#333;

    border:none;
    border-radius:5px;

    cursor:pointer;

    padding:0;
    font-size:14px;

    margin-left:0;          /* gap yerine bu */
    vertical-align:middle;    /* metinle hizalama */

    transition:.15s;
}

#qrBtn:hover{
    background:#6f737a;
    color:#fff;
    transform:scale(1.08);
}

.qrTip{
    position:absolute;

    bottom:160%;
    left:50%;
    transform:translateX(-50%);

    background: #6f737a;
    color:#fff;

    box-shadow: 0 8px 20px rgba(22,149,213,.35);

    border: 1px solid rgba(255,255,255,.12);

    font-size:12px;
    white-space:nowrap;

    padding:6px 10px;
    border-radius:8px;

    opacity:0;
    pointer-events:none;   /* kritik */

    box-shadow:0 8px 18px rgba(0,0,0,.25);

    transition:.15s;
}

#qrBtn:hover .qrTip{
    opacity:1;
}

.qrTip::after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    border:6px solid transparent;
    border-top-color: #6f737a;
}

#qrModal{ display:none; }
#qrModal.show{ display:block; }

.qrOverlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(3px);
    z-index:9998;
}

.qrPopup{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    background:#fff;
    padding:25px;

    border-radius:14px;
    text-align:center;

    box-shadow:0 20px 60px rgba(0,0,0,.35);

    z-index:9999;
}

#qrModal .qrTitle{
    width:180px;              
    margin:0 auto 12px;      

    padding:9px 0;

    background:#6f737a;
    color:#fff;

    font-size:12px;
    font-weight:600;
    letter-spacing:.6px;
    text-transform:uppercase;

    text-align:center;

    border-radius:10px;

    box-shadow:0 3px 10px rgba(0,0,0,.18);

    display:block;
}

@media (max-width: 768px){
    #qrBtn{
        display:none !important;
    }
}