/*
Theme Name: Uzay Teması (Space Portfolio)
Theme URI: https://serefsen.com/
Author: Şeref ŞEN
Author URI: https://serefsen.com
Description: Şeref ŞEN tarafından uzay meraklıları için geliştirilen bu tema; galaktik bir atmosfer sunan, sade, hızlı ve performans odaklı bir portfolyo yapısıdır. Minimalist kod mimarisi ve karanlık tasarım detaylarıyla uzayın derinliklerini web sitenize taşır.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: space-portfolio
Tags: space, dark, portfolio, multilingual, custom-slider, bootstrap5, creative, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, site-editor, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, news, corporate, landing-page, grid-layout

Bu tema tamamen Şeref ŞEN tarafından özel olarak kodlanmıştır.
*/
:root { 
    --bg-color: #0b0717; 
    --preloader-bg: #062236; 
    --pink-glow: #e879f9; 
    --cyan-glow: #22d3ee; 
    --edge-spacing: 48px; 
}

* { box-sizing: border-box; }

/* Uzun metin, link ve başlıkların mobil ekranlardan taşmasını kökten engeller */
p, a, h1, h2, h3, h4, h5, h6, span, li, div {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* GLOBAL BODY */
body { 
    margin: 0; 
    background-color: var(--bg-color); 
    color: white; 
    font-family: 'Chakra Petch', sans-serif; 
    overflow-x: hidden; 
    min-height: 100vh; 
    position: relative; 
}

body[data-page] { 
    overflow: hidden !important; 
    height: 100vh !important; 
}

/* LOGO */
.nav-logo { width: 150px; height: 50px; object-fit: contain; transition: all 0.3s ease; }
.nav-logo:hover { transform: scale(1.05); filter: drop-shadow(0 0 8px rgba(34, 211, 238, 0.6)); }
@media (max-width: 991px) { .nav-logo { width: 120px; height: 40px; } }

/* PRELOADER */
#preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: var(--preloader-bg); z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity 0.5s ease, visibility 0.5s ease; }
#preloader.hide { opacity: 0; visibility: hidden; }
.preloader-svg { width: 280px; max-width: 80vw; height: auto; margin-bottom: 10px; pointer-events: none; }
.loading-text { font-family: 'Space Mono', monospace; color: var(--cyan-glow); letter-spacing: 0.2em; font-size: 13px; text-shadow: 0 0 8px rgba(34,211,238,0.5); animation: pulse 1.5s infinite; }
@keyframes pulse { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } }

/* BACKGROUND & CANVAS */
#bg-layer { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; background-size: cover; background-position: center; transform: translateY(0) scale(1); filter: blur(0px); opacity: 1; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, filter 0.35s ease; }
#starfield { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; pointer-events: none; }

/* NAVBAR SCROLL EFFECT */
.navbar { transition: background-color 0.4s ease, padding 0.4s ease !important; background: transparent !important; padding-top: 30px; z-index: 1000; }
.navbar.scrolled-nav { background-color: #000000 !important; padding-top: 15px !important; padding-bottom: 15px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.8); }

.navbar-nav .nav-link { 
    color: white !important; 
    font-weight: 700; 
    letter-spacing: 0.1em; 
    font-size: 14px; 
    text-shadow: 0 0 8px rgba(255,255,255,0.5); 
    transition: color 0.3s; 
    margin-left: 20px; 
    white-space: nowrap !important; 
    word-break: normal;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: var(--cyan-glow) !important; text-shadow: 0 0 8px rgba(34,211,238,0.5); }
body.theme-pink .navbar-nav .nav-link:hover, body.theme-pink .navbar-nav .nav-link.active { color: var(--pink-glow) !important; text-shadow: 0 0 8px rgba(232,121,249,0.5); }
.navbar-toggler { border-color: rgba(34, 211, 238, 0.5); }
.navbar-toggler-icon { filter: invert(1); }

/* DROPDOWN MENU ENHANCEMENTS */
.dropdown-menu { 
    background: rgba(11, 15, 25, 0.95); 
    backdrop-filter: blur(12px); 
    border: 1px solid rgba(34, 211, 238, 0.3); 
    border-radius: 8px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.6); 
    min-width: 220px; 
    padding: 15px 0; 
}
.dropdown-item { 
    color: white; 
    font-family: 'Space Mono', monospace; 
    font-size: 13px; 
    padding: 12px 20px; 
    transition: all 0.2s; 
    white-space: nowrap !important;
    word-break: normal;
}
.dropdown-item:hover { background: rgba(34, 211, 238, 0.2); color: var(--cyan-glow); }
body.theme-pink .dropdown-item:hover { background: rgba(232, 121, 249, 0.2); color: var(--pink-glow); }
.dropdown-menu .submenu { display: none; position: absolute; left: 100%; top: -7px; background: rgba(15, 23, 42, 0.95); border: 1px solid rgba(34, 211, 238, 0.3); border-radius: 8px; }
.dropdown-item-wrapper:hover > .submenu { display: block; }

@media (max-width: 991px) {
    .navbar-collapse { background: rgba(11, 7, 23, 0.98); backdrop-filter: blur(20px); border: 1px solid rgba(34, 211, 238, 0.3); border-radius: 10px; padding: 20px; margin-top: 15px; }
    .dropdown-menu .submenu { position: relative; left: 0; top: 0; background: transparent; border: none; box-shadow: none; padding-left: 15px; display: none; }
    .dropdown-item-wrapper.show > .submenu { display: block; }
}

/* UI ELEMENTS */
.social-sidebar { position: fixed; left: var(--edge-spacing); top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 20px; z-index: 50; }
.social-sidebar a { width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.6); backdrop-filter: blur(5px); transition: all 0.3s; text-decoration: none;}
.social-sidebar a:hover { color: var(--cyan-glow); border-color: var(--cyan-glow); }
body.theme-pink .social-sidebar a:hover { color: var(--pink-glow); border-color: var(--pink-glow); }
.bottom-right { position: absolute; bottom: var(--edge-spacing); right: var(--edge-spacing); display: flex; flex-direction: column; align-items: center; gap: 12px; font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 0.1em; z-index: 50; color: rgba(255,255,255,0.8); transition: opacity 0.3s ease; }
.icon-box { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; transition: all 0.3s; cursor: pointer; border-radius: 50%; }

/* SLIDER TRANSITIONS */
body.no-transition .hero, body.no-transition .astronaut, body.no-transition .interaction-wrapper, body.no-transition #bg-layer { transition: none !important; }
.hero { position: absolute; top: 20%; left: 50%; text-align: center; width: 100%; z-index: 10; transform: translate(-50%, 0); opacity: 1; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease; }
.astronaut { height: 60px; width: auto; filter: drop-shadow(0 0 10px rgba(0,0,0,0.5)); transform: scale(1.5) translateY(0); opacity: 1; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease; }
.interaction-wrapper { position: relative; z-index: 25; margin-top: 60px; width: 100%; height: 200px; display: flex; justify-content: center; transform: translateY(0); opacity: 1; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease; }
body.slide-out-up .hero { transform: translate(-50%, -80px); opacity: 0; }
body.slide-out-up .astronaut { transform: scale(0.8) translateY(-100px); opacity: 0; }
body.slide-out-up .interaction-wrapper { transform: translateY(30px); opacity: 0; }
body.slide-out-up #bg-layer { transform: translateY(-3%) scale(1.03); filter: blur(5px); opacity: 0; }
body.slide-out-down .hero { transform: translate(-50%, 80px); opacity: 0; }
body.slide-out-down .astronaut { transform: scale(0.8) translateY(100px); opacity: 0; }
body.slide-out-down .interaction-wrapper { transform: translateY(-30px); opacity: 0; }
body.slide-out-down #bg-layer { transform: translateY(3%) scale(1.03); filter: blur(5px); opacity: 0; }
body.slide-in-down .hero { transform: translate(-50%, 80px); opacity: 0; }
body.slide-in-down .astronaut { transform: scale(0.8) translateY(100px); opacity: 0; }
body.slide-in-down .interaction-wrapper { transform: translateY(30px); opacity: 0; }
body.slide-in-down #bg-layer { transform: translateY(3%) scale(1.03); filter: blur(5px); opacity: 0; }
body.slide-in-up .hero { transform: translate(-50%, -80px); opacity: 0; }
body.slide-in-up .astronaut { transform: scale(0.8) translateY(-100px); opacity: 0; }
body.slide-in-up .interaction-wrapper { transform: translateY(-30px); opacity: 0; }
body.slide-in-up #bg-layer { transform: translateY(-3%) scale(1.03); filter: blur(5px); opacity: 0; }

/* TYPOGRAPHY */
.glow-text { font-size: 3.5rem; color: transparent; margin: 15px 0; letter-spacing: 0.05em; transition: all 0.35s; max-width: 100%; }
.solid-text { font-size: 2.5rem; letter-spacing: 0.1em; margin-top: 30px; transition: all 0.35s; max-width: 100%; }
.message-line { display: flex; align-items: center; justify-content: center; gap: 16px; font-family: 'Space Mono', monospace; font-size: 11px; opacity: 0.9; letter-spacing: 0.2em; }
.line { height: 1px; width: 150px; position: relative; transition: all 0.35s; }
.dot { position: absolute; width: 4px; height: 4px; background: white; border-radius: 50%; top: 50%; transform: translateY(-50%); transition: all 0.35s; }
.spacer { width: 150px; }

body.theme-pink .glow-text { -webkit-text-stroke: 2px var(--pink-glow); text-shadow: 0 0 20px rgba(232,121,249,0.3); }
body.theme-pink .solid-text { color: var(--pink-glow); text-shadow: 0 0 15px rgba(232,121,249,0.6); }
body.theme-pink .line { background: linear-gradient(to right, transparent, var(--pink-glow)); }
body.theme-pink .dot { box-shadow: 0 0 8px 2px rgba(236,72,153,0.8); }
body.theme-cyan .glow-text { -webkit-text-stroke: 2px var(--cyan-glow); text-shadow: 0 0 20px rgba(34,211,238,0.3); }
body.theme-cyan .solid-text { color: var(--cyan-glow); text-shadow: 0 0 15px rgba(34,211,238,0.6); }
body.theme-cyan .line { background: linear-gradient(to right, transparent, var(--cyan-glow)); }
body.theme-cyan .dot { box-shadow: 0 0 8px 2px rgba(34,211,238,0.8); }
/* --- NEON GREEN THEME --- */
body.theme-green .glow-text { -webkit-text-stroke: 2px #4ade80; text-shadow: 0 0 20px rgba(74, 222, 128, 0.3); }
body.theme-green .solid-text { color: #4ade80; text-shadow: 0 0 15px rgba(74, 222, 128, 0.6); }
body.theme-green .line { background: linear-gradient(to right, transparent, #4ade80); }
body.theme-green .dot { box-shadow: 0 0 8px 2px rgba(74, 222, 128, 0.8); }
body.theme-green .navbar-nav .nav-link:hover, body.theme-green .navbar-nav .nav-link.active { color: #4ade80 !important; text-shadow: 0 0 8px rgba(74, 222, 128, 0.5); }
body.theme-green .dropdown-item:hover { background: rgba(74, 222, 128, 0.2); color: #4ade80; }
body.theme-green .social-sidebar a:hover { color: #4ade80; border-color: #4ade80; }

/* --- SOLAR ORANGE THEME --- */
body.theme-orange .glow-text { -webkit-text-stroke: 2px #fb923c; text-shadow: 0 0 20px rgba(251, 146, 60, 0.3); }
body.theme-orange .solid-text { color: #fb923c; text-shadow: 0 0 15px rgba(251, 146, 60, 0.6); }
body.theme-orange .line { background: linear-gradient(to right, transparent, #fb923c); }
body.theme-orange .dot { box-shadow: 0 0 8px 2px rgba(251, 146, 60, 0.8); }
body.theme-orange .navbar-nav .nav-link:hover, body.theme-orange .navbar-nav .nav-link.active { color: #fb923c !important; text-shadow: 0 0 8px rgba(251, 146, 60, 0.5); }
body.theme-orange .dropdown-item:hover { background: rgba(251, 146, 60, 0.2); color: #fb923c; }
body.theme-orange .social-sidebar a:hover { color: #fb923c; border-color: #fb923c; }

/* --- DEEP PURPLE THEME --- */
body.theme-purple .glow-text { -webkit-text-stroke: 2px #a855f7; text-shadow: 0 0 20px rgba(168, 85, 247, 0.3); }
body.theme-purple .solid-text { color: #a855f7; text-shadow: 0 0 15px rgba(168, 85, 247, 0.6); }
body.theme-purple .line { background: linear-gradient(to right, transparent, #a855f7); }
body.theme-purple .dot { box-shadow: 0 0 8px 2px rgba(168, 85, 247, 0.8); }
body.theme-purple .navbar-nav .nav-link:hover, body.theme-purple .navbar-nav .nav-link.active { color: #a855f7 !important; text-shadow: 0 0 8px rgba(168, 85, 247, 0.5); }
body.theme-purple .dropdown-item:hover { background: rgba(168, 85, 247, 0.2); color: #a855f7; }
body.theme-purple .social-sidebar a:hover { color: #a855f7; border-color: #a855f7; }

/* PLANET AND BOX */
.planet-section { position: absolute; bottom: 0; left: 0; width: 100%; height: 45vh; display: flex; flex-direction: column; align-items: center; z-index: 20; }
.astronaut-container { position: relative; z-index: 23; transform: translateY(22px); animation: float 4s ease-in-out infinite; }
@keyframes float { 0% { transform: translateY(22px); } 50% { transform: translateY(12px); } 100% { transform: translateY(22px); } }
.planet-wrapper { position: relative; width: 100%; flex-grow: 1; display: flex; justify-content: center; overflow: hidden; }
.planet { position: absolute; top: 0; left: 50%; width: 200vw; height: 200vw; border-radius: 50%; background: url('gezegen.png') center top/cover; box-shadow: inset 0 20px 100px rgba(0,0,0,0.6); z-index: 21; transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); }

.click-to-open { position: relative; padding: 15px 30px; cursor: pointer; transition: all 0.4s ease; display: flex; align-items: center; justify-content: center; min-width: 200px; min-height: 50px; background: transparent; }
.click-to-open.expanded { min-width: 500px; min-height: 180px; background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(8px); padding: 30px; cursor: default; }
.box-title { font-family: 'Chakra Petch', sans-serif; font-weight: 700; color: white; letter-spacing: 0.1em; text-shadow: 0 0 8px rgba(255,255,255,0.8); font-size: 16px; position: absolute; transition: opacity 0.3s ease; }

.box-content { opacity: 0; visibility: hidden; font-family: 'Space Mono', monospace; color: white; font-size: 14px; line-height: 1.6; text-align: center; transition: opacity 0.3s ease; transition-delay: 0.2s; position: absolute; width: 90%; 
    max-height: 140px; overflow-y: auto; padding-right: 10px; 
}
.click-to-open.expanded .box-title { opacity: 0; visibility: hidden; }
.click-to-open.expanded .box-content { opacity: 1; visibility: visible; }

/* Özel Scroll Bar Tasarımı (Kutu İçi) */
.box-content::-webkit-scrollbar { width: 4px; }
.box-content::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); border-radius: 10px; }
.box-content::-webkit-scrollbar-thumb { background: var(--cyan-glow); border-radius: 10px; }
body.theme-pink .box-content::-webkit-scrollbar-thumb { background: var(--pink-glow); }
body.theme-green .box-content::-webkit-scrollbar-thumb { background: #4ade80; }
body.theme-orange .box-content::-webkit-scrollbar-thumb { background: #fb923c; }
body.theme-purple .box-content::-webkit-scrollbar-thumb { background: #a855f7; }

.corner { position: absolute; width: 16px; height: 16px; border-style: solid; opacity: 0.8; transition: all 0.4s ease; }
.click-to-open:not(.expanded):hover .corner { width: 20px; height: 20px; border-color: white !important; }
.top-left { top: 0; left: 0; border-width: 2px 0 0 2px; } .top-right { top: 0; right: 0; border-width: 2px 2px 0 0; } .bottom-left { bottom: 0; left: 0; border-width: 0 0 2px 2px; } .bottom-right-corner { bottom: 0; right: 0; border-width: 0 2px 2px 0; position: absolute; width: 16px; height: 16px; border-style: solid; opacity: 0.8; }
.close-btn { position: absolute; bottom: -30px; font-family: 'Space Mono', monospace; font-size: 12px; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.3s ease; letter-spacing: 0.1em; }
.click-to-open.expanded ~ .close-btn { opacity: 1; visibility: visible; transition-delay: 0.3s; }

/* SUB-PAGE CLASSES (ABOUT, BLOG, CONTACT) */

/* Üst boşluk 140px'den 110px'e düşürüldü */
.page-container { width: 85%; max-width: 1000px; margin: 110px auto 60px auto; z-index: 10; position: relative; opacity: 1 !important; visibility: visible !important; display: flex; flex-direction: column; align-items: center; }

/* DÜZELTME: Sadece alt sayfalardaki başlıkların üst ve alt boşlukları tıraşlandı (Ana Sayfa Hero bozulmaz) */
.page-container > h1.glow-text, 
.page-container > h2,
.glass-box h1,
.glass-box h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

.glass-box { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(15px); border: 1px solid rgba(34, 211, 238, 0.3); border-radius: 16px; padding: 50px; box-shadow: 0 0 40px rgba(0,0,0,0.5); display: flex; gap: 50px; align-items: center; width: 100%; }
@media (max-width: 768px) { .glass-box { flex-direction: column; text-align: center; padding: 30px; } }
.profile-img-wrapper { position: relative; flex-shrink: 0; }
.profile-img { width: 250px; height: 250px; border-radius: 50%; object-fit: cover; border: 2px solid var(--cyan-glow); box-shadow: 0 0 30px rgba(34, 211, 238, 0.4); animation: float 6s ease-in-out infinite; background: rgba(0,0,0,0.5); padding: 20px;}
.bio-content h1 { font-size: 3rem; margin: 0 0 10px 0; color: transparent; -webkit-text-stroke: 1.5px var(--cyan-glow); text-shadow: 0 0 15px rgba(34,211,238,0.3); letter-spacing: 0.05em; }
.bio-content h2 { font-size: 1.2rem; color: var(--pink-glow); margin: 0 0 20px 0; font-family: 'Space Mono', monospace; letter-spacing: 0.1em; }
.bio-content p { font-family: 'Space Mono', monospace; font-size: 14px; line-height: 1.8; opacity: 0.8; margin-bottom: 30px; }
.skills-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 15px; width: 100%; }
.skill-tag { background: rgba(34, 211, 238, 0.1); border: 1px solid rgba(34, 211, 238, 0.3); color: white; padding: 10px 15px; border-radius: 6px; font-family: 'Space Mono', monospace; font-size: 12px; text-align: center; letter-spacing: 0.05em; transition: all 0.3s; }
.skill-tag:hover { background: var(--cyan-glow); color: #0b0717; box-shadow: 0 0 15px rgba(34,211,238,0.5); font-weight: bold; }

/* BLOG SPECIFIC */
.blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; width: 100%; margin-top: 40px; }
.blog-card { background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(232, 121, 249, 0.3); padding: 30px; border-radius: 12px; cursor: pointer; transition: all 0.3s; text-decoration: none; color: white; display: flex; flex-direction: column; }
.blog-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(232,121,249,0.3); border-color: var(--pink-glow); }
.blog-date { font-family: 'Space Mono', monospace; font-size: 12px; color: var(--cyan-glow); margin-bottom: 10px; letter-spacing: 0.1em; }
.blog-card h3 { font-size: 22px; margin: 0 0 15px 0; letter-spacing: 0.05em; font-family: 'Chakra Petch', sans-serif; color: white; }
.blog-card p { font-family: 'Space Mono', monospace; font-size: 13px; opacity: 0.8; line-height: 1.6; margin: 0; color: #ddd; }
.blog-content { font-family: 'Space Mono', monospace; font-size: 14px; line-height: 1.8; opacity: 0.9; }
.blog-content h2 { font-family: 'Chakra Petch', sans-serif; font-size: 24px; color: var(--pink-glow); margin-top: 30px; letter-spacing: 0.05em; }

/* CONTACT SPECIFIC */
.glass-box-contact { background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(15px); border: 1px solid rgba(34, 211, 238, 0.4); border-radius: 12px; padding: 40px; width: 90%; max-width: 600px; box-shadow: 0 0 30px rgba(0,0,0,0.6); text-align: center; z-index: 10; margin-top: 20px; }
.cosmic-input { width: 100%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.2); padding: 15px; margin-bottom: 20px; color: white; font-family: 'Space Mono', monospace; border-radius: 6px; outline: none; transition: border-color 0.3s; }
.cosmic-input:focus { border-color: var(--cyan-glow); background: rgba(255,255,255,0.1); }
.cosmic-btn { background: transparent; border: 2px solid var(--cyan-glow); color: white; font-family: 'Chakra Petch', sans-serif; font-weight: 700; letter-spacing: 0.1em; padding: 15px 40px; cursor: pointer; transition: all 0.3s; width: 100%; border-radius: 6px; font-size: 16px; }
.cosmic-btn:hover { background: var(--cyan-glow); color: #0b0717; box-shadow: 0 0 20px rgba(34,211,238,0.5); }
/* --- FEATURED IMAGES --- */
.featured-image-container { width: 100%; border-radius: 12px; overflow: hidden; margin-bottom: 25px; border: 1px solid rgba(34, 211, 238, 0.3); box-shadow: 0 5px 20px rgba(0,0,0,0.4); }
.featured-image-container img { width: 100%; height: auto; display: block; object-fit: cover; max-height: 400px; }
.blog-card-img { width: 100%; height: 180px; object-fit: cover; border-radius: 8px; margin-bottom: 15px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s; }
.blog-card:hover .blog-card-img { border-color: var(--pink-glow); }

/* --- COPYRIGHT TEXT --- */
.copyright-bottom-left {
    position: fixed;
    bottom: var(--edge-spacing);
    left: var(--edge-spacing);
    font-family: 'Space Mono', monospace;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.1em;
    z-index: 50;
    pointer-events: none; /* Prevents it from blocking clicks */
}

/* ==========================================================================
   MOBİL UYUMLULUK (RESPONSIVE) AYARLARI
   ========================================================================== */
@media (max-width: 991px) {
    .glow-text { font-size: 2.5rem; }
    .solid-text { font-size: 2rem; }
    .message-line .line { width: 100px; }
    .spacer { width: 100px; }
    .hero { top: 15%; width: 90%; }
}

@media (max-width: 768px) {
    /* Mobilde üst boşluk 90px'e çekildi */
    .page-container { margin: 90px auto 40px auto; }
    
    /* SADECE ALT SAYFALAR: Mobil başlıkları güvenli bir şekilde küçültüldü */
    .page-container > h1.glow-text,
    .glass-box h1,
    .glass-box h2 {
        font-size: 1.6rem !important; /* İnline stili ezer, ama hero class'ına dokunmaz */
        margin-bottom: 15px !important;
    }

    .click-to-open.expanded { min-width: 90vw; max-width: 90vw; padding: 25px 20px; }
    .glass-box { flex-direction: column; text-align: start; padding: 30px; align-items: flex-start; }
    .profile-img-wrapper { align-self: center; margin-bottom: 20px; }
    .bio-content { width: 100%; }
    
    /* Ana Sayfa Hero Metinleri */
    .hero .glow-text { font-size: 1.8rem; margin: 10px 0; }
    .hero .solid-text { font-size: 1.5rem; margin-top: 20px; }
    
    .message-line .line { width: 60px; }
    .spacer { width: 60px; }
    .message-line { font-size: 10px; letter-spacing: 0.1em; }
    .astronaut { height: 50px; }
    .interaction-wrapper { margin-top: 40px; }
    .bottom-right { display: none !important; }
}

@media (max-width: 480px) {
    .glow-text { font-size: 1.5rem; }
    .solid-text { font-size: 1.2rem; }
    .message-line .line { width: 40px; }
    .spacer { width: 40px; }
    .message-line { font-size: 9px; }
    .box-content { font-size: 12px; }
}