/*
 Theme Name: GeneratePress Child
 Theme URI: https://generatepress.com/
 Description: GeneratePress Child Theme
 Author: Dua Petinya
 Template: generatepress
 Version: 1.0
*/

@import url("../generatepress/style.css");

/* === FRONT PAGE === */
.page-template-front-page .site.grid-container,
.page-template-front-page .site-content .grid-container,
.page-template-front-page .content-area,
.page-template-front-page .site-main,
.page-template-front-page .inside-article {
  max-width: 1350px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@font-face {
  font-family: 'ElMessiriLocal';
  src: url('fonts/El_Messiri/static/ElMessiri-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* === BUTTONS === */
.vb-reply-btn {
  position: absolute;
  right: 18px;
  bottom: 18px;
  cursor: pointer;
  padding: 3px 6px;
  background: #fff;
  border: 1px solid #D3E6EB;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  border-radius: 7px;
  font-size: 12px;
  color: #000;
  z-index: 10;
}
@media (max-width:768px){
  .vb-reply-btn { right:7px; bottom:7px; padding:2px 4px; font-size:11px; }
}

/* === CARD === */
.card{
  max-width:90%;
  border:2px solid #60d399;
  border-radius:8px;
  background:#fff;
  color:#212529;
  overflow:hidden;
  margin:10px 0;
  font-family:Arial, Helvetica, sans-serif;
}
.card-head{
  display:flex;
  align-items:center;
  gap:10px;
  background:#e9f7ef;
  border-bottom:1px solid #d1e7dd;
  padding:12px 14px;
}
.icon{
  width:26px;
  height:26px;
  flex-shrink:0;
  background:url("data:image/svg+xml,%3Csvg ... %3E") no-repeat center/contain;
}
.card-title{ margin:0; font-size:18px; font-weight:700; color:#0f5132; line-height:1.2; }
.card-body{ padding:14px 16px; line-height:1.6; font-size:16px; }
@media (max-width:767px){ .card{max-width:100%;} }



/* === ETİKET KUTUSU === */
.etiket1 {
  border: 1px solid #EEE;
  background-color: #FBFBFB;
  border-radius: 5px;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
  padding: 10px;
  margin: 20px 0;
  box-sizing: border-box;
  max-width: 728px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  text-align: left;
}

/* === ETİKET BAŞLIĞI === */
.etiket2 {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #FFDBBF;
  background-color: #FFE7D5;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
  background-image: url('/avatar/category-23px-light.png');
  background-repeat: repeat-x;
  font-weight: bold;
  color: #333;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 13px;
}

/* === ETİKETLER === */
.etiket1 strong,
.etiket1 b,
.etiket1 i {
  display: inline-block;
  padding: 6px 10px;
  margin: 0 6px 6px 0;
  background: linear-gradient(113deg,#c9edf5 3%,#c9edf5 0%,#c9edf5 11%,rgba(255,255,255,0) 111%);
  border: 1px solid #d3e6eb;
  border-radius: 5px;
  color: #040404;

  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;          /* biraz büyüttüm */
  font-weight: 500;         /* mobilde flu’yu azaltır */

  white-space: normal;
  word-break: break-word;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* === MOBİL === */
@media (max-width:480px){
  .etiket1 strong,
  .etiket1 b,
  .etik1 i {
    display: block;
    max-width: 100%;
  }
}
/* === YOUTUBE IFRAME === */
iframe[src*="youtube.com"]{ width:100%!important; height:auto!important; aspect-ratio:16/9; display:block; }

/* === FORUM COMMENT === */
.forum-comment{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:16px;
  border:1px solid #D3E6EB;
  background:#ECF7FA;
  border-radius:6px;
  padding:11px;
  margin:0 auto 20px auto; /* ortalama eklendi */
  width: 100%;              /* tam genişlik */
  max-width: 100%;          /* taşmayı önler */
  box-sizing: border-box;
  box-shadow:0 1px 2px rgba(0,0,0,0.05);
}

@media(max-width:768px){
  .forum-comment{
    grid-template-columns:1fr;
    gap:8px;
    margin:6px auto 10px auto; /* ortalama */
    width:calc(100% - 8px);
    padding:7px;
    border-radius:6px;
    box-sizing: border-box;
  }
}

/* === FORUM AVATAR === */
.forum-avatar{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  font-size:15px;
  background-color:#F5FBFC;
  border:1px solid #d3e6eb;
  border-radius:8px;
  padding:10px;
  width:150px;
  box-sizing:border-box;
}
.forum-avatar img{
  border-radius:8px;
  border:1px solid #c8ddeb;
  object-fit:cover;
  margin-bottom:8px;
  image-rendering:-moz-crisp-edges;
  image-rendering:-o-crisp-edges;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
}

/* === FORUM AUTHOR COLORS === */
/* Kullanıcı adları renkleri ve gölge */
.forum-author-black { color: #040404 !important; text-shadow: 0 1px 10px #040404; }
.forum-author-red   { color: #C01818 !important; text-shadow: 0 1px 10px #C01818; }
.forum-author-green { color: #008000 !important; text-shadow: 0 1px 10px #008000; }
.forum-author-blue  { color: #0000ff !important; text-shadow: 0 1px 10px #0000ff; }
.forum-author-pink  { color: #ff00cc !important; text-shadow: 0 1px 10px #ff00cc; }

/* Avatar span üzerinden inline style renkleri için de gölge */
.forum-avatar span[style*="#ff0000"],
.forum-avatar span[style*="#f00"] { text-shadow: 0 1px 10px #ff0000 !important; }
.forum-avatar span[style*="#040404"] { text-shadow: 0 1px 10px #040404 !important; }
.forum-avatar span[style*="#0000ff"],
.forum-avatar span[style*="blue"] { text-shadow: 0 1px 10px #0000ff !important; }
.forum-avatar span[style*="#008000"],
.forum-avatar span[style*="green"] { text-shadow: 0 1px 10px #008000 !important; }
.forum-avatar span[style*="#ff00cc"],
.forum-avatar span[style*="pink"] { text-shadow: 0 1px 10px #ff00cc !important; }


/* === FORUM BODY === */
.forum-body{
  border:1px solid #d3e6eb;
  background-color:#F5FBFC;
  border-radius:6px;
  padding:12px 16px;
  line-height:1.6;
  color:#222;
  box-sizing:border-box;
  font-family:tahoma;
  font-size:16px;
  min-height:100%;
}
.forum-body p,
.forum-body h1,
.forum-body h2,
.forum-body h3,
.forum-body h4{
  margin-top:0!important;
  padding-top:0!important;
}

/* === FORUM RESPONSIVE AVATAR & BODY === */
@media(max-width:768px){
  .forum-avatar{
    width:100%;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
    padding:8px;
    border-radius:6px;
  }
  .forum-avatar img{ width:55px; height:55px; margin-bottom:0; }
  .forum-author-black,
  .forum-author-red,
  .forum-author-green,
  .forum-author-blue,
  .forum-author-pink{ margin-bottom:0; }
  .forum-body{ font-size:14px; padding:8px 10px; border-radius:6px; }
}

/* === GOZYASI & NOTLAR === */
.gozyasi, .notlar{
  box-shadow:0 0 5px -1px #227b0c;
  border:1px solid #bdbdbd;
  background-color:#efffde47;
}
.gozyasi{ padding:14px; }
.notlar{ padding:8px; }

/* === CUSTOM LINE === */
.custom-line, .cizgi{ margin:2px 0; }

/* === INSIDE ARTICLE & ENTRY HEADER === */
.inside-article{ border-bottom:1px solid rgba(0,0,0,.07); }
.entry-header{ color:#942c00; text-shadow:1px 1px 2px wheat; }

/* === H1 ENTRY TITLE === */
h1.entry-title{ font-weight:700; font-size:30px; line-height:1.2em; }

/* === RECENT POSTS === */
.recent-posts-thumbnail{ display:inline-block; width:100px; height:auto; margin-right:10px; object-fit:cover; }
.recent-posts-item{ display:flex; align-items:center; margin-bottom:15px; }
.recent-posts-item a{ display:flex; align-items:center; text-decoration:none; }
.recent-posts-item a:hover{ color:#0073aa; }


/* === COOKIE NOTICE === */
#cookie-notice{
  color:#fff;
  background: rgba(34,115,125,.88) !important;
  font-size:15px;
}
#cookie-notice .cn-button:not(.cn-button-custom){
  color:#000 !important;
  background:#fff !important;
  border-radius:8px !important;
  font-size:15px !important;
  padding:8px 14px !important;
  text-align:center !important;
  margin:8px !important;
}
#cookie-notice .cookie-notice-container{
  font:16px/1.6 'Nunito','Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;
  font-weight:400;
}

/* === YORUM FORM BUTTON === */
#submit{
  background-color:#ff5722;
  color:white !important;
  padding:12px 25px;
  font-size:16px;
  border-radius:5px;
  border:none;
  cursor:pointer;
  transition:background-color .3s ease;
  font-weight:normal;
}
.comment-form-comment textarea:focus{
  border:1px solid #D3E6EB;
  background-color:#F5FBFC;
  border-radius:5px;
}

/* === SIDEBAR WIDGET === */
.sidebar .widget{
  background:#f0f0f0 !important;
  padding:15px;
  border:1px solid rgba(0,0,0,.07) !important;
  max-width:336px;
}

/* === H3 & H4 HEADINGS === */
h3,h4{
  color:#040404;
  font-weight:500;
  background:#ffeee2;
  border:5px solid #fff;
  border-radius:7px;
  -webkit-box-shadow:0 0 3px #ccc;
  padding:8px;
  display:table;
  font-size:13px;
}

/* === FCAT POST === */
.fcat-post{
  display:grid;
  grid-template-columns:1fr 280px;
  gap:16px;
  border:1px solid #D3E6EB;
  background:#ECF7FA;
  border-radius:6px;
  padding:11px 15px;
  margin-bottom:20px;
  box-shadow:0 1px 2px rgba(0,0,0,0.05);
  align-items:stretch;
}
.fcat-left{
  border:1px solid #d3e6eb;
  background-color:#F5FBFC;
  border-radius:6px;
  padding:12px 16px;
  line-height:1.6;
  color:#222;
  font-family:tahoma;
  font-size:15px;
}
.fcat-left h2{
  margin:0 0 6px 0;
  font-size:17px;
  font-weight:bold;
  color:#005a9e;
}
.fcat-left h2 a{
  color:#005a9e;
  text-decoration:none;
}
.fcat-left h2 a:hover{ text-decoration:underline; }
.fcat-left a{ color:#005a9e; text-decoration:none; font-weight:bold; }
.fcat-left a:hover{ text-decoration:underline; }
.fcat-left p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  max-height:3.2em;
  margin:0 0 5px 0;
}

.fcat-right{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background-color:#F5FBFC;
  border:1px solid #d3e6eb;
  border-radius:8px;
  padding:10px 12px;
  font-size:13px;
  color:#333;
  width:280px;
  box-sizing:border-box;
}
.fcat-top{ display:flex; align-items:center; gap:10px; }
.fcat-avatar{ width:60px; height:60px; border-radius:50%; overflow:hidden; flex-shrink:0; }
.fcat-avatar img{ width:100%; height:100%; object-fit:cover; }
.fcat-meta{ display:flex; flex-direction:column; text-align:left; line-height:1.3; min-width:0; }
.fcat-username{ font-size:10pt; margin-bottom:4px; text-shadow:0 1px 10px currentColor; font-weight:normal; }
.fcat-category a{ font-size:13px; color:#005a9e; text-decoration:none; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:200px; }
.fcat-category a:hover{ text-decoration:underline; }
.fcat-date{ margin-top:8px; text-align:right; font-size:12px; color:#111; font-weight:500; }

/* === FCAT PAGINATION === */
.fcat-pagination{
  text-align:center;
  margin:25px 0;
  font-family:tahoma;
}
.fcat-pagination a,
.fcat-pagination span{
  display:inline-block;
  margin:0 3px;
  padding:6px 12px;
  border:1px solid #ccc;
  border-radius:4px;
  text-decoration:none;
  color:#333;
  transition:all 0.2s ease;
}
.fcat-pagination a:hover{ background:#f0f0f0; border-color:#999; }
.fcat-pagination .current{
  background:#005a9e;
  color:#fff;
  border-color:#005a9e;
  font-weight:bold;
}

@media(max-width:768px){
  .fcat-post{ grid-template-columns:1fr; }
  .fcat-right{ width:100%; }
}

/* === REPLY === */
.reply{ margin-top:8px; }

/* === CHILDREN (cevaplar) === */
.children{
  margin-left:0 !important;
  border:none !important;
  padding-left:0 !important;
}
.children .comment-content:first-of-type{
  border:1px solid #cfdfe3;
  background:#ffffff;
  padding:10px 12px;
  border-left:4px solid #5ba8c7;
  margin-bottom:10px;
  font-size:14px;
  color:#444;
}
.children .comment-content:first-of-type::before{
  content:"Alıntı yapılan mesaj:";
  display:block;
  font-weight:600;
  color:#316b8d;
  margin-bottom:6px;
  font-size:13px;
}

/* === Çocuk yorum gövdesi ve üst ok === */
.children .comment-body{ position:relative; overflow:visible; }
.children .comment-body::before{
  content:"";
  position:absolute;
  top:-12px;
  left:40px;
  width:0;
  height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:12px solid #D3E6EB;
}

/* === YAZAR ADI === */
.comment-author cite{
  text-shadow:0 1px 10px #040404;
  font-size:11pt;
  font-weight:normal;
  color:#040404 !important;
}

/* === AVATAR === */
.comment-body img.avatar{
  width:100px !important;
  height:108px !important;
  border-radius:4px !important;
  object-fit:cover;
  padding:2px;
  margin-bottom:8px;
}

/* === VARSAYILAN GRAVATAR === */
img.avatar[src*="gravatar.com/avatar/?s=50&d=mm"],
img.avatar[src*="gravatar.com/avatar/"][src*="d=mm"],
img.avatar[src*="secure.gravatar.com/avatar/"][src*="d=mm"]{
  content:url('https://dua.petinya.org/avatar/avatar-yorumlar.png');
  border-radius:10px !important;
  object-fit:cover;
}

/* === YAZAR BAĞLANTILARI === */
.comment-author a:active{ color:#040404 !important; text-decoration:none !important; }

/* === YORUM NUMARASI === */
.comment-number{
  float:right;
  padding:2px 6px;
  font-size:8pt;
  font-weight:normal;
  color:#040404 !important;
}

/* =========================
   POSTBIT (yzav2-postbit)
   ========================= */
.yzav2-postbit{
  display:flex;
  align-items:flex-start;
  border:1px solid #D3E6EB;
  background:#ECF7FA;
  border-radius:6px;
  padding:10px;
  margin-bottom:20px;
  box-shadow:0 1px 2px rgba(0,0,0,0.05);
  overflow:hidden;
}
/* Sol panel: avatar ve yazar */
.yzav2-postbit .comment-author{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  font-size:13px;
  background-color:#F5FBFC;
  border:1px solid #d3e6eb;
  border-radius:8px;
  color:#040404;
  padding:10px;
  flex-shrink:0;
  width:180px;
  box-sizing:border-box;
}
/* Avatar */
.yzav2-postbit .avatar{
  width:150px !important;
  height:150px !important;
  border-radius:4px !important;
  object-fit:cover;
  padding:2px;
  margin-bottom:8px;
  border:1px solid #d3e6eb;
  background:#fff;
}
/* Yazar adı ve meta */
.yzav2-postbit .comment-author cite{
  font-size:11pt;
  font-weight:normal;
  color:#040404 !important;
  margin-bottom:6px;
}
.yzav2-postbit .comment-meta{
  font-size:13px;
  padding:6px;
  text-align:center;
  background-color:#F5FBFC;
  border-radius:8px;
  color:#040404;
  border:none !important;
}
/* Sağ panel: içerik */
.yzav2-postbit .comment-main{ flex:1; overflow:hidden; }
.yzav2-postbit .comment-content{
  border:1px solid #D3E6EB;
  background:#fff;
  border-radius:4px;
  padding:16px;
  line-height:1.6;
  color:#222;
  word-break:break-word;
  overflow-wrap:break-word;
  margin:0 !important;
  width:90%;
  box-sizing:border-box;
  overflow:hidden;
}
.yzav2-postbit .comment-content img{
  max-width:100%;
  height:auto;
  border-radius:4px;
  display:block;
  margin:10px auto;
}

/* Tablet/masaüstü görsel daraltma */
@media(min-width:768px){
  .yzav2-postbit .comment-content img{ max-width:70%; }
}

/* Mobil düzen */
@media(max-width:768px){
  .yzav2-postbit{ flex-direction:column; align-items:center; }
  .yzav2-postbit .comment-author{ width:100%; text-align:center; flex-direction:column; }
  .yzav2-postbit .avatar{ width:100px !important; height:100px !important; margin:0 auto 8px; }
  /* Tam mobil sadeleştirme */
  .yzav2-postbit{
    display:block !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
  }
  .yzav2-postbit .comment-author{ display:none !important; }
  .yzav2-postbit .comment-main,
  .yzav2-postbit .comment-content{
    display:block !important;
    border:none !important;
    background:transparent !important;
    padding:0 !important;
    margin:0 !important;
    width:auto !important;
    overflow:visible !important;
  }
  .yzav2-postbit .comment-content img{ max-width:100% !important; height:auto !important; }
}

/* =========================
   CEVAP YAZ ALANI (Form)
   ========================= */
.comment-respond{
  display:block;
  background:#f4f8fa;
  border:1px solid #cfdfe3;
  border-radius:8px;
  padding:20px;
  margin:25px auto;
  max-width:90%;
  box-shadow:0 1px 2px rgba(0,0,0,0.05);
}
@media(max-width:767px){ .comment-respond{ max-width:100%; } }
.comment-respond:before{ display:none !important; }

/* Form alanları */
.comment-form textarea{
  width:100%;
  border:1px solid #d3e6eb;
  border-radius:6px;
  background:#fff;
  padding:12px;
  min-height:100px;
  font-size:15px;
  resize:vertical;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);
}
.comment-form input[type="text"],
.comment-form input[type="email"]{
  width:100%;
  border:1px solid #d3e6eb;
  border-radius:6px;
  padding:10px;
  font-size:15px;
  background:#fff;
}
.comment-form input[type="submit"],
.comment-form button{
  color:#000;
  background:#fec731;
  min-width:80px;
  border-radius:10px;
  border:none;
}
.comment-form button:hover{ background:#3b88aa; }

/* URL alanını gizle */
#url,
label[for="url"],
input[name="url"],
p.comment-form-url{ display:none !important; }

/* Başlık stili */
.comments-title{



  padding:8px !important;
  font-size:15px !important;
  font-weight:normal !important;
  color:black;
  text-align:center;

  border: 1px solid #E1D47E;
  background: none 0 0,#FCF7D7;
  border-radius: 3px;
}

/* BODY & ENTRY CONTENT */
body, .entry-content{
  line-height:1.75;
  color:#222;
  font-size:16px;
}
@media(max-width:600px){
  body, .entry-content{
    font-size:17px;
    padding:0 10px;
  }
}

/* === COMMENT-BODY === */
.comment-body{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:16px;
  border:1px solid #D3E6EB;
  background:#ECF7FA;
  border-radius:6px;
  padding:11px;
  margin-bottom:20px;
  box-shadow:0 1px 2px rgba(0,0,0,0.05);
}

/* === SOL PANEL: COMMENT-AUTHOR === */
.comment-author{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding-right:10px;
  margin-right:15px;
  font-weight:600;
  color:#040404 !important;
}

/* === SAĞ PANEL: COMMENT-MAIN === */
.comment-main{
  display:flex;
  flex-direction:column;
}
.comment-meta{
  font-size:13px;
  border:1px solid #d3e6eb;
  padding:6px;
  text-align:center;
  background-color:#F5FBFC;
  border-radius:8px;
  color:black;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  max-height:200px;
}
.comment-meta a{
  text-align:center;
  color:black;
  justify-content:center;
  max-height:200px;
}
.comment-content{
  border:1px solid #D3E6EB;
  background:#fff;
  border-radius:4px;
  padding:14px;
  line-height:1.6;
  color:#222;
}

/* ALT KISIM: eski arka plan ve kenarlıkları nötrle */
.comments-area .comments-title:before,
.comments-area .comments-title:after{
  content:none !important;
}

/* Mobil düzen */
@media(max-width:768px){
  .comment-body{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .comment-author{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
    margin-bottom:6px !important;
  }
  .comment-body img.avatar{
    margin:0 8px 0 0 !important;
    width:50px !important;
    height:50px !important;
    border-radius:4px !important;
  }
  .comment-content{
    width:100% !important;
    text-align:left !important;
    margin-top:6px !important;
    display:block !important;
  }
  .comment-meta{
    display:block !important;
    width:100% !important;
    margin-top:4px !important;
  }
}

.container.grid-container
{
  border:1px solid #D3E6EB;
  background:#fff;
max-width: 1350px;
}

.main-navigation, .main-navigation ul ul {
font-size: 18px;
  color: #fff;
  font-weight: 500;
  background: #2A8476;
    background-size: auto;
  background-size: auto;
  border-color: #1e5d53;
  max-width: 1350px;
  margin: 0 auto;
  background-size: 100% 100% !important;
}

body {
  line-height: 1.75;
  color: #222;
  font-size: 16px;
  background: #f0f0f0 !important;
}

.vb-container {
  border: 1px solid #EEE;
  padding: 15px;
  background-color: #FBFBFB;
  border-radius: 5px;
  width: 95%;
  max-width: 800px;
  margin: 20px auto;
}



/* Mobil uyumlu */
@media (max-width: 480px) {
  .comment-content {
    width: 99% !important;
    max-width: 99% !important; /* mobilde tam genişlik */
    box-sizing: border-box;
  }
}

/* Mobil uyumlu */
@media (max-width: 480px) {
  .comment-meta {
    width: 99% !important;
    max-width: 99% !important; /* mobilde tam genişlik */
    box-sizing: border-box;
  }
}

/* Mobil uyumlu */
@media (max-width: 480px) {
  .comment-body {
    width: 98% !important;
    max-width: 99% !important; /* mobilde tam genişlik */
    box-sizing: border-box;
    margin-left: 5px;
  }
}




/* ALT KISIM: Mobilde footer text */
@media (max-width: 768px) {
  /* Yazı boyutlarını büyüt */
  .dip-footer {
    font-size: 15px;
  }
  .dip-footer .colorful-text {
    font-size: 1.6rem;
  }
  .dip-footer a {
    font-size: 14px;
  }
  .dip-footer li {
    line-height: 1.4;
  }

  /* 2 sütunlu grid */
  .dip-footer .category-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .dip-footer .category-container > div {
    width: 100% !important;
    padding: 0 5px !important;
    box-sizing: border-box;
  }
}

.card .icon {
    display:inline-block !important;
    width:26px !important;
    height:26px !important;
    background-image:url("https://petinya.org/wp-content/uploads/2025/11/ysesil-icon.svg") !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
}