/* Google Font: Plus Jakarta Sans */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300&display=swap');

/* === RESET & GLOBAL === */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, td, th {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 200;
  background-color: #FAFAFA;
  color: #000;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}



::-webkit-scrollbar {
  display: none;
}

h1 {
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
}

h2 {
  font-size: 100%;
  font-weight: 200;
}

h3 {
  font-size: 1.4em;
  color: #000;
  text-align: left;
padding: 0 0 10px 15px;
	text-decoration: underline;
}

h4 {
  font-size: 2em;
  font-weight: 200;
  color: #999;
  text-align: left;
}

h5 {
  font-size: 1em;
  font-weight: 600;
  color: #333;
  text-align: left;
}

h6 {
  font-size: 1.4em;
  font-weight: 600;
  color: #000;
  text-align: left;
}

p {
  font-size: 1em;
  line-height: 1.5;
  text-align: justify;
  color: #000;
}

/* === LINKS === */
a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

a:hover,
a:focus {
  color: #b84738;
  text-decoration: underline;
}

a.active-link {
  color: #999;
  font-weight: bold;
  text-decoration: none;
}



/* === HEADER === */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 140px;
  background-color: #fff;
  z-index: 1000;
}

#header-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: justify;
}

/* Sadece index.html'de header sabit olsun ve arka plan transparan görünsün */
.index-page header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
}

.index-page .index-fullscreen-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}

.index-page .fullscreen-img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* oran korunur, boşluk kalmaz */
  object-position: center; /* görsel ortalanır */
}


/* === LOGO === */
#logo {
  float: left;
  margin-left: 22%;
  width: 90px;
  height: 140px;
  background: url(img/RD1.png) no-repeat center;
}
#index-logo {
  float: left;
  margin-left: 22%;
  width: 90px;
  height: 140px;
  background: url("img/RD1index.png") no-repeat center;
}

/* === NAVIGATION === */
nav {
  float: left;
  padding: 100px 0 0 60px;
}

#menu-icon {
  display: none;
  width: 50px;
  height: 50px;
  background: url(img/nav1.png) no-repeat center;
}

a:hover#menu-icon {
  border-radius: 4px 4px 0 0;
}

ul {
  list-style: none;
  font-size: 90%;
  line-height: 30px;
}

nav ul li {
  font-size: 140%;
  display: inline-block;
  padding: 4px;
  line-height: 25px;
}
.index-page nav ul li {
	background: none !important;
}
.index-page nav ul li a {
  color: white!important;
}

nav ul li a {
  color: black;
}

nav ul li a:hover {
  color: #FF3333;
}

.current {
  color: #393838;
}

/* === BANNER === */
.banner {
  width: 100%;
  background-color: #FFFFFF;
}

.banner-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* === FOOTER (Varsayım: .footer sınıfı var) === */
.footer a {
  color: #333;
  font-size: 1.4em;
}

.footer a:hover {
  color: #b84738;
}


/* ===========================
   GENEL YAPI
=========================== */
.inner-wrapper-5 {
  margin-top: 140px;
  position: fixed;
  width: 35%;
  left: 0;
  height: 60px;
  padding-top: 10px;
  background: transparent;
  z-index: 10;
}

#biographycv1 {
  text-align: right;
  width: 100%;
  margin: 0;
  color: white;
}

.inner-wrapper-6 {
  display: flex;
  justify-content: flex-start;
  padding-left: 35vw;
  padding-right: 5vw;
  box-sizing: border-box;
  max-width: 100vw;
  overflow-x: hidden;
}

#biography1 {
 margin-top: 140px;
  background-color: rgba(0, 0, 0, 0.4); /* Daha optimize ve görünür siyah saydamlık */
  padding: 30px 30px 150px 30px; /* Alt boşluk fazla olmasın, daha akıcı scroll için */
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* Daha yumuşak ve hafif gölge */
  max-width: 30vw;
  color: white;
}


#biography1 p {
  color: white;
}


/* ===========================
   ABOUT Sayfası
=========================== */
body.about-page .parallax-section {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}

body.about-page .parallax-image.about-bg {
  background-image: url('img/aboutback.webp');
  background-size: cover;
  background-position: center;
  height: 150%;
  will-change: transform;
}

/* ===========================
   EXHIBITION Sayfası
=========================== */
body.exhibitions-page .parallax-section {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}

body.exhibitions-page .parallax-image.exhibitions-bg {
  background-image: url('img/exhibitionback.webp');
  background-size: cover;
  background-position: center;
  height: 150%;
  will-change: transform;
}

/* ===========================
   STATEMENT Sayfası
=========================== */
body.statement-page .parallax-section {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}

body.statement-page .parallax-image.statement-bg {
  background-image: url('img/statementback.webp');
  background-size: cover;
  background-position: center;
  height: 150%;
  will-change: transform;
}





.inner-wrapper-7 {

  display: flex;
  justify-content: flex-start;
  padding-left: 35vw; /* Sol boşluk buradan veriliyor */
  padding-right: 5vw; /* Sağdan biraz boşluk, esneklik için */
  box-sizing: border-box;
  max-width: 100vw;
  overflow-x: hidden;
}



#cv1 h3,
#cv1 h4 {
  color: white;
}





#cv1 {
 margin-top: 140px;
  background-color: rgba(0, 0, 0, 0.4); /* Daha optimize ve görünür siyah saydamlık */
  padding: 30px 30px 150px 30px; /* Alt boşluk fazla olmasın, daha akıcı scroll için */
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* Daha yumuşak ve hafif gölge */
  max-width: 30vw;
  color: white;
}


#cv1 p {
  color: white;
}






/* Sergi blokları */
.exhibitions-entry {
  display: flex;
  gap: 6px;
  margin-bottom: 40px;
  border-left: 2px solid #b22222;
  padding-left: 14px;
}

.exhibitions-year {
  font-weight: bold;
  font-size: 1rem;
  min-width: 45px;
  color: #b22222;
  flex-shrink: 0;
}

.exhibitions-content {
  flex: 1;
}

.exhibitions-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: #222;
}

.exhibitions-writer {
  font-style: italic;
  margin: 0 0 6px 0;
  color: #444;
  font-size: 0.95rem;
  font-weight: 600;
}

.exhibitions-details {
  color: #333;
  line-height: 1.5;
  font-size: 0.95rem;
}

.exhibitions-venue,
.exhibitions-location {
  display: inline;
}
/* Publication Styles */
.publication-entry {
  display: flex;
  gap: 6px;
  margin-bottom: 40px;
  border-left: 2px solid #b22222;
  padding-left: 14px;
}

.publication-year {
  font-weight: bold;
  font-size: 1rem;
  min-width: 45px;
  color: #b22222;
  flex-shrink: 0;
}

.publication-content {
  flex: 1;
}

.publication-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: #222;
}

.publication-writer {
  font-style: italic;
  margin: 0 0 6px 0;
  color: #444;
  font-size: 0.95rem;
  font-weight: 600;
}

.publication-details {
  color: #333;
  line-height: 1.5;
  font-size: 0.95rem;
}

.publication-venue,
.publication-location {
  display: inline;
}

/* Seminar Styles */
.seminar-entry {
  display: flex;
  gap: 6px;
  margin-bottom: 40px;
  border-left: 2px solid #b22222;
  padding-left: 14px;
}

.seminar-year {
  font-weight: bold;
  font-size: 1rem;
  min-width: 45px;
  color: #b22222;
  flex-shrink: 0;
}

.seminar-content {
  flex: 1;
}

.seminar-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: #222;
}

.seminar-writer {
  font-style: italic;
  margin: 0 0 6px 0;
  color: #444;
  font-size: 0.95rem;
  font-weight: 600;
}

.seminar-details {
  color: #333;
  line-height: 1.5;
  font-size: 0.95rem;
}

.seminar-venue,
.seminar-location {
  display: inline;
}

/* Leadership Styles */
.leadership-entry {
  display: flex;
  gap: 6px;
  margin-bottom: 40px;
  border-left: 2px solid #b22222;
  padding-left: 14px;
}

.leadership-year {
  font-weight: bold;
  font-size: 1rem;
  min-width: 45px;
  color: #b22222;
  flex-shrink: 0;
}

.leadership-content {
  flex: 1;
}

.leadership-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: #222;
}

.leadership-writer {
  font-style: italic;
  margin: 0 0 6px 0;
  color: #444;
  font-size: 0.95rem;
  font-weight: 600;
}

.leadership-details {
  color: #333;
  line-height: 1.5;
  font-size: 0.95rem;
}

.leadership-venue,
.leadership-location {
  display: inline;
}




/* inner-wrapper-8: works list section */
.inner-wrapper-8 {
    
    margin-top: 150px;
    width: 100%;
    left: 0;
    height: auto;
}

#works1 {
    font-size: 1.2em;
    background-color: #FAFAFA;
    position: fixed;
    text-align: right;
    width: 25%;
    height: auto;
	color: #b22222;
}

#works1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

#works1 li {
    margin-left: 5px;
}

#works1 a {
  color: #b22222;
  text-decoration: none;
  transition: color 0.3s ease;
}

#works1 a:hover {
    color: #d62828;
	font-weight: bold;
}

#works1 a.active {
   color: #b22222;
  font-weight: bold;
  border-bottom: 2px solid #b22222;
}



/* Paintings Section */

.inner-wrapper-9 {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.paintings {
    /* box-sizing: border-box; already global */
}

/* Genel img ayarları */
img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 1px;
    box-shadow:
        0 6px 12px rgba(0, 0, 0, 0.7),
        0 2px 4px rgba(0, 0, 0, 0.05);
}

/* paintings içindeki img için */
.paintings img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

/* Belirli paintings id'leri için ortak stil */
#paintings16, #paintings30, #paintings42, #paintings114, #paintings162 {
    margin-top: 5px;
    margin-left: 27%;
    width: 50%;
    display: block;
    border-radius: 1px;
    box-shadow:
        0 6px 12px rgba(0, 0, 0, 0.7),
        0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Büyük boy resimler için */
#paintings4, #paintings6, #paintings8, #paintings10, #paintings12, #paintings14,
#paintings20, #paintings22, #paintings24, #paintings26, #paintings28,
#paintings34, #paintings36, #paintings38, #paintings40, #paintings46,
#paintings48, #paintings50, #paintings52, #paintings54, #paintings56,
#paintings58, #paintings60, #paintings62, #paintings64, #paintings66,
#paintings68, #paintings70, #paintings72, #paintings74, #paintings76,
#paintings78, #paintings80, #paintings82, #paintings84, #paintings86,
#paintings88, #paintings90, #paintings92, #paintings94, #paintings96,
#paintings98, #paintings100, #paintings102, #paintings104, #paintings106,
#paintings108, #paintings110, #paintings112, #paintings118, #paintings120,
#paintings122, #paintings124, #paintings126, #paintings128, #paintings130,
#paintings132, #paintings134, #paintings136, #paintings138, #paintings140,
#paintings142, #paintings144, #paintings146, #paintings148, #paintings150,
#paintings152, #paintings154, #paintings156, #paintings158, #paintings160 {
    margin-top: 100px;
    margin-left: 27%;
    width: 50%;
    display: block;
    border-radius: 1px;
    box-shadow:
        0 6px 12px rgba(0, 0, 0, 0.7),
        0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Diğer belirli resimler için */
#paintings2, #paintings18, #paintings32, #paintings44, #paintings116 {
    margin: 100px 0 100px 27%;
    width: 50%;
    display: block;
    border-radius: 1px;
    box-shadow:
        0 6px 12px rgba(0, 0, 0, 0.7),
        0 2px 4px rgba(0, 0, 0, 0.05);
}

#paintings15, #paintings29, #paintings41, #paintings113, #paintings161 {
   padding-left: 20px;
   margin-bottom: 70px;
   margin-top: 50px;
   width: 23%;
}

 #paintings3, #paintings5, #paintings7, #paintings9, #paintings11, 
 #paintings13, #paintings19, #paintings21, #paintings23, #paintings25, 
 #paintings27, #paintings33, #paintings35, #paintings37, #paintings39, 
 #paintings45, #paintings47, #paintings49, #paintings51, #paintings53, 
 #paintings55, #paintings57, #paintings59, #paintings61, #paintings63, 
 #paintings65, #paintings67,  #paintings69, #paintings71, #paintings73, 
 #paintings75, #paintings77, #paintings79, #paintings81, #paintings83, 
 #paintings85, #paintings87, #paintings89, #paintings91, #paintings93, 
 #paintings95, #paintings97, #paintings99, #paintings101, #paintings103, 
 #paintings105, #paintings107, #paintings109, #paintings111, #paintings117, 
 #paintings119, #paintings121, #paintings123, #paintings125, #paintings127, 
 #paintings129, #paintings131, #paintings133, #paintings135, #paintings137, 
 #paintings139, #paintings141, #paintings143, #paintings145, #paintings147, 
 #paintings149, #paintings151, #paintings153, #paintings155, #paintings157, #paintings159 {
 padding-left: 20px;
  margin-bottom: 70px;
  margin-top: 140px;
  width: 23%;
}

#paintings1, #paintings17, #paintings31, #paintings43, #paintings115 {
  padding-left: 20px;
  margin-bottom: 120px;
  margin-top: 140px;
  width: 23%;
}

.artwork-entry {
 margin-bottom: 2em;
}

.artwork-meta {
 font-size: 1rem;
 line-height: 1.6;
 color: #555;
}

.artwork-meta p {
 margin: 0;
}


/*---20 li resim sayfasisonu--*/

.inner-wrapper-10 {
    margin-top: 150px;
    position: fixed;
    width: 30%; /* Güncellendi: %32 */
    left: 0;
    height: 60px;
    padding-top: 10px;
}

.words {
  
}

#words1 {
    padding-right: 20px;
    text-align: right;
    position: fixed;
    width: 30%; /* Güncellendi: %32 */
}
/*---20 li resim sayfasisonu--*/




.inner-wrapper-17{
   margin-top: 60px;
    position: fixed;
    width: 25%; /* Güncellendi: %32 */
    height: auto;
    padding-top: 10px;  
    }
.workskategory{
    }
    
#workskategory1{
     
    text-align: right; /* Masaüstünde sağa yaslı */
    right: 0;
    top: 0; /* Yukarıdan hizalamak için */
    width: 100%; /* %100 genişlik */
    margin: 0; /* Marginleri kaldırdık */
    padding: 0; /* Paddingleri kaldırdık */
   }





/*---20 li resim sayfasisonu--*/
.inner-wrapper-11 {
    display: flex;
    right: 0; /* Sağdan sıfır margin verildi */
    width: 100%; /* %100 genişlik, kendi alanını kaplasın */
    top: 0; 
    margin: 0; /* Marginleri kaldırdık */
    padding: 0; /* Paddingleri kaldırdık */

}

.wordss {
    }

.wordss img {
    width: 100%; /* Konteynerin genişliğine göre ayarlayın */
    height: auto; /* En boy oranını koruyun */
    object-fit: contain; /* Resmi kesmeden alanı doldurun */
      }

#wordss1 {
    margin-top: 160px;
    margin-left: 25%;
    width: 35%; 
      }

#wordss3, #wordss5 {
    margin-top: 60px;
    margin-left: 25%;
    width: 35%; /* Güncellendi: %43 */
      }

#wordss5 {
    margin-bottom: 100px;
      }


#wordss2{
    margin-top: 140px;
    padding: 30px 60px 0 20px;
    width: 35%;   
      }

 #wordss4, #wordss6 {
    padding: 70px 60px 0 20px;
    width: 35%; /* Güncellendi: %25 */
      }


/*---ABOUT SONU PRESS BASI--*/
/*-------------------------------------------------------------
  Genel Yapı: Ana içeriği ortalayan kapsayıcı
-------------------------------------------------------------*/
.inner-wrapper-12 {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  max-width: 960px;
  min-width: 280px;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}

/*-------------------------------------------------------------
  Makale bileşenleri
-------------------------------------------------------------*/
.one-articles {
  width: 100%;
}

#makale1 {
  margin-top: 120px;
  margin-bottom: 20px;
}

#makale2 {
   margin-top: 80px;
  margin-bottom: 140px;

}

/*-------------------------------------------------------------
  Görseller: boyutlandırma ve orantı koruma
-------------------------------------------------------------*/
.one-articles img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/*-------------------------------------------------------------
  Vurgu (em) etiketleri: yalnızca .inner-wrapper-12 içinde
-------------------------------------------------------------*/
.inner-wrapper-12 em {
  font-style: italic;
  font-weight: 600;
  color: #999;
}

/*-------------------------------------------------------------
  Başlık biçimleri: sadece .inner-wrapper-12 içinde
-------------------------------------------------------------*/
.inner-wrapper-12 h1,
.inner-wrapper-12 h3,
.inner-wrapper-12 h4,
.inner-wrapper-12 h5,
.inner-wrapper-12 h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 1.5em;
  margin-bottom: 0.6em;
  color: #333333;
}
.inner-wrapper-12 h2 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 200;
  line-height: 1.4;
  margin-top: 1.5em;
  margin-bottom: 0.6em;
  color: #000;
}

.inner-wrapper-12 h1 {
  font-size: 30px;
}

.inner-wrapper-12 h2 {
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.inner-wrapper-12 h3 {
  font-size: 22px;
}

.inner-wrapper-12 h4 {
  font-size: 18px;
  color: #555;
}

/*-------------------------------------------------------------
  Bağlantılar (a etiketleri)
-------------------------------------------------------------*/
.inner-wrapper-12 a {
  color: #0055aa;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  word-break: break-word;
}

.inner-wrapper-12 a:hover,
.inner-wrapper-12 a:focus {
  text-decoration: underline;
  color: #003366;
}

/*-------------------------------------------------------------
  Liste Öğeleri
-------------------------------------------------------------*/
.inner-wrapper-12 li {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0.5em;
  list-style-type: disc;
  margin-left: 20px;
  color: #333;
}

/*-------------------------------------------------------------
  Vurgu Sınıfları: Özel biçimlendirme için
-------------------------------------------------------------*/
.kucuk-ince {
  color: lightgray;
  font-size: 16px;
  font-weight: 600;
}

.buyuk-kalin {
  color: #999;
  font-size: 30px;
  font-weight: 300;
}

/*---20 li resim sayfasisonu--*/




.inner-wrapper-14 {
    margin-top: 150px;
    position: fixed;
    left: 0;
    height: 60px;
    padding-top: 10px;
	}		
.news {
	
	}

#news1 {
	
    padding-right: 20px;
    text-align: right;
    position: fixed;
    width: 25%; /* Güncellendi: %32 */
    }
/*---20 li resim sayfasisonu--*/



.inner-wrapper-15 {
    
    width: 100%;
    display: flex;
    flex-direction: row;
    }	

.bir-article img {
    width: 100%; /* Konteynerin genişliğine göre ayarlayın */
    height: auto; /* En boy oranını koruyun */
    object-fit: contain; /* Resmi kesmeden alanı doldurun */
    }

.bir-article {
	}

#kurd1 {
    margin-bottom: 70px;
    margin-top: 160px;
    margin-left: 25%;
    width: 35%; 
    display: block;
    border-radius: 1px; /* Eğer köşe yuvarlaklığı istiyorsan */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.7), 0 2px 4px rgba(0, 0, 0, 0.05);
 

    }

    #kurd3, #kurd5,#kurd7,#kurd9, #kurd11,#kurd13, #kurd15, #kurd17, #kurd19, #kurd21, #kurd23,#kurd25, #kurd27, #kurd29, #kurd31, #kurd33,#kurd35, #kurd37, #kurd39,#kurd41, #kurd43,#kurd45, #kurd47, #kurd49, #kurd51, #kurd53, #kurd55, #kurd57, #kurd59 {
    margin-bottom: 70px;
    margin-left: 25%;
    width: 35%; 
    display: block;
    border-radius: 1px; /* Eğer köşe yuvarlaklığı istiyorsan */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.7), 0 2px 4px rgba(0, 0, 0, 0.05);
  }


#kurd31{
    margin-left: 25%;
    width: 35%; 
    margin-bottom: 100px;
    display: block;
    border-radius: 1px; /* Eğer köşe yuvarlaklığı istiyorsan */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.7), 0 2px 4px rgba(0, 0, 0, 0.05);
 
    }


#kurd2{
    margin-top: 160px;
    padding: 20px;
    width: 35%;       
    }


#kurd4, #kurd6, #kurd8, #kurd10, #kurd12,#kurd14, #kurd16, #kurd18, #kurd20, #kurd22, #kurd24,#kurd26, #kurd28, #kurd30, #kurd32, #kurd34, #kurd36,#kurd38, #kurd40, #kurd42,#kurd44, #kurd46,#kurd48, #kurd50, #kurd52, #kurd54, #kurd56, #kurd58, #kurd60 {
    
    padding: 20px;
    width: 38%;
    }

#kurd32{
    padding: 20px;
    width: 35%;
}



.contact-fullscreen-background {
  position: fixed;
  top: 80px; /* header yüksekliğine göre ayarla */
  left: 0;
  width: 100%;
  height: calc(100vh - 80px);
  z-index: -1;
  overflow: hidden;
}

.contact-background-image {
  width: 100%;
  height: 100%;
  background-image: url('img/aboutback.webp'); /* BURAYA GÖRSEL YOLUNU YAZ */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0.7);
}


/* === İÇERİK YAPISI === */
.inner-wrapper-16 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 80px);
  padding: 40px;
  position: relative;
  z-index: 1;
}


/* === SADE E-POSTA YAZISI, KUTUSUZ VE GÖLGELİ === */
.email-inline {
  text-align: center;
  margin: 60px auto;
}

.email-inline a {
  font-size: 1.6rem;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.5px;
  position: relative;

  text-shadow:
    0 0 10px rgba(0, 0, 0, 0.7),
    0 0 18px rgba(0, 0, 0, 0.5),
    2px 2px 12px rgba(0, 0, 0, 0.6),
    -2px -2px 12px rgba(0, 0, 0, 0.6);
  
  transition: color 0.3s ease;
}

.email-inline a::after {
  content: "";
  display: block;
  width: 120%;                 /* Yazıdan biraz uzun */
  height: 1px;
  background-color: #ffffff;
  opacity: 0.3;
  margin: 10px auto 0 auto;    /* Bu satır çizgiyi tam ortalar */
  transform: translateX(-10%); /* Ortalamayı telafi eder */
}

.email-inline a:hover {
  color: #f7b7b7;
}

/* Alt bilgi */
/* ===== FOOTER ===== */
.footer {
  border-top: 2px solid #434343;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #000;
  color: white;
  z-index: 9999;
}

.footer-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 100%;
}

.social-icons a {
  font-size: 24px;
  margin: 0 8px;
  color: #aaa;
  transition: color 0.3s ease;
}

.social-icons a:hover {
  color: #b84738;
}

.copyright {
  font-size: 14px;
  color: #ccc;
  margin: 0;
}




/*--------------------------MEDIA!!!-------------------*/
@media screen and (max-width: 768px) {
    

h1 {
	color: black;
	text-align: center;
	font-size: 120%;
	}
    
h2 {
	font-size: 100%;
	text-align: center;
	}
    
h3 {
	text-align: left;
	font-size: 150%;
	color: #000000;
	}
    
h4 {
	font-size: 200%;
    text-align: left;
    font-weight: lighter;
    color: #999999;
	}
    
h5 {
	font-size: 110%;
    text-align: left;
    font-weight: lighter;
    color: #333333; 
	}
    
h6 {
	font-size: 120%;
	}
    

p {
	color: #333333; 
	font-size: 100%;
	line-height: 150%;
	text-indent: 0px;
	text-align: justify;
	}
    
    
header {
    position: fixed;
    height: 80px;
    border-radius: 2px; /* Optional: Adds rounded corners */
    padding-bottom: 20px;
    z-index: 1000;

	}
 #header-inner{
   align-items: flex-start;
    }
    
    
#logo {
	margin: 0 0 0 20px;
	float: left;
	width: 154px;
	height: 80px;
	background: url(img/RD_mobile1.png) no-repeat center;
	}

#index-logo {
	margin: 0 0 0 20px;
	float: left;
	width: 154px;
	height: 80px;
	background: url("img/RD_mobile1index.png") no-repeat center;
	}
nav {    
	float: right;		
	padding: 17px 50px 0 0;
    }
    
#menu-icon {
	display: inline-block;
	}
nav ul, nav:active ul {                                     
	display: none;
	z-index: 1000;
	position: absolute;
	padding: 1px;
	background: white;
	right: 100px;
	top: 5px;
	border: 1px solid #1E3139;
	border-radius: 5px 5px 5px 5px;
	width: 40%;
	}
	.index-page nav ul li a {
  color: black!important;
}

	
nav:hover ul {
	display: block;
	}
nav li {
	text-align: center;
	width: 100%;
	padding: 10px 0;
	}
	
.index-page .fullscreen-image {
    background-position: top center;
  }



	
.inner-wrapper-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
    width: 100%;
    background: transparent;
  }

  #biographycv1 {
    text-align: center;
    margin: 0;
    width: 100%;
    height: auto;
    padding: 20px 0;
    background-color: black;
    z-index: 1000;
    font-size: 1.1rem;
  }

  .inner-wrapper-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5%;
    margin-left: 0;
  }

  #biography1 {
    width: 100%;
    padding: 160px 5% 100px 5%;
    margin: 0;
    max-width: 100%;
    min-height: 1500px;
    background-color: rgba(0, 0, 0, 0.4); /* siyah, saydam arka plan */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }

  .inner-wrapper-7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5%;
    margin: 0 auto;
  }

  #cv1 {
    width: 100%;
    padding: 160px 5% 100px 5%;
    margin: 0;
    max-width: 100%;
    min-height: 1500px;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  


  .parallax-image {
    height: 100%;
    background-position: center center;
  }

  .parallax-image::before {
   background-color: rgba(0, 0, 0, 0.60); /* %85 koyu katman */
  }


   .inner-wrapper-8 {
        margin: 0;
        width: 100%;
        }
    .works{
        text-align: center; /* İçerikleri ortala */
        display: flex; /* Flexbox kullanarak ortalayalım */
        justify-content: center; /* Elemanları ortada hizala */
        }
    
    #works1{
        align-items: center;
        margin-top: 70px;
        height: 60px;
        width: 100%;
        }
    
   #works1 ul {
        width: 100%;
        list-style-type: none; /* Noktaları kaldır */
        padding: 0; /* İç boşluğu kaldır */
        margin: 0; /* Dış boşluğu kaldır */
        display: flex; /* Liste elemanlarını yan yana diz */
	    flex-wrap: wrap;
        justify-content: center; /* Elemanları ortala */
	    gap: 1px;
       
        }
    
   #works1 li {
        border-radius: 1px; /* Eğer köşe yuvarlaklığı istiyorsan */
         }
	#works1 a {
    display: inline-block;
    padding: 1px 1px;
    font-size: 0.95em;
    color: #b22222;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  #works1 a:hover {
    color: #d62828;
    font-weight: bold;
  }

  #works1 a.active {
    font-weight: bold;
	  border-bottom: 2px solid #b22222;
}
  
    
.inner-wrapper-9 {
        flex-direction: column; /* Dikey dizme */
        justify-content: center; /* Ortalamayı sağla */
        padding: 0 3%; /* Yanlarda boşluk ekle */
	    }
	
.paintings {
        }

#paintings16, #paintings30, #paintings42, #paintings114, #paintings162  {
		margin: inherit;
        margin-top: 180px;
        width: 100%; /* Tam genişlik */	
	     }
        
#paintings4, #paintings6, #paintings8, #paintings10, #paintings12, #paintings14,
#paintings20, #paintings22, #paintings24, #paintings26, #paintings28,
#paintings34, #paintings36, #paintings38, #paintings40, #paintings46,
#paintings48, #paintings50, #paintings52, #paintings54, #paintings56,
#paintings58, #paintings60, #paintings62, #paintings64, #paintings66,
#paintings68, #paintings70, #paintings72, #paintings74, #paintings76,
#paintings78, #paintings80, #paintings82, #paintings84, #paintings86,
#paintings88, #paintings90, #paintings92, #paintings94, #paintings96,
#paintings98, #paintings100, #paintings102, #paintings104, #paintings106,
#paintings108, #paintings110, #paintings112, #paintings118, #paintings120,
#paintings122, #paintings124, #paintings126, #paintings128, #paintings130,
#paintings132, #paintings134, #paintings136, #paintings138, #paintings140,
#paintings142, #paintings144, #paintings146, #paintings148, #paintings150,
#paintings152, #paintings154, #paintings156, #paintings158, #paintings160 {
        margin: inherit;
        width: 100%; /* Tam genişlik */
         }
	
#paintings2, #paintings18, #paintings32, #paintings44, #paintings116 {
		margin: inherit;
        width: 100%; /* Tam genişlik */
	     }

 #paintings15, #paintings29, #paintings41, #paintings113, #paintings161 {
     margin-top: 0;
     padding-top: 15px;
     width: 100%; /* Tam genişlik */  
      }
    
  #paintings3, #paintings5, #paintings7, #paintings9, #paintings11, #paintings13, #paintings19, #paintings21, #paintings23, #paintings25, #paintings27, #paintings33, #paintings35, #paintings37, #paintings39, #paintings45, #paintings47, #paintings49, #paintings51, #paintings53, #paintings55, #paintings57, #paintings59, #paintings61, #paintings63, #paintings65, #paintings67,  #paintings69, #paintings71, #paintings73, #paintings75, #paintings77, #paintings79, #paintings81, #paintings83, #paintings85, #paintings87, #paintings89, #paintings91, #paintings93, #paintings95, #paintings97, #paintings99, #paintings101, #paintings103, #paintings105, #paintings107, #paintings109, #paintings111, #paintings117, #paintings119, #paintings121, #paintings123, #paintings125, #paintings127, #paintings129, #paintings131, #paintings133, #paintings135, #paintings137, #paintings139, #paintings141, #paintings143, #paintings145, #paintings147, #paintings149, #paintings151, #paintings153, #paintings155, #paintings157, #paintings159 {
        margin-top: 0;
        padding-top: 15px;
        width: 100%; /* Tam genişlik */
	     }
    
  #paintings1, #paintings17, #paintings31, #paintings43, #paintings115 {
	    margin-top: 0;
        padding-top: 15px;
        width: 100%;
       margin-bottom: 80px;
	    }
    
    
.inner-wrapper-10 {
        flex-direction: column; /* Dikey dizme */
        margin-top: 70px; /* Üstten boşluk */
        align-items: center; /* Ortalamayı sağla */
    }

#words1 {
        padding-top: 10px;
        text-align: center;
        margin: 0; /* Margin'i kaldır */
        width: 100%; /* Tam genişlik */
        height: 55px;
        background-color: #FAFAFA;
       }
    
    
.inner-wrapper-17{
	    margin: 0;
        width: 100%;
        height: 60px; /* Yükseklik otomatik ayarlanacak */
   
        }

#workskategory1{
        margin-top: 110px;
        align-items: center;
        background-color: #FAFAFA;
        position: relative; /* Pozisyonu değiştirdik */
        width: 100%; /* Tüm genişlik kullanılacak */
        text-align: center; /* Metin merkezde */
        }

	
.inner-wrapper-11 {
        padding: 0 5%;
        flex-direction: column; /* Dikey dizme */
        justify-content: center; /* Ortalamayı sağla */
        }
	
.wordss{
        
        }

#wordss1{
        margin: inherit;
        margin-top: 150px;
        margin-bottom: 10px;
        width: 100%; /* Tam genişlik */
         }
    
#wordss3, #wordss5 {
        margin: inherit;
        margin: 60px 0 20px 0;
        width: 100%; /* Tam genişlik */
    }

#wordss2, #wordss4 {
        padding: 0;
        margin: inherit;
        width: 100%; /* Tam genişlik */
        }
	
#wordss6{
      padding: 0;
      margin: inherit;
      width: 100%; /* Tam genişlik */
      margin-bottom: 100px;
      }
	

  /* Ana içerik alanı: daha dar ve tam genişlikli */
  .inner-wrapper-12 {
    width: 100%;
    padding: 10px 30px 10px 30px;
    gap: 12px;
  }

  /* Tüm başlıklar eşit hizalanır */
  .inner-wrapper-12 h1,
  .inner-wrapper-12 h2,
  .inner-wrapper-12 h3,
  .inner-wrapper-12 h4,
  .inner-wrapper-12 h5,
  .inner-wrapper-12 h6 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
    letter-spacing: normal;
    text-transform: none;
    color: #333;
    line-height: 1.4;
  }

  .inner-wrapper-12 h1 { font-size: 24px; }
  .inner-wrapper-12 h2 { font-size: 20px; }
  .inner-wrapper-12 h3 { font-size: 18px; }
  .inner-wrapper-12 h4 { font-size: 16px; }
  .inner-wrapper-12 h5 { font-size: 15px; }
  .inner-wrapper-12 h6 { font-size: 14px; }

  /* Makale kutularının boşlukları */
  .one-articles {
    margin-bottom: 20px;
  }

  #makale1 {
    margin-top: 100px;
    margin-bottom: 20px;
  }

  #makale2,
  #makale3,
  #makale4,
  #makale5 {
    margin-bottom: 20px;
  }

  #makale6 {
    margin-bottom: 100px;
  }

  /* Görseller taşmasın */
  .one-articles img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  /* Bağlantılar mobilde okunabilir ve rahat tıklanabilir */
  .inner-wrapper-12 a {
    font-size: 15px;
    word-break: break-word;
  }

  /* Liste elemanları mobilde daha sade */
  .inner-wrapper-12 li {
    font-size: 15px;
    margin-bottom: 0.3em;
    margin-left: 20px;
    list-style-type: disc;
    color: #333;
  }

  /* Vurgu sınıfları dengelenmiş */
  .kucuk-ince {
    font-size: 16px;
    font-weight: 300;
    color: #666;
  }

  .buyuk-kalin {
    font-size: 24px;
    font-weight: 500;
    color: #666;
  }

  /* em etiketleri daha yumuşak görünümde */
  .inner-wrapper-12 em {
    font-style: italic;
    font-weight: 500;
    color: #2b2b2b;
  }



 .inner-wrapper-13 {
      margin-top: 140px;
    
	}
.article-title {
	float: left;
	text-align: center;
	}
#article-title1 {

    float: left;
    text-align: left;
	width: 100%;
    height: auto;
	}
    

.inner-wrapper-14 {
        flex-direction: column; /* Dikey dizme */
        margin-top: 70px; /* Üstten boşluk */
        align-items: center; /* Ortalamayı sağla */
         }

#news1 {
        padding-top: 20px;
        text-align: center;
        margin: 0; /* Margin'i kaldır */
        width: 100%; /* Tam genişlik */
        height: 55px;
        background-color: #FAFAFA;
         }
    
.inner-wrapper-15 {
        flex-direction: column; /* Dikey dizme */
        justify-content: center; /* Ortalamayı sağla */
        padding: 0 5%; /* Yanlarda boşluk ekle */
        }

#kurd1{
        margin: inherit;
        margin-top: 150px;
        margin-bottom: 10px;
        width: 100%; /* Tam genişlik */
         }

    #kurd3, #kurd5, #kurd7, #kurd9, #kurd11,#kurd13, #kurd15, #kurd17, #kurd19, #kurd21, #kurd23,#kurd25, #kurd27, #kurd29, #kurd31, #kurd33,#kurd35, #kurd37, #kurd39,#kurd41, #kurd43,#kurd45, #kurd47, #kurd49, #kurd51, #kurd53, #kurd55, #kurd57, #kurd59  { 
         margin: inherit;
        margin-bottom: 10px;
        margin-top: 40px;
        width: 100%; /* Tam genişlik */
	    }
#kurd31{
     margin: inherit;
     margin-bottom: 10px;
     margin-top: 40px;
     width: 100%; /* Tam genişlik */ 
     }
     
#kurd2{
     margin: 0;
     width: 100%; /* Tam genişlik */   
     }
    
    
  #kurd4, #kurd6, #kurd8, #kurd10, #kurd12,#kurd14, #kurd16, #kurd18, #kurd20, #kurd22, #kurd24,#kurd26, #kurd28, #kurd30, #kurd32, #kurd34, #kurd36,#kurd38, #kurd40, #kurd42,#kurd44, #kurd46,#kurd48, #kurd50, #kurd52, #kurd54, #kurd56, #kurd58, #kurd60  {
       margin: 0; /* Margin'i kaldır */
       width: 100%; /* Tam genişlik */
        }
	
 #kurd32 {
     margin: 0; /* Margin'i kaldır */
    width: 100%; /* Tam genişlik */
    margin-bottom: 100px
     }
	
	
.contact-fullscreen-background {
    top: 60px; /* Mobilde header genelde daha kısa */
    height: calc(100vh - 60px);
  }

  .inner-wrapper-16 {
    padding: 20px;
    flex-direction: column;
  }

  .email-inline a {
    font-size: 1.2rem;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  }




.footer-inner {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 6px;
  }

  .social-icons a {
    font-size: 22px;
  }

  .copyright {
    font-size: 13px;
 
}
}