/* =========================================================
   Base reset
========================================================= */
* { margin:0; padding:0; }
*, *::before, *::after { box-sizing:border-box; }

img { border:0; max-width:100%; height:auto; }
table { border-collapse:collapse; border-spacing:0; }
ol, ul { list-style:none; }
th { text-align:left; }

/* =========================================================
   Typography + base
========================================================= */
body{
  color:#000;
  font-size:15px;
  font-family:"Noto Sans", Tahoma, sans-serif;
}

p{
    padding:10px;
    line-height:1.6;
    margin-bottom:15px;
}

h1{ color:#FFA62F; font-size:18px; padding-left:4px; }
h2{ color:#FFA62F; font-size:15px; padding-left:4px; }
h3{ color:#FFA62F; font-size:12px; padding-left:4px; }

a{ color:#000; text-decoration:none; }
a:hover{ text-decoration:underline; }


/* --- Typography & content blocks (pro, clean, matches the white theme + ticker) --- */

/* Base */
:root{
  --text:#111827;
  --muted:#6b7280;
  --border:rgba(0,0,0,.10);
  --card:#ffffff;
  --soft:rgba(0,0,0,.04);
  --accent:#d97706; /* warm gold-ish */
  --accent-2:#0ea5e9; /* subtle blue for links/focus */
}

body{
  color:var(--text);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Headings */
h1,h2,h3{
  letter-spacing:-.02em;
  line-height:1.2;
  margin:0 0 .55em;
  color:var(--text);
}

h1{
  font-size:clamp(22px, 2.2vw, 34px);
  font-weight:800;
}

h2{
  font-size:clamp(18px, 1.6vw, 26px);
  font-weight:750;
  padding-left:0;
  position:relative;
}

h2::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--accent);
  margin-right:10px;
  transform:translateY(-1px);
}

h3{
  font-size:clamp(16px, 1.25vw, 20px);
  font-weight:700;
  color:#0f172a;
}

/* Paragraphs */
p{
  margin:0 0 1em;
  color:var(--text);
}

p small,
.small,
.muted{
  color:var(--muted);
}

/* Links (subtle, modern) */
a{
  color:inherit;
  text-decoration:none;
  background-image:linear-gradient(transparent 70%, rgba(217,119,6,.22) 70%);
  background-size:100% 100%;
  background-repeat:no-repeat;
  transition:background-color .15s ease, opacity .15s ease;
}
a:hover{
  opacity:.92;
  background-image:linear-gradient(transparent 60%, rgba(217,119,6,.32) 60%);
}
a:focus-visible{
  outline:3px solid rgba(14,165,233,.25);
  outline-offset:2px;
  border-radius:8px;
}

/* Lists */
ul{
  margin:0 0 1em;
  padding-left:18px;
}
ul li{
  margin:.15em 0;
}
ul li::marker{
  color:rgba(217,119,6,.9);
}
ul.tight{ margin-bottom:.5em; }
ul.tight li{ margin:.22em 0; }

/* Optional: nicer content card wrapper */
.content-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  padding:16px;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}

/* Inputs (modern, not generic) */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
textarea,
select{
  width:100%;
  max-width:520px;
  box-sizing:border-box;
  padding:11px 12px;
  border-radius:12px;
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(255,255,255,1), rgba(0,0,0,.01));
  color:var(--text);
  font-size:14px;
  line-height:1.25;
  transition:border-color .15s ease, box-shadow .15s ease, transform .06s ease;
}

input::placeholder,
textarea::placeholder{
  color:rgba(107,114,128,.9);
}

input:focus,
textarea:focus,
select:focus{
  outline:none;
  border-color:rgba(217,119,6,.55);
  box-shadow:0 0 0 4px rgba(217,119,6,.12);
}

input:active,
textarea:active{
  transform:translateY(0.5px);
}

/* Buttons (keeps your existing vibe but more premium) */
button,
input[type="submit"],
input[type="button"]{
  appearance:none;
  border:1px solid rgba(0,0,0,.10);
  background:linear-gradient(180deg, rgba(217,119,6,1), rgba(180,83,9,1));
  color:#fff;
  border-radius:12px;
  padding:10px 14px;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  transition:transform .06s ease, box-shadow .15s ease, filter .15s ease;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
  filter:brightness(1.02);
  box-shadow:0 10px 18px rgba(0,0,0,.08);
}

button:active,
input[type="submit"]:active,
input[type="button"]:active{
  transform:translateY(1px);
  box-shadow:none;
}

button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible{
  outline:3px solid rgba(14,165,233,.25);
  outline-offset:2px;
}

/* Form rows */
.form-row{
  display:grid;
  gap:10px;
  margin:0 0 12px;
}
.form-row label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:rgba(15,23,42,.75);
}

/* Small helper badges (optional, matches your up/down/no classes) */
.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:var(--soft);
  font-weight:700;
  font-size:12px;
}
.badge.up{ border-color:rgba(16,185,129,.35); background:rgba(16,185,129,.10); }
.badge.down{ border-color:rgba(239,68,68,.35); background:rgba(239,68,68,.10); }
.badge.no{ opacity:.85; }

/* Mobile spacing tweaks */
@media (max-width: 768px){
  h1{ margin-bottom:.6em; }
  h2::before{ width:9px; height:9px; margin-right:8px; }
  input, textarea, select{ max-width:100%; }
}


/* =========================================================
   Layout (legacy)
========================================================= */
/* Container: fluid on mobile, fixed max on desktop */

/*.main{
  width:100%;
  max-width:1024px;
  margin:0 auto;
  padding:0 12px;   // mobile breathing space
}*/


.main{
  width:100%;
  max-width:1320px;   /* sweet spot */
  margin:0 auto;
  padding:0 16px;
}



/* Header bar: flexible height */
.top{
  width:100%;
  height:auto;       /* instead of 132px */
  min-height:132px;  /* keeps old look on desktop */
  text-align:left;   /* better for responsive header layout */
  background: #f4f4f4;
}

/* Desktop: keep old centered feel if you want */
@media (min-width: 992px){
  .top{ text-align:center; }
  .main{ padding:0 1px; } /* close to your old padding */
}


/* =========================================================
   Navigation
========================================================= */
ul.menu{
  width:100%;
  height:35px;
  display:block;
  border:0;
  border-top:2px solid #333;
}

ul.menu li{
  float:left;
  display:inline-block;
  margin:2px;
  padding:5px 10px;
  background:#D15600;
  color:#fff;
}

ul.menu li:hover{ background:#333; color:#fafafa; }

ul.menu li a,
ul.menu li a:visited,
ul.menu li a:hover,
ul.menu li a:active{
  color:inherit;
  text-decoration:none;
}

/* =========================================================
   Tables
========================================================= */
table.doviz_kurlari{
  width:100%;
  background:#ddd;
  color:#333;
  border-spacing:2px;
}

table.doviz_kurlari th,
table.doviz_kurlari td{
  padding:5px;
  font-size:12px;
}

table.doviz_kurlari tr:nth-child(2n) td{ background:#ebebeb; }
table.doviz_kurlari tr:nth-child(2n+1) td{ background:#fafafa; }

table.doviz_kurlari td:nth-child(1),
table.doviz_kurlari td:nth-child(2),
table.doviz_kurlari td:nth-child(3){
  font-size:14px;
  text-shadow:2px 0 0 #fff;
}

/* Gold tables */
table.altin-table{
  width:99%;
  margin:4px;
  padding:2px;
  border:0;
  border-collapse:collapse;
  font-size:12px;
  font-weight:bold;
}

td.altin-td,
tr.altin-tr{ border-bottom:1px dashed #C0C0C0; }

/* =========================================================
   Content blocks (legacy)
========================================================= */
.logo{ border:1px solid #C0C0C0; padding:2px; margin:4px 0 5px 8px; }
.image{ float:left; border:1px solid #d1d1d1; padding:1px; margin:5px; }
.image-r{ float:right; border:1px solid #d1d1d1; padding:1px; margin:5px; }
.border{ border:1px solid #C0C0C0; }

.icerik{
  width:730px;
  margin:2px;
  padding:0 8px;
  font-size:13px;
  border:1px solid #C0C0C0;
}

.latest{ float:left; width:94%; margin:3px; padding:1px; font-size:9pt; }

.currency{
  width:700px;
  margin:1px;
  padding-left:4px;
  text-align:left;
  background:#fff;
  border:1px solid #FFA62F;
}

.currency-2{
  width:700px;
  margin:2px;
  padding:2px;
  font-size:11pt;
  font-weight:normal;
  background:#fff;
}

.change{
  width:146px;
  color:#fff;
  text-align:center;
  border-left:1px solid #C0C0C0;
  border-right:1px solid #C0C0C0;
}

/* =========================================================
   Ads (legacy side rails)
========================================================= */
.ad{
  position:absolute;
  top:1px;
  width:160px;
  height:600px;
  display:block;
}

.left-ad{
  left:50%;
  background-color:orange;
  margin-left:calc(-160px - (1024px/2));
}

.right-ad{
  right:50%;
  background-color:#fff;
  margin-right:calc(-160px - (980px/2) - 10px);
}

/* =========================================================
   Labels / sections
========================================================= */
.highlight{ font-weight:bold; }

.silver{ color:#C0C0C0; }

.baslik{
  height:20px;
  text-align:left;
  background:#333;color:#fff;
}

/* =========================================================
   Forms
========================================================= */
input, button{
  background-color:#C85A17;
  color:#fff;
  font-size:10pt;
  font-weight:bold;
  border:2px solid #ccc;
  padding:2px;
}

select, textarea{
  margin:2px;
  padding:2px;
  font-size:10pt;
  outline:none;
  background:#F3E5AB;
  font-weight:bold;
  color:#806517;
}

/* =========================================================
   Footer / misc
========================================================= */
table.header24 td{ color:#fff; }
table.header24 td a{ color:#fff; }

.h-table{
  width:450px;
  margin-right:10px;
  font-size:8pt;
  text-align:center;
  background:#F6F6F6;
}

#tr{ text-align:center; position:relative; }
#tr ul li{
  float:left;
  height:25px;
  display:block;
  font-size:11px;
  color:#000;
  padding:0 4px;
  line-height:24px;
}
#tr ul li a{
  height:25px;
  display:block;
  font-size:11px;
  color:#000;
  padding:0 4px;
  line-height:24px;
}
#tr ul li a:hover{ background-color:#434343; }

.footer{
  padding:15px;
  color:#fff;
  background:#444; color:#f2f2f2;
}
.footer a{ color:#fff; }
.footer-left{ width:350px; padding-right:15px; }

.row-time{font-size:12px; opacity:.7; margin-top:2px;}