/*
 * Theme Name: Robotheme1
 * Description: Custom styles for Robotheme1 theme.
 * Author: Ahmet TUTER
 * Created on: 2025-01-22
 */

/* =========================
   Global Styles
   ========================= */




/*-------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------GENEL SEYLER BASLANGICI--------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------*/


*,
*::before,
*::after {
    box-sizing: border-box;
}





header,
main,
footer {
   margin-left: 100px;
   margin-right: 100px;
}





.baslik1-1{
   font-family: Anta;
   font-size: 1.6rem;
   font-weight: 900;
   color: #9c1c1c;
   text-transform: uppercase;
   
}



.baslik2-1{
   font-family: Aldrich;
   font-size: 1.4rem;
   /*margin-top: auto;*/
   font-weight: 800;
   /*color: rgb(231, 231, 13);*/
   /*background-color: #535252;*/
   /*display: inline-block;*/
   /*padding: 0 4px;  /* Extends background 4px to left & right (display:inline-block ile beraber calisarak - display inline da yapti ama 4 px olayini yapamadim onunla) */
   /*vertical-align: bottom; /* Removes extra space below */
   /*margin-bottom: 0px;*/
}


.baslik3-1{
   font-family: Anta;
   font-size: 1.3rem;
   margin-bottom: auto;
   font-weight: 700;
   color: #9c1c1c;
}


.baslik3-2{
   font-family: Anta;
   font-size: 1.3rem;
   margin-top: auto;
   font-weight: 700;
   color: rgb(231, 231, 13);
   background-color: #535252;
   display: inline-block;
   padding: 0 4px;  /* Extends background 4px to left & right (display:inline-block ile beraber calisarak - display inline da yapti ama 4 px olayini yapamadim onunla) */
   /*vertical-align: bottom; /* Removes extra space below */
   margin-bottom: 0px;
   transition: color 0.35s ease; /* Smooth transition effect */
}

.baslik3-2:hover {
   color: #FF4500; 
}



.baslik3-3{
   font-family: Anta;
   font-size: 1.3rem;
   margin-top: auto;
   font-weight: 700;
   color: rgb(231, 231, 13);
   background-color: #535252;
   display: inline-block;
   padding: 0 4px;  /* Extends background 4px to left & right (display:inline-block ile beraber calisarak - display inline da yapti ama 4 px olayini yapamadim onunla) */
   /*vertical-align: bottom; /* Removes extra space below */
   margin-bottom: 0px;
   
}


.baslik4-1 {
   font-family: aldrich;
   margin: 0;
   font-size: 1.15rem;
}

.baslik4-1 a {
   text-decoration: none;
   color: inherit;
   transition: color 0.35s ease;
}

.baslik4-1 a:hover {
   color: #FF4500;  
}





/*
.baslik4-2{
   font-family: goldman;
   font-size: 1.15rem;
   color: rgba(218, 26, 26, 0.715);
   margin: 0;
}
*/


/*basliklar icin secimim: anta , gemunu libre , orbitron , aldrich,  goldmnan, syne mono, tektur, workbench, special elite (insaat icin olabilir)*/




.post-title-5 {
   transition: color 0.3s ease, background-color 0.35s ease;
}

a:hover .post-title-5 {
   color: #FF4500 !important; /* Change text color */
   background-color: rgba(231, 231, 13, 0.85) !important; /* Darker yellow */
}








.parag1{
 font-family: gabarito;  
}

.parag2{
   font-family: roboto;  
  }


.postmeta1{
   font-family: gabarito;  
   font-size: 1.0rem;
  }










/*----------------------------------------------GENEL SEYLER BITIS--------------------------------------------------------------------*/






/*----------------------------------------------HEADER BASLANGICI--------------------------------------------------------------------*/




header {
   display: grid;
   grid-template-areas:
      "item1 item2 item4"
      "item1a item3 item5"
      "item1b item3 item6";
   grid-template-columns: auto auto max-content;
   grid-template-rows: 17px auto auto;
   gap: 3px;
   padding: 1px;
}

.item {
   /*border: 1px solid #000; */
   /* headerdaki butun alanlarin borderlarini gormek isteyince bunu yorumdan cikarip calistir*/
   padding: 1px;
   /* bu kaldirilabilir */
   /*background-color: #f4f4f4; */
}


.item-1 {
   grid-area: item1;
   margin-right: auto;
}

.item-1a {
   grid-area: item1a;
   width: fit-content;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: flex-end;
}

.item-1b {
   grid-area: item1b;
   width: fit-content;
}

.item-2 {
   grid-area: item2;
   margin-left: auto;
}

.item-3 {
   grid-area: item3;
   margin-left: auto;
}

.item-4 {
   grid-area: item4;
   margin-left: auto;
}

.item-5 {
   grid-area: item5;
   margin-left: auto;
}

.item-6 {
   grid-area: item6;
   display: flex;
   font-family: 'Gabarito', sans-serif;
   margin-left: auto;
}

/* Bu menu oldugundan text gibi degil yani boyle gerekti saga yaslanmasi icin textin burada yani text align islemiyor buna */


.site-title {


   /*
    font-family: 'Goldman', sans-serif; /* ikinci tercih su an*/
   /*font-family: 'Saira Stencil One', sans-serif; /* construction icin iyi bu*/
   /* font-family: 'Workbench', sans-serif;
    font-family: 'Rubik Dirt', sans-serif;
    font-family: 'Rubik Maps', sans-serif;*/

   font-family: 'Rubik Glitch', sans-serif;

   font-size: 3em;
   color: #d81327b6;
   text-transform: uppercase;
   text-shadow: 5px 7px 6px rgba(0, 0, 0, 0.3);
   margin-bottom: -8px;
   /*site title ile site description arasindaki bosluk anca bunu yapinca oldu*/
   height: auto;
}

.site-title-link {
   text-decoration: none;
   /* Removes the underline */
   color: inherit;
   /* Inherit the color from the parent element */
   display: inline;
   /* Ensures the link doesn't affect the layout */
}


.site-description {
   font-size: 1.2em;
   font-style: italic;
   color: #555;
   margin-top: 0;
   margin-bottom: 0;
   height: fit-content;
}







/* burasi yukaridaki CATEGORY LIST icin - BASLANGIC*/

.category-menu {
   font-family: 'anta', sans-serif;
   font-weight: 700;
   text-transform: uppercase;
   list-style-type: none;
   padding: 0;
   margin: 0 100px;
   display: flex;
   flex-wrap: wrap; /* Allow items to wrap */
   justify-content: flex-start;
   background-color: #535252;
   color: rgb(231, 231, 13);
   font-size: 1.5rem;
   

}

.category-menu li {
   padding: 11px 12px 8px 14px;
   position: relative;
   /* Needed for dropdown positioning */
   white-space: nowrap;
   /* Prevent text from wrapping to the next line */
   line-height: 0.85;
}

.category-menu a {
   color: rgb(231, 231, 13);
   text-decoration: none;
}


/* New styles for dropdown behavior */
.category-menu li ul {
   display: none;
   /* Hide submenus by default */
   position: absolute;
   /* Position for dropdown */
   top: 100%;
   /* Align below parent */
   left: 0;
   background-color: #535252;
   /* Match menu background */
   list-style: none;
   padding: 0;
   margin: 0;
   z-index: 1000;
   /* Ensure it stays on top */
}

.category-menu li:hover>ul {
   display: block;
   /* Show submenu on hover */
   background-color:#888585;
}


.category-menu li:hover {
   background-color: #6b6b6b; 
}


.category-menu li ul li {
   padding: 10px;
   /* Adjust padding for submenu items */
   white-space: nowrap;
   /* Prevent text wrapping */
   font-size: 1.2rem;
}

.category-menu li ul li a {
   color: rgb(231, 231, 13);
   /* Match link color */
   text-decoration: none;
}

.category-menu li ul li:hover {
   background-color: #888585;
   /* Optional: Hover effect for submenu items */
}




/* Highlight the current category -------------------------- baslangic */
.category-menu li.current-cat {
   background-color: #9c1c1c;
   /* Change to the color you prefer */
}


/* Highlight the parent category when a subcategory is active */
.category-menu li.current-cat-parent {
   background-color: #9c1c1c;
   /* Same or different color for the parent */
}

/* Optionally, you can change the text color of the active category and parent */
.category-menu li.current-cat a,
.category-menu li.current-cat-parent a {
   color: yellow;
   /* Change to the text color you prefer */
}

/* Highlight the current category -------------------------- bitis */



/* burasi yukaridaki CATEGORY LIST icin - BITIS*/








/* Make the menu display in a row */
.main-menu {
   display: flex;
   list-style: none; /* Remove bullets */
   padding: 0;
   margin: 0;
   flex-wrap: wrap; /* Allow wrapping to prevent overflow - responsiveness icin eklendi yoksa bilgisayarda fark yaratmadi*/
   justify-content: space-between; /* Space out items nicely - responsiveness icin eklendi yoksa bilgisayarda fark yaratmadi*/
   
}

.main-menu li {
   margin-right: 20px; /* Add space between menu items */
   flex: 1 1 auto; /* Let items resize to fit */
   text-align: center; /* Center-align menu items for smaller screens */
}

.main-menu li:last-child {
   margin-right: 0; /* No extra margin on the last item */
}

.main-menu a {
   text-decoration: none; /* Remove underline from links */
   color: #000; /* Default text color */
}









/*-------------------------------------------------------HEADER BITIS--------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------INDEX PAGE BASLANGICI--------------------------------------------------------------------*/






/*
.main-container {
   border: 1px solid #000;
   background-color: #535252;
}
*/

/*----------------------------------------------TOP CONTAINER BASLANGICI--------------------------------------------------------------------*/




.top-container {
   /*border: 1px solid #a91212;*/
   display: flex;
   height: 600px;
   padding: 8px 8px 5px 8px;
   background-color: #9c9e98fd;
   gap: 8px;
}

.tc1 {
   /*border: 1px solid #12a96f;*/
   flex: 1;
   display: flex;
   /* bu tc1 in icindeki divler icin*/
   flex-direction: column;
   gap: 8px;



/* width: 100%; /* Parent div width is automatically determined */
height: auto; /* Height is dynamically determined by its content or layout */
overflow: hidden; /* Hide any part of the image that overflows */
position: relative; /* Ensure the image is contained within this div */
}



.tc11 {
   /*border: 1px solid #121fa9;*/
   flex: 3;


   /* width: 100%; /* Parent div width is automatically determined */
  height: auto; /* Height is dynamically determined by its content or layout */
  overflow: hidden; /* Hide any part of the image that overflows */
  position: relative; /* Ensure the image is contained within this div */
}

.tc12 {
   /*border: 1px solid #81a912;*/
   flex: 2;
   display: flex;
   gap: 5px;


/* width: 100%; /* Parent div width is automatically determined */
height: auto; /* Height is dynamically determined by its content or layout */
overflow: hidden; /* Hide any part of the image that overflows */
position: relative; /* Ensure the image is contained within this div */


}

.tc121 {
  /* border: 1px solid #0f206a;*/
   flex: 1;
   min-width: 49%;
   /* % 50 demistim ama 1 px falan kurtarmadi hepsi ust uste bindi onun icin 49 ve sonrasinda 
   2 esit div yaratiyor horizontally ve height da otomatik dolduruyor*/


   /* width: 100%; /* Parent div width is automatically determined */
  height: auto; /* Height is dynamically determined by its content or layout */
  overflow: hidden; /* Hide any part of the image that overflows */
  position: relative; /* Ensure the image is contained within this div */
}






.tc2 {
  /* border: 1px solid #12a96f;*/
   flex: 1;
   display: grid;
   grid-template-columns: 1fr 1fr; /* Equal width columns */
   grid-template-rows: 2.5fr 1.75fr 1.75fr; /* Height ratios */
   gap: 8px;



   /* width: 100%; /* Parent div width is automatically determined */
  height: auto; /* Height is dynamically determined by its content or layout */
  overflow: hidden; /* Hide any part of the image that overflows */
  position: relative; /* Ensure the image is contained within this div */

}



.tc21 {
  /* border: 1px solid #121fa9;*/
   grid-column: span 2; /* Spans both columns */


   /* width: 100%; /* Parent div width is automatically determined */
  height: auto; /* Height is dynamically determined by its content or layout */
  overflow: hidden; /* Hide any part of the image that overflows */
  position: relative; /* Ensure the image is contained within this div */
}


.tc22 {
  /* border: 1px solid #121fa9;*/
   


   /* width: 100%; /* Parent div width is automatically determined */
  height: auto; /* Height is dynamically determined by its content or layout */
  overflow: hidden; /* Hide any part of the image that overflows */
  position: relative; /* Ensure the image is contained within this div */
}

.tc23 {
  /* border: 1px solid #121fa9;*/
   


   /* width: 100%; /* Parent div width is automatically determined */
  height: auto; /* Height is dynamically determined by its content or layout */
  overflow: hidden; /* Hide any part of the image that overflows */
  position: relative; /* Ensure the image is contained within this div */
}


.tc24 {
 /*  border: 1px solid #121fa9;*/
   


   /* width: 100%; /* Parent div width is automatically determined */
  height: auto; /* Height is dynamically determined by its content or layout */
  overflow: hidden; /* Hide any part of the image that overflows */
  position: relative; /* Ensure the image is contained within this div */
}



.tc25 {
   /*border: 1px solid #121fa9;*/
   


   /* width: 100%; /* Parent div width is automatically determined */
  height: auto; /* Height is dynamically determined by its content or layout */
  overflow: hidden; /* Hide any part of the image that overflows */
  position: relative; /* Ensure the image is contained within this div */
}










/*--------------------------------------------------------TOP CONTAINER BITIS--------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------UPPER MID CONTAINER BASLANGIC--------------------------------------------------------------------*/



.upper-mid-container {
   /*border: 1px solid #a91212;*/
   display: flex;
   gap: 8px;
   padding: 5px 10px;
   background-color: #9c9e98fd;
}


.umc1 {
   flex: 2;
  /* border: 1px solid #6f12a9;*/
  background-color: #f5f5f5;
  
}


.umc2 {
   flex: 2;
 /*  border: 1px solid #12a95b;*/
 background-color: #f5f5f5;
 padding: 0 0 0 8px;
}

.umc3 {
   flex: 1;
 /*  border: 1px solid #12a95b;*/
 background-color: #f5f5f5;
 padding: 0 0 0 8px;
}




.recent-posts {
   margin: 0px;
}

.recent-post-item h4 {
   font-size: 1.1rem;
   margin: 10px 0;
   display: flex;
   align-items: center;
   font-family: aldrich;
   transition: color 0.3s ease; 
}


.recent-post-item:hover h4 {
   color: #FF4500 !important; /* Deep orange-red on hover */
   transition: color 0.3s ease; /* Smooth transition effect */
}




.post-date {
   font-size: 1.1rem;
   color: #666;
   margin-left: 10px;
   font-family: gabarito;
}







.categories3 ul {
   list-style: none; /* Remove bullets */
  /* padding-left: 15px; /* Reduce indentation */
   margin: 0; /* Remove extra spacing */
   font-family: anta;
   font-size: 1.2rem;
   font-weight: 700;
   margin-left: 0;
   padding-left: 0;
   
}

.categories3 li {
   margin-bottom: 13px; /* Add some space between items */
}

.categories3 a {
   text-decoration: none; /* Optional: Remove underline from links */
   color: #535252; /* Optional: Set link color */
   transition: color 0.3s ease;
}

.categories3 a:hover {
   color: #FF4500; /* Optional: Change color on hover */
   transition: color 0.3s ease;
}










/*----------------------------------------------UPPER MID CONTAINER BITIS--------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------MID CONTAINER BASLANGIC--------------------------------------------------------------------*/



.mid-container {
   /*border: 1px solid #a91212;*/
   padding: 5px 10px 10px 10px;
   background-color: #9c9e98fd;
}


.mc1 {
   display: grid;
   grid-template-columns: repeat(3, 1fr); /* Create 3 columns */
   gap: 5px 17px; /* Space between grid items */
  /* padding: 20px 0px 0px 0px;*/
   margin: 0px 0px 0px 0px;
   background-color: white;
}



.mc11 {
   background-color: #f5f5f5;
 /* border: 1px solid #831d1d;*/
   /*padding: 15px;*/
   /*text-align: center;*/
  /* border-radius: 8px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
   }



  
.mc12 {
   background-color: #f5f5f5;
   /*border: 1px solid #0c7f0c;*/
}

/*
.mc11 h3 {
   font-size: 18px;
   margin-bottom: 10px;
}

.mc11 p {
   font-size: 14px;
   color: #555;
}
*/

.mc2 {
   display: flex;
   /*border: 1px solid #e173bc;*/
   gap: 8px; 
   margin: 10px 0px 0px 0px;
}

.mc21 {
   /*background-color: #f5f5f5;*/
   /*border: 1px solid #0c7f0c;*/
   flex: 1.2;
}

.mc22 {
   /*background-color: #f5f5f5;*/
   /*border: 1px solid #0c7f0c;*/
   flex: 1;
   background-color:#f5f5f5;
}


.mc211 {
   background-color:#f5f5f5;
   /*border: 1px solid #100c7f;*/
   
}


/*
.mc212 {
   /*background-color: #f5f5f5;*/
  /* border: 1px solid #d76909;*/
   
/*}*/



/*--------------------------------------------------------MID CONTAINER BITIS--------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------LOWER MID CONTAINER BASLANGIC-------BU KISIM SIMDILIK KULLANILMIYOR -------- FOR FUTURE USE------*/


/*
.lower-mid-container{
   border: 1px solid #a91212;
   display: flex;
   background-color: #e5e8dffd;
  
}


.lmc1 {
   border: 1px solid #12a96f;
   flex: 1;
   background-color: #d6d618; 

}
*/

/*----------------------------------------------LOWER MID CONTAINER BITIS--------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------BOTTOM CONTAINER BASLANGICI--------------------------------------------------------------------*/


.bottom-container {
   /*border: 1px solid #a91212;*/
   display: flex;
   /*min-height: 200px;*/
  /* padding: 5px 8px;*/
   
   background-color: #e5e8dffd;
   /*gap: 8px;*/
}

.bc1 {
  /* border: 1px solid #12a96f;*/
   flex: 3;
   

}

.bc2 {
  /* border: 1px solid #12a96f;*/
   flex: 1;
   

}









/*-------------------------------------------------------BOTTOM CONTAINER BITIS----------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------FOOTER BASLANGICI--------------------------------------------------------------------*/


.footer-ust {
   /*border: 1px solid #a91212;*/
   display: flex;
   /*min-height: 200px;*/
  /* padding: 5px 8px;*/
   
   background-color: #e5e8dffd;
   /*gap: 8px;*/
}

.fu1 {
   /*border: 1px solid #12a96f;*/
   flex: 4.5;
   

}

.fu2 {
   /*border: 1px solid #12a96f;*/
   flex: 1;
   background-color: #535252; 

}





.category-menu2 {
   font-family: 'anta', sans-serif;
   font-weight: 600; /* Normal weight for thinner text */
   list-style-type: none;
   padding: 0;
   margin: 0px;
   display: flex;
   flex-wrap: wrap;
   /*display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Automatic columns */
   gap: 16px;
   background-color: #535252;
  /* color: rgb(231, 231, 13);*/
   /*font-size: 1rem;*/
}

.category-menu2 li {
   display: flex;
   align-items: center;
   padding: 10px;
   background-color: transparent; /* No background for the row */
}

.category-menu2 .category-icon {
   width: 60px;
   height: 60px;
   border-radius: 10px; /* Rounded corners */
   background-color: rgb(190, 205, 206); /* Placeholder background */
   margin-right: 10px;
   display: flex; /*image gelince bibak*/
   align-items: center; /*image gelince bibak*/
   justify-content: center; /*image gelince bibak*/
   overflow: hidden;
}

.category-menu2 .category-icon img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 10px;
}

.category-menu2 a {
   color: rgb(231, 231, 13); 
   text-decoration: none;
   font-size: 1.6rem;
   text-transform: uppercase; /* Convert text to uppercase */
}

.category-menu2 a:hover {
   text-decoration: underline;
}






.main-menu2 {
   /*display: flex;*/
   list-style: none; /* Remove bullets */
   padding: 0;
   margin: 0;
  /* flex-wrap: wrap; /* Allow wrapping to prevent overflow - responsiveness icin eklendi yoksa bilgisayarda fark yaratmadi*/
   /*justify-content: space-between; /* Space out items nicely - responsiveness icin eklendi yoksa bilgisayarda fark yaratmadi*/
   font-family: 'Gabarito', sans-serif;
   color: #ffffff;
}

.main-menu2 li {
   margin-right: 20px; /* Add space between menu items */
  /* flex: 1 1 auto; /* Let items resize to fit */
   text-align: center; /* Center-align menu items for smaller screens */
   font-size: 1.2rem;
}

.main-menu2 li:last-child {
   margin-right: 0; /* No extra margin on the last item */
}

.main-menu2 a {
   text-decoration: none; /* Remove underline from links */
   /*color: #000; /* Default text color */
   color: rgb(231, 231, 13);
}





/*----------------------------------------------------------------------FOOTER BITIS----------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------CATEGORY PAGE BASLANGICI-------------------------------------------------------------------*/






.category-page {
   background-color:#f5f5f5;
   margin-left: 100px;
   margin-right: 100px;
   
}



.cat-top-container {
   display: flex;
   
}

.ctc1 {
   flex: 1;
   
}




/*----------------------------------------------------------CATEGORY PAGE BITIS----------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------SINGLE POST BASLANGICI-------------------------------------------------------------------*/


.single-page {
   background-color:#f5f5f5;
   margin-left: 100px;
   margin-right: 100px;
   
}


.single-top-container {
   display: flex;
   
}

.stc1 {
   flex: 1;
   
}