.elementor-109 .elementor-element.elementor-element-6cc3f0db{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-109 .elementor-element.elementor-element-6cc3f0db.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-109 .elementor-element.elementor-element-3e43e47b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;box-shadow:0px 15px 40px 0px rgba(0, 0, 0, 0.15);--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-109 .elementor-element.elementor-element-3e43e47b:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-3e43e47b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-109 .elementor-element.elementor-element-623c0221 .elementor-image-box-wrapper{text-align:left;}.elementor-109 .elementor-element.elementor-element-623c0221.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-109 .elementor-element.elementor-element-623c0221.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-109 .elementor-element.elementor-element-623c0221.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-109 .elementor-element.elementor-element-623c0221 .elementor-image-box-title{margin-bottom:0px;font-family:"Radio Canada Big", Sans-serif;font-size:28px;font-weight:800;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:-0.02em;word-spacing:0em;color:#000000;}.elementor-109 .elementor-element.elementor-element-623c0221 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-109 .elementor-element.elementor-element-623c0221 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-109 .elementor-element.elementor-element-623c0221 .elementor-image-box-description{color:var( --e-global-color-text );}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-109 .elementor-element.elementor-element-571875ae{width:100%;max-width:100%;}.elementor-109 .elementor-element.elementor-element-571875ae.elementor-element{--align-self:center;}.elementor-109 .elementor-element.elementor-element-571875ae:hover img{opacity:1;}.elementor-109 .elementor-element.elementor-element-571875ae img{border-style:none;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-109 .elementor-element.elementor-element-7bcad4ba{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-109 .elementor-element.elementor-element-7bcad4ba .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-109 .elementor-element.elementor-element-7bcad4ba .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-109 .elementor-element.elementor-element-7bcad4ba .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-109 .elementor-element.elementor-element-4dda092f{--divider-border-style:solid;--divider-color:#0000008F;--divider-border-width:1px;}.elementor-109 .elementor-element.elementor-element-4dda092f .elementor-divider-separator{width:100%;}.elementor-109 .elementor-element.elementor-element-4dda092f .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-109 .elementor-element.elementor-element-1d7d9f19{padding:0px 10px 0px 10px;color:#000000;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:normal;word-spacing:0px;}.elementor-109 .elementor-element.elementor-element-6f1aa008{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;}.elementor-109 .elementor-element.elementor-element-6f1aa008.e-con{--align-self:flex-start;}.elementor-109 .elementor-element.elementor-element-2db0c15d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-109 .elementor-element.elementor-element-2db0c15d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-109 .elementor-element.elementor-element-2cbcdae6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;box-shadow:0px 15px 40px 0px rgba(0, 0, 0, 0.15) inset;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-109 .elementor-element.elementor-element-2cbcdae6:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-2cbcdae6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-109 .elementor-element.elementor-element-6f25e090{width:var( --container-widget-width, 99.017% );max-width:99.017%;--container-widget-width:99.017%;--container-widget-flex-grow:0;border-style:none;}.elementor-109 .elementor-element.elementor-element-6f25e090.elementor-element{--flex-grow:0;--flex-shrink:0;}body.elementor-page-109:not(.elementor-motion-effects-element-type-background), body.elementor-page-109 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}@media(max-width:1024px){.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-109 .elementor-element.elementor-element-623c0221 .elementor-image-box-title{font-size:7vw;}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-6cc3f0db{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-109 .elementor-element.elementor-element-3e43e47b{--width:100%;--border-radius:15px 15px 15px 15px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-109 .elementor-element.elementor-element-623c0221{padding:0px 5px 0px 5px;}.elementor-109 .elementor-element.elementor-element-623c0221 .elementor-image-box-wrapper{text-align:center;}.elementor-109 .elementor-element.elementor-element-623c0221 .elementor-image-box-img{margin-bottom:15px;}.elementor-109 .elementor-element.elementor-element-623c0221 .elementor-image-box-title{font-size:20px;line-height:1.1em;}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-109 .elementor-element.elementor-element-7bcad4ba{--icon-vertical-offset:0px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-109 .elementor-element.elementor-element-1d7d9f19{padding:0px 5px 0px 5px;}.elementor-109 .elementor-element.elementor-element-6f1aa008{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-109 .elementor-element.elementor-element-2db0c15d{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-109 .elementor-element.elementor-element-2cbcdae6{--border-radius:15px 15px 15px 15px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-109 .elementor-element.elementor-element-3e43e47b{--width:66%;}.elementor-109 .elementor-element.elementor-element-6f1aa008{--width:34%;}.elementor-109 .elementor-element.elementor-element-2cbcdae6{--width:66%;}}/* Start custom CSS for shortcode, class: .elementor-element-755abea2 */.custom-tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 1rem;
  justify-content: flex-start;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.custom-tag {
  background: linear-gradient(135deg, #ff6a00, #d35400);
  color: #fff;
  padding: 8px 18px;
  border-radius: 24px;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  box-shadow: 0 2px 12px rgba(211, 84, 0, 0.6);
  user-select: none;
  cursor: pointer;
  transition:
    background 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.2s ease;
}

.custom-tag:hover,
.custom-tag:focus {
  background: linear-gradient(135deg, #d35400, #ff8a32);
  box-shadow: 0 8px 20px rgba(255, 138, 50, 0.9);
  color: #fff;
  outline: none;
  transform: translateY(-2px);
}

.custom-tag:focus-visible {
  outline: 2px solid #ff8a32;
  outline-offset: 3px;
}

/* Mobil uyumluluk */
@media (max-width: 480px) {
  .custom-tags-wrapper {
    justify-content: center;
    gap: 10px;
  }
  .custom-tag {
    flex: 1 1 auto;
    text-align: center;
    padding: 10px 14px;
    font-size: 14px;
    max-width: 100%;
    box-sizing: border-box;
  }
}/* End custom CSS */
/* Start custom CSS */.resimamk {
  width: 100% !important;
  height: auto !important;
  display: block; /* Gereksiz boşluk olmasın diye */
}



/* Genel widget tasarımı */
.widget {
    background: #ffffff; /* Beyaz arka plan */
    color: #111111;      /* Çok koyu gri metin */
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
    min-height: 200px;
    overflow-anchor: none;
}

/* Widget Başlık */
.widget .widget-title {
    font-size: 18px;
    color: #b34200; /* Daha koyu turuncu — kontrastı artırır */
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    line-height: 1.4;
    min-height: 32px;
    font-weight: 700;
}

.widget .widget-title i {
    margin-right: 10px;
    font-size: 20px;
    color: #b34200;
    vertical-align: middle;
}

/* Liste düzeni */
.widget .widget-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Her öğe için sabit yapı */
.widget .widget-item {
    border-bottom: 1px solid #ccc;
    padding: 12px 0;
    margin-bottom: 12px;
    min-height: 40px;
}

/* Son öğe alt çizgi yok */
.widget .widget-item:last-child {
    border-bottom: none;
}

/* Başlık bağlantıları */
.widget .widget-item a.post-title {
    font-size: 14px;
    color: #111111; /* Çok koyu metin */
    text-decoration: none;
    font-weight: 600;
    display: block;
    padding-left: 10px;
    transition: color 0.2s ease, transform 0.2s ease;
    line-height: 1.4;
    min-height: 22px;
}

/* İkonlar */
.widget .widget-item a.post-title i {
    margin-right: 8px;
    font-size: 14px;
    color: #b34200;
    vertical-align: middle;
}

/* Hover efekti */
.widget .widget-item a.post-title:hover {
    color: #e05c00; /* Hoverda daha parlak turuncu */
    transform: translateX(3px);
}

/* Mobil uyumlu düzenleme */
@media (max-width: 768px) {
    .widget {
        padding: 15px;
    }
    .widget .widget-item a.post-title {
        font-size: 14px; /* Mobilde yazı boyutu biraz arttı, okunabilirlik için */
        min-height: 24px;
        color: #111111; /* Mobilde de koyu metin */
    }
    .widget .widget-item a.post-title:hover {
        color: #e05c00;
    }
}




/* Font Awesome yükleme swap ile */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff2") format("woff2");
}

.butonlar-kutusu {
  display: flex;
  flex-wrap: wrap; /* Mobilde satıra taşabilir */
  gap: 10px;
  justify-content: space-between;
  padding: 8px;
  box-sizing: border-box;
}

/* Butonlar */
.butonlar-kutusu button {
  flex: 1 1 calc(33.333% - 10px); /* Masaüstü: 3 buton yan yana */
  min-width: 0; /* Taşmayı engelle */
  padding: 12px 14px;
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: 16px;
  background: linear-gradient(135deg, #874545, #A85F5F);
  color: #fff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  user-select: none;
}

/* Hover efekti */
.butonlar-kutusu button:hover {
  background: linear-gradient(135deg, #874545, #A85F5F);
  transform: translateY(-2px);
}

/* Mobil görünüm */
@media (max-width: 480px) {
  .butonlar-kutusu {
    flex-wrap: wrap; /* Gerekirse alta geçsin */
    gap: 8px;
  }

  .butonlar-kutusu button {
    flex: 1 1 calc(33.333% - 8px); /* Yan yana 3 buton, taşma yok */
    font-size: 13px;
    padding: 10px 8px;
  }
}







/* Liste temel yapı */
.okunacak-yazi ol,
.okunacak-yazi ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Genel liste öğeleri */
.okunacak-yazi ol li,
.okunacak-yazi ul li {
  position: relative;
  background: #ffffff; /* Beyaz arka plan */
  padding: 16px 24px 16px 56px;
  margin: 12px 0;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  display: block;
  line-height: 1.6;
  max-width: 100%;
  color: #121212; /* Daha koyu siyah, kontrast artırıldı */
}

/* Hover efekti */
.okunacak-yazi li:hover {
  background: #fff5e6; /* Hafif daha açık turuncu ton */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  transform: translateX(4px);
}

/* Numaralı liste */
.okunacak-yazi ol {
  counter-reset: list-counter;
}

.okunacak-yazi ol > li::before {
  content: counter(list-counter);
  counter-increment: list-counter;
  position: absolute;
  left: 16px;
  top: 50%; 
  transform: translateY(-50%);
  background: #b33900;
  color: #fff;
  width: 28px;
  height: 28px;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}


/* Madde işaretli liste */
.okunacak-yazi ul > li::before {
  content: "•";
  position: absolute;
  left: 16px;
  top: 14px;
  color: #cc6600; /* Daha koyu turuncu */
  font-size: 26px;
  line-height: 1;
}

/* İç içe liste (her seviye için daha fazla boşluk) */
.okunacak-yazi li > ul,
.okunacak-yazi li > ol {
  margin-top: 8px;
  padding-left: 16px;
}

.okunacak-yazi li > ul li,
.okunacak-yazi li > ol li {
  padding-left: 56px;
}

.okunacak-yazi li > ul li::before,
.okunacak-yazi li > ol li::before {
  left: 24px;
}

/* Modern başlık genel ayarları */
.okunacak-yazi h1,
.okunacak-yazi h2,
.okunacak-yazi h3,
.okunacak-yazi h4,
.okunacak-yazi h5,
.okunacak-yazi h6 {
  font-family: "Inter", "Segoe UI", "Helvetica Neue", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 32px 0 16px;
  color: #1a1a1a;
  position: relative;
}

/* H1 - Kalın ve sade */
.okunacak-yazi h1 {
  font-size: 28px;
  color: #222;
  border-left: 6px solid #ff6a00;
  padding-left: 12px;
}

/* H2 - Altında çizgili */
.okunacak-yazi h2 {
  font-size: 20px;
  font-weight: 800;
  color: #222;
  border-left: 5px solid #ff6a00;
  padding-left: 12px;
  margin: 32px 0 20px;
  font-family: "Inter", "Segoe UI", "Helvetica Neue", sans-serif;
  line-height: 1.4;
  background: linear-gradient(to right, #fff8f0, transparent 60%);
  border-radius: 6px;
}


/* H3 - Hafif arka plan kutusu */
.okunacak-yazi h3 {
  font-size: 18px;
  color: #444;
  background-color: #fff3e0;
  padding: 8px 12px;
  border-radius: 8px;
  display: inline-block;
}

/* H4 - Noktalı alt çizgi */
.okunacak-yazi h4 {
  font-size: 16px;
  color: #555;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 4px;
}

/* H5 - Küçük, açık tonlu */
.okunacak-yazi h5 {
  font-size: 14px;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* H6 - Gri ve italik */
.okunacak-yazi h6 {
  font-size: 13px;
  color: #999;
  font-style: italic;
}

/* Mobil uyumlu başlıklar */
@media (max-width: 600px) {
  .okunacak-yazi h1 {
    font-size: 24px;
  }
  .okunacak-yazi h2 {
    font-size: 18px;
    padding-left: 12px;
    margin: 24px 0 16px;
  }
  .okunacak-yazi h3 {
    font-size: 16px;
  }
  .okunacak-yazi h4 {
    font-size: 14px;
  }
  .okunacak-yazi h5 {
    font-size: 14px;
  }
  .okunacak-yazi h6 {
    font-size: 13px;
  }
}


/* Metinlerin Kontrastını Artırmak */
.okunacak-yazi p,
.okunacak-yazi li {
  color: #121212; /* Çok koyu siyah */
}

/* Link renkleri ve hover */
/* Linklerin genel stili - sade ve arka plansız */
.okunacak-yazi a {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* İkon ile yazı arası boşluk */
  padding: 4px 8px;
  color: #b33900;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  transition: color 0.3s ease;
  user-select: none;
  cursor: pointer;
}

/* Hover efekti - sadece renk değişimi */
.okunacak-yazi a:hover {
  color: #cc6600;
  text-decoration: underline;
}

/* Link içindeki emoji (ikon) için stil */
.okunacak-yazi a span.emoji {
  font-size: 18px;
  line-height: 1;
  user-select: none;
}



.okunacak-yazi hr {
  border: none;
  height: 1px;
  background-color: #ddd;
  margin: 3rem 0;
  max-width: 100%;
  opacity: 0.7;
}



/* Tablonun genel yapısı */
.okunacak-yazi table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px; /* Satırlar arası boşluk */
  font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

/* Tablo başlığı (thead) */
.okunacak-yazi thead tr {
  background-color: #b33900;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  text-align: left;
}

/* Başlık hücreleri */
.okunacak-yazi thead th {
  padding: 14px 20px;
  user-select: none;
}

/* Gövde satırları */
.okunacak-yazi tbody tr {
  background: #fff;
  box-shadow: 0 2px 6px rgba(179, 57, 0, 0.15);
  border-radius: 10px;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  cursor: default;
}

/* Hover efekti */
.okunacak-yazi tbody tr:hover {
  background: #fff5e6;
  box-shadow: 0 6px 12px rgba(204, 102, 0, 0.3);
}

/* Veri hücreleri */
.okunacak-yazi tbody td {
  padding: 14px 20px;
  color: #121212;
  font-weight: 500;
  font-size: 0.95rem;
  vertical-align: middle;
  border-top: 1px solid transparent; /* Geçiş için */
}

/* Alternatif satır rengi */
.okunacak-yazi tbody tr:nth-child(even) td {
  background-color: #fff8f0;
  border-radius: 10px;
}

/* Responsive için yatay kaydırma sarmalayıcı */
.okunacak-yazi .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(179, 57, 0, 0.12);
}

/* Küçük ekranlarda tabloyu kaydırılabilir yap */
@media (max-width: 600px) {
  .okunacak-yazi thead {
    display: none; /* Başlık gizlenir */
  }

  .okunacak-yazi tbody tr {
    display: block;
    margin-bottom: 1rem;
    box-shadow: 0 2px 6px rgba(179, 57, 0, 0.1);
    border-radius: 12px;
    padding: 12px 16px;
  }

  .okunacak-yazi tbody td {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    background: transparent;
  }

  /* Hücrelerin sol tarafına etiket ekleme (data-label attribute ile) */
  .okunacak-yazi tbody td::before {
    content: attr(data-label);
    font-weight: 700;
    color: #b33900;
    flex-basis: 40%;
    text-align: left;
    padding-right: 8px;
  }
}




.comment-list li.comment {
  background: rgba(245, 245, 245, 0.98);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  margin: 20px 0;
  padding: 20px;
  border-left: 4px solid #c75100; /* Daha koyu turuncu */
  border-radius: 12px;
  color: #1a1a1a; /* Daha koyu yazı */
  font-size: 15px;
  line-height: 1.7;
  position: relative;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}

/* Yorum başlığı (isim ve bağlantı) */
.comment-header cite a {
  font-weight: bold;
  font-size: 14px;
  color: #c75100; /* Daha koyu */
}

.comment-header .comment-meta a {
  font-size: 12px;
  color: #8b3d00; /* Tarih için daha koyu */
  margin-left: 10px;
}

/* Yorum cevap linki */
.comment-reply-link {
  margin-top: 10px;
  display: inline-block;
  background: #a94400; /* Daha koyu düğme rengi */
  color: #fff;
  padding: 8px 16px;
  border-radius: 30px;
  font-size: 12px !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.comment-list {
  list-style: none !important;
  counter-reset: none !important;
  padding-left: 0 !important;
}

.comment-list li.comment::marker {
  display: none !important;
}

.comment-list li.comment {
  list-style-type: none !important;
}


/* Form alanları */
#respond input[type=text],
#respond input[type=email],
#respond textarea {
  width: 100%;
  padding: 12px 15px;
  border-radius: 8px;
  border: 1px solid #a94400;
  background-color: #fff;
  color: #111;
  margin-bottom: 15px;
  font-size: 14px;
  box-sizing: border-box;
}

/* Gönder butonu */
#submit {
  background-color: #a94400;
  border: 1px solid #2c2c2c;
  color: #fff;
  border-radius: 20px;
  padding: 12px 25px;
  font-size: 18px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#submit:hover {
  background-color: #7a2f00;
}

#submit:active {
  position: relative;
  top: 1px;
}

/* Time etiketi */
time[datetime] {
  font-size: 12px !important;
  color: #444 !important;
  cursor: pointer;
}

time[datetime]:hover {
  color: #111 !important;
  text-decoration: underline;
}

h2.title-comments {
  color: #2c2c2c; /* Koyu ama siyah değil */
  border-bottom: 2px solid #ffa600;
  padding-bottom: 6px;
  font-weight: 700;
}
h2#reply-title.comment-reply-title {
  color: #222; /* Koyu turuncu-kahve arası, ciddi durur */
  font-size: 20px;
  font-weight: 700;
  border-bottom: 2px solid #ff914d;
  padding-bottom: 6px;
  margin-bottom: 16px;
}/* End custom CSS */