/*
Theme Name: NetPatron
Theme URI: https://netpatron.com/
Author: Sizin Adınız
Author URI: https://netpatron.com/
Description: Mükellef.co benzeri, kırmızı ana renkli, modern ve responsive WordPress teması.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: netpatron
Tags: kırmızı, modern, responsive, şirket, blog
*/

:root {
  --main-red: #d32f2f;
  --main-red-dark: #b71c1c;
  --main-red-light: #ff6659;
  --main-bg: #fff;
  --main-text: #222;
}

body {
  background: var(--main-bg);
  color: var(--main-text);
  font-family: 'Segoe UI', Arial, sans-serif;
  margin: 0;
  padding: 0;
}

a {
  color: var(--main-red);
  text-decoration: none;
}
a:hover {
  color: var(--main-red-dark);
}

header, footer {
  background: var(--main-red);
  color: #fff;
}

button, .btn {
  background: var(--main-red);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
button:hover, .btn:hover {
  background: var(--main-red-dark);
}

/* Kullanıcı paneli ve giriş formu için ek stiller */
.user-panel-login, .user-panel-loggedin {
  max-width: 400px;
  margin: 30px auto;
  padding: 24px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(211,47,47,0.05);
}
.user-panel-loggedin p {
  margin-bottom: 16px;
}
.user-panel-login label, .user-panel-login input {
  display: block;
  width: 100%;
}
.user-panel-login input[type="text"],
.user-panel-login input[type="password"] {
  margin-bottom: 12px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.user-panel-login input[type="submit"] {
  background: var(--main-red);
  color: #fff;
  border: none;
  padding: 10px 0;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
}
.user-panel-login input[type="submit"]:hover {
  background: var(--main-red-dark);
}

/* Responsive temel ayarlar */
@media (max-width: 768px) {
  header, footer {
    text-align: center;
  }
} 