/* GENEL */
body {
    background: linear-gradient(135deg, #1e1e2f, #2b2b45);
    color: #fff;
    font-family: 'Orbitron', sans-serif;
}

/* BAŞLIK */
h1 {
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
    color: #00ff00;
}

/* ARAMA */
#search {
    border-radius: 10px;
    padding: 12px;
    border: none;
    outline: none;
	color:pink;
}

/* KART */
.card {
    background: rgba(30, 30, 50, 0.85);
    backdrop-filter: blur(6px);
    border: none;
    border-radius: 15px;
    transition: 0.2s;
}

.card:hover {
    transform: scale(1.02);
    box-shadow: 0 0 15px rgba(0,255,204,0.3);
}

/* BUTON */
.btn-primary {
    background: #00ffcc;
    border: none;
    color: #000;
    font-weight: bold;
    border-radius: 10px;
}

.btn-primary:hover {
    background: #00ccaa;
}

/* INPUT */
input, textarea {
    background: #1e1e2f !important;
    color: white !important;
    border: 1px solid #444 !important;
    border-radius: 10px !important;
}

/* SCROLL */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: #00ffcc;
    border-radius: 10px;
}

/* INDEX SAYFASI */
body.index-page {
    background: url("../images/index.jpg") no-repeat center center fixed;
    background-size: cover;
    position: relative;
}

/* KARARTMA (okunabilirlik için) */
body.index-page::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.1);
    z-index: -1;
}

/* CREATE SAYFASI */
body.create-page {
    background: url("../images/create.jpg") no-repeat center center fixed;
    background-size: cover;
    position: relative;
}

body.create-page::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.1);
    z-index: -1;
}

h1 {
	padding-top: 10px;
    text-shadow: 0 0 10px rgba(0,255,200,0.7);
}

/* INDEX → kart yazıları pembe */
.index-page .card h5 {
    color: #ff4da6;
}

.index-page .card p {
    color: #ff99cc;
}

.index-page .card div {
    color: #00ff00;
}

.index-page .card span {
    color: #ffff00;
}

/* CREATE → kart yazıları turkuaz */
.create-page .card h5 {
    color: #00ffd5;
}

.create-page .card p {
    color: #99fff0;
}

/* INDEX placeholder (arama kutusu) */
.index-page #search::placeholder {
    color: #ff4da6;
    opacity: 1;
}

/* CREATE placeholder */
.create-page input::placeholder,
.create-page textarea {
    color: #00ffd5;
    opacity: 1;
	min-height:150px;
}
.create-page textarea::placeholder {
    color: #00ffd5;
    opacity: 1;
}

/* TÜM placeholder'ları görünür yap */
::placeholder {
    opacity: 1 !important;
}

input, textarea {
    background: rgba(0,0,0,0.6) !important;
    color: white !important;
}

.btn-like {
    background: transparent;
    border: none;
    color: #ff4da6;
    font-size: 18px;
    transition: 0.2s;
}

.btn-like:hover {
    transform: scale(1.2);
}

form div {
	font-size:24px;
	line-height:34px;
	padding: 5px;
	margin: 10px;
}

.custom-green {
    color: #00ff00;
}

.text-end span {
	margin: 4px;
}