/* pages.css (PAGE-SPECIFIC + COMPONENTS) */

/* ===== Hosting cards: remove cerceve.png everywhere ===== */
td[background*="cerceve.png"]{
  background-image:none !important;
  background-color:#f8fafc !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.06) !important;
  padding:16px 14px !important;
  vertical-align:top !important;
}
td[background*="cerceve.png"] table{width:100% !important; border-collapse:collapse !important;}
td[background*="cerceve.png"] li{margin:6px 0 !important; font-size:13px !important; line-height:1.4 !important;}
td[background*="cerceve.png"] font[color="#EC008C"]{color:#059669 !important; font-size:14px !important;}

/* ===== Section headers like “Ekonomik Hosting” ===== */
.TableBaslik{
  background:#16a34a !important;
  color:#ffffff !important;
  font-size:13px !important;
  font-weight:800 !important;
  padding:8px 12px !important;
  text-align:left !important;
  border-radius:8px !important;
  border:none !important;
  box-shadow:none !important;
}



/* Captcha image (single version) */
.captcha-img{
  display:block;
  max-width:160px;
  height:auto;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  padding:6px;
}



/* ===== VPS page (if you modernize it later) ===== */
.vps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
@media (max-width:900px){.vps-grid{grid-template-columns:1fr}}
.vps-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.04);}
.vps-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  background:#16a34a !important;   /* same green as TableBaslik */
  color:#ffffff !important;
  border-bottom:none !important;
}
.vps-head h2{
  margin:0;
  font-size:15px;
  font-weight:900;
  color:#ffffff !important;
}


/* ===== ABOUT / HAKKIMIZDA ===== */


/* Use your existing container */
.page-wrap.about{
  max-width: 900px;
}

/* Paragraph spacing */
.about-hero p{
  margin: 10px 0;
  line-height: 1.7;
}

/* Right image (old server) */
.about-img-right{
  float: right;
  width: 260px;
  max-width: 45%;
  height: auto;
  margin: 0 0 12px 14px;
  border: none;
  border-radius: 14px;
  padding: 0;
}

/* Gallery images */
.about-gallery{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 16px;
}

.about-gallery img{
  width: 350px;
  max-width: 100%;
  height: auto;
  border: none;
  border-radius: 14px;
  padding: 0;
}

/* Bullet list */
.bullet-list{
  margin: 0 0 8px 18px;
  line-height: 1.7;
}

/* Mobile: stop floating, make images full width */
@media (max-width: 640px){
  .about-img-right{
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 12px 0;
  }
}

/*UYE KAYIT*/
/* Registration form label column */
.formLabel{
  width: 240px;
  font-weight: 800;
}
@media (max-width: 720px){
  .formLabel{ width: 42%; }
}

.page-wrap .card{ padding:14px; }

.signup-card{
  background:linear-gradient(180deg,#f8fff4 0%,#ffffff 78%);
  border:1px solid #c7e5c0;
  box-shadow:0 10px 24px rgba(22,163,74,.10);
}

.signup-table{
  border:1px solid #a9d69d !important;
  background:#f3fce9 !important;
}

.signup-table .formBaslik{
  background:linear-gradient(180deg,#6acc52 0%,#52b83e 100%) !important;
  border-top:0 !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.01em;
}

.signup-table .formTd{
  background:#edf8e0 !important;
  border-top:1px solid #b8dca9 !important;
}

.signup-table tr:nth-child(even) .formTd{
  background:#f5fbea !important;
}

.signup-table .formLabel{
  color:#1f4422;
}

.signup-table input[type="text"],
.signup-table input[type="password"],
.signup-table select,
.signup-table textarea{
  border-color:#9fc98f !important;
  background:#fff !important;
}

.signup-table .contract-box{
  border:1px solid #b6dca7;
  border-radius:10px;
  background:#f7fff0;
  padding:10px 12px;
}

.signup-table .contract-title{
  color:#1f6a2d;
  font-weight:900;
  margin-bottom:8px;
}

/* ===== DOMAINLER PAGE ===== */

.page-subtitle{
  margin: 0 0 14px 0;
  text-align: center;
  color: #6b7280;
  font-size: 13px;
}



/* hint text */
.hint{
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
}

/* widen table nicely */
.form-wide{ width:100% !important; }

/* domain search row inside table */
.domain-form{ display:flex; justify-content:center; }
.domain-form-inner{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding: 4px 0;
}
.domain-input{ display:flex; align-items:center; gap:6px; }
.domain-input .dot{ font-weight: 900; }

/* table header + rows */
.tblHead{
  background:#f3f4f6;
  font-weight: 900;
  text-align: center;
  padding: 10px !important;
  border-top: 1px solid var(--border);
}
.tblRow td{
  padding: 10px !important;
  border-top: 1px solid var(--border);
}

/* belge cell */
.belge{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.belge-ico{
  width: 20px;
  height: 20px;
  display:block;
}

/* content box */
.content-box{
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #f9fafb;
}
.content-box h2{ margin: 0 0 10px; font-size: 16px; }
.content-box h3{ margin: 14px 0 6px; font-size: 14px; }
.content-box h4{ margin: 12px 0 6px; font-size: 13px; }
.content-box p{ margin: 6px 0; }

/* Scoped green refresh for domainler */
.domainler-page .card{
  border-color:#b9ddb0;
  box-shadow:0 10px 26px rgba(22,163,74,.10);
}

.domainler-page .form-wide{
  border:1px solid #c7e5c0 !important;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}

.domainler-page .form-wide .formBaslik{
  background:linear-gradient(180deg,#16a34a,#15803d) !important;
  color:#fff !important;
  border-top:0 !important;
}

.domainler-page .form-wide .formTd{
  border-top:1px solid #d7ecd2 !important;
}

.domainler-page .form-wide tr:first-child .formTd{
  background:#f4fbef !important;
}

.domainler-page .hint{
  background:#eef8e7;
  border:1px solid #c7e5c0;
  border-radius:10px;
  padding:10px 12px;
  color:#1f4d29;
}

.domainler-page .domain-form-inner{
  padding:10px 12px;
  background:#f8fdf4;
  border:1px solid #d6ebd0;
  border-radius:10px;
}

.domainler-page .tblHead{
  background:#eaf6e5;
  color:#1f4d29;
  border-top:1px solid #c7e5c0;
  border-bottom:1px solid #c7e5c0;
}

.domainler-page .tblRow td{
  border-top:1px solid #dbeed5;
}

.domainler-page .tblRow:nth-child(even) td{
  background:#fbfef9;
}

.domainler-page .belge{
  background:#f4fbef;
  border:1px solid #d6ebd0;
  border-radius:999px;
  padding:4px 10px;
}

.domainler-page .content-box{
  border-color:#c7e5c0;
  background:linear-gradient(180deg,#f6fcf2 0%,#ffffff 72%);
}

.domainler-page .content-box h2{
  color:#14532d;
}

.domainler-page .content-box h3,
.domainler-page .content-box h4{
  color:#1f4d29;
}

/* ===== HOSTINGLER PAGE ===== */

/* category row (KATEGORİ) – standard green */
.hosting-kat{
  background: #16a34a !important;   /* SAME green as TableBaslik */
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
}

/* optional spacing between categories */
td.hosting-kat{
  border-top: 12px solid transparent !important;
  background-clip: padding-box !important;
}



/* ===== VPS HEADER – STANDARD GREEN ===== */

.vps-price span{
  color: #e5f9ec !important; /* soft light green */
  font-weight: 700;
}

.vps-price b{
  color: #ffffff !important;
}

/* ===== VPS – Yazılım / İşletim Sistemi list alignment ===== */

.spec-table ul{
  margin: 0;
  padding-left: 18px; /* controls bullet distance */
}

.spec-table li{
  margin: 4px 0;
}



/* ===== CONTACT (iletisim) PAGE ===== */

/* card-pad: keep card padding controlled by inner blocks */
.card.card-pad{
  padding: 0;
}

/* compact head + smaller title */
.card-head.compact{
  padding: 12px 18px;
}
.card-title.small{
  font-size: 16px;
}



.form-label{
  font-size: 13px;
  font-weight: 800;
  color: #111827;
  align-self: start;
  padding-top: 6px;
}

.form-field{
  align-self: start;
}

/* Make form controls full width inside cards */
.card input[type="text"],
.card input[type="password"],
.card input[type="email"],
.card input[type="url"],
.card select{
  width: 100% !important;
  box-sizing: border-box !important;
}

/* nicer textarea */
.card textarea{
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 120px;
  resize: vertical;
}

/* Info grid */
.info-grid{
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 10px 12px;
  padding: 16px 18px;
}

.info-k{
  font-size: 12.5px;
  font-weight: 900;
  color: #374151;
}

.info-v{
  font-size: 13.5px;
  color: #111827;
}

/* Scoped green refresh for iletisim */
.iletisim-page .card{
  border-color:#b9ddb0;
  box-shadow:0 10px 26px rgba(22,163,74,.10);
}

.iletisim-page .card-head{
  background:linear-gradient(180deg,#16a34a,#15803d);
  border-bottom:1px solid #16793a;
}

.iletisim-page .card-head .card-title{
  color:#fff;
}

.iletisim-page .card-head .card-sub{
  color:#e9fae7;
}

.iletisim-page .card-head.compact{
  background:#eaf6e5;
  border-bottom:1px solid #c7e5c0;
}

.iletisim-page .card-head.compact .card-title,
.iletisim-page .card-head.compact .card-sub{
  color:#1f4d29;
}

.iletisim-page .form-grid{
  margin:14px 16px 0;
  padding:0;
  gap:0;
  border:1px solid #c7e5c0;
  border-radius:12px;
  overflow:hidden;
  background:#eef8e7;
}

.iletisim-page .form-grid > :nth-child(-n+2){
  border-top:0;
}

.iletisim-page .form-label,
.iletisim-page .form-field{
  padding:10px 12px;
  border-top:1px solid #d7ecd2;
}

.iletisim-page .form-label{
  background:#f4fbef;
  color:#1f4d29;
}

.iletisim-page .form-field{
  background:#fff;
}

.iletisim-page .form-field input[type="text"],
.iletisim-page .form-field input[type="password"],
.iletisim-page .form-field input[type="email"],
.iletisim-page .form-field input[type="url"],
.iletisim-page .form-field select,
.iletisim-page .form-field textarea{
  border-color:#9fc98f !important;
}

.iletisim-page .captcha-img{
  border-color:#9fc98f;
  background:#fff;
}

.iletisim-page .card-actions{
  background:#f4fbef;
  border-top:1px solid #c7e5c0;
}

.iletisim-page .card-actions input[type="submit"],
.iletisim-page .card-actions button{
  border:1px solid #20843b;
  background:linear-gradient(180deg,#35b15c,#249544);
}

.iletisim-page .info-grid{
  margin:14px 16px 16px;
  padding:0;
  gap:0;
  border:1px solid #c7e5c0;
  border-radius:12px;
  overflow:hidden;
}

.iletisim-page .info-grid > :nth-child(-n+2){
  border-top:0;
}

.iletisim-page .info-grid > *{
  padding:10px 12px;
  border-top:1px solid #d7ecd2;
}

.iletisim-page .info-k{
  background:#f4fbef;
  color:#1f4d29;
}

.iletisim-page .info-v{
  background:#fff;
}

.iletisim-page .info-v a{
  color:#1c6b2d;
  font-weight:700;
}

/* Mobile */
@media (max-width: 720px){
  .iletisim-page .form-grid,
  .iletisim-page .info-grid{
    margin:12px 12px 0;
  }

  .iletisim-page .info-grid{
    margin-bottom:12px;
  }

  .form-grid,
  .info-grid{
    grid-template-columns: 1fr;
  }
  .form-label{
    padding-top: 0;
  }
}

/* ===== BANKA PAGE (banka.html) ===== */

.banka-card {
  padding: 16px 18px;
}

.banka-body{
  padding: 16px 18px 18px;
}

/* Notice box */
.banka-notice{
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #f9fafb;
  padding: 12px 14px;
  margin-bottom: 14px;
}

.banka-notice-title{
  font-weight: 900;
  margin-bottom: 8px;
}

/* List styling similar to legacy “*” lines */
.banka-list{
  margin: 0;
  padding: 0;
  list-style: none;
}

.banka-list li{
  margin: 8px 0;
  line-height: 1.5;
}

.banka-bullet{
  color: #ef4444;
  font-weight: 900;
  margin-right: 8px;
}

.banka-red{
  color: #ef4444;
  font-weight: 900;
}

/* Company note spacing */
.banka-company{
  margin-top: 12px;
}

/* Table wrapper (in case you want horizontal scroll later) */
.table-wrap{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.banka-notice-sub{
  font-weight: 600;
  color: #374151;
  margin-left: 6px;
  font-size: 13px;
}

.yardim-bank-table{
  table-layout: auto;
}

.yardim-bank-table th{
  width: auto;
}

.yardim-bank-table .iban-col{
  white-space: nowrap;
  min-width: 260px;
}

.yardim-bank-table .iban-value{
  display: inline-block;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.banka-page .data-table{
  table-layout: auto;
}

.banka-page .data-table th{
  width: auto;
}

.banka-page .data-table .iban-col{
  white-space: nowrap;
  min-width: 260px;
}

.banka-page .data-table .iban-value{
  display: inline-block;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}


/* ===== DOMAIN WHOIS PAGE (domain_whois.html) ===== */

.whois-body{
  padding: 16px 18px 18px;
}

/* preserve monospace + allow scrolling */
.whois-box{
  margin: 0;
  padding: 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.55;
  background: #f9fafb;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow-x: auto;
  white-space: pre;
  color: #111827;
}

/* ===== HOSTING BILGI (hosting_bilgi.html) ===== */

.page-wrap.hosting-info{
  max-width: 820px;
}

.info-table{
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden; /* keeps rounded corners */
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

.info-table thead th{
  background: #16a34a;       /* green header ONLY */
  color: #fff;
  font-weight: 900;
  text-align: left;
  padding: 12px 14px;
  font-size: 13px;
}

.info-table td{
  padding: 11px 14px;
  border-top: 1px solid var(--border);
  font-size: 13.5px;
  vertical-align: top;
}

.info-table td.k{
  width: 220px;
  font-weight: 900;
  color: #374151;
  background: #f9fafb;
}

.info-table td.v{
  color: #111827;
}

.info-table td.center{
  text-align: center;
  background: #fff;
}

.page-wrap.hosting-info .center{
  text-align: center;
}

/* Mobile */
@media (max-width: 640px){
  .info-table td.k{ width: 45%; }
}

.policy-warning{
  color: #b91c1c;
  font-weight: 900;
  font-size: 15px;
}

/* ===== INDEX PAGE HELPERS ===== */

.top-contact{
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 10px;
  padding: 10px 12px;
  text-align: center;
  font-weight: 800;
  font-size: 14px;
  color: #111827;
  margin: 10px 0;
}

.hero-img{
  text-align: center;
}
.hero-img img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
}

/* Featured 2 boxes */
.featured-hosting .featured-title{
  background: #f59e0b;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  font-weight: 800;
  border-radius: 10px;
}
.featured-hosting .featured-body{
  background: #f7fff2;
  color: #111827;
  font-size: 14px;
  padding: 12px;
  vertical-align: top;
  border-radius: 10px;
  border: 1px solid var(--border);
}
.featured-red{
  color: #ef4444;
  font-weight: 900;
}
.featured-hosting .featured-footer{
  font-size: 20px;
  text-align: center;
  color: #fff;
  background: #111827;
  padding: 12px;
  font-weight: 900;
  border-radius: 10px;
}
.featured-buy{
  color: #ff3b30;
  font-weight: 900;
  text-decoration: none;
}
.featured-buy:hover{ text-decoration: underline; }

/* Orange CTA */
.orange-cta{
  background-color: #f59e0b;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
}
.orange-cta a{
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
}
.orange-cta a:hover{ text-decoration: underline; }

/* ===== Legacy content helpers (baslik/textim) ===== */
.baslik{
  margin: 14px 0 8px 0;
  font-size: 18px;
  font-weight: 900;
  color: #111827;
}

.textim{
  margin: 0 0 12px 0;
  font-size: 13.5px;
  line-height: 1.7;
  color: #111827;
}

/* Optional: make legacy pages behave nicely */
blockquote{
  margin: 0;
}

/* Optional: make images in content responsive + nice */
blockquote img,
.textim img{
  max-width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  padding: 6px;
  margin: 10px 0;
}

.auth-actions input[type="submit"],
.auth-actions button{
  padding:10px 14px;
  border-radius:10px;
  border:1px solid var(--border);
  background: var(--brand);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

/* ===== Public-only overrides merged from previous pages-public.css ===== */
/* pages-public.css (public-only pages) */

.section-title-topless{
  margin-top:0;
}

.no-margin{
  margin:0;
}

.public-stack{
  margin-top:16px;
}

.public-stack-sm{
  margin-top:14px;
}

.form-help-label{
  display:block;
  margin-bottom:6px;
}

.page-title-left{
  margin:0 0 16px 0;
  font-size:22px;
  font-weight:900;
  color:#111827;
}

.section-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  padding:14px 16px;
}

.soft-hr{
  border:0;
  border-top:1px solid var(--border);
  margin:16px 0;
}

.note{
  margin:8px 0;
  line-height:1.65;
  color:#111827;
}

.mini-title{
  margin:12px 0 8px;
  font-size:14px;
  font-weight:800;
}

.clean-list{
  margin:0;
  padding-left:18px;
}

.cols-2{
  columns:2;
  column-gap:24px;
}

.cols-2 li{
  break-inside:avoid;
  margin-bottom:8px;
}

@media (max-width:720px){
  .cols-2{
    columns:1;
  }
}

/* Domain transfer page */
.transfer-body{
  padding:16px 18px 18px;
}

.transfer-form-row{
  text-align:center;
}

.transfer-highlight{
  color:#7f1d1d;
  font-weight:800;
}

/* Hosting list page */
.hosting-card-body{
  padding:14px 18px 18px;
}

.hosting-list-table{
  margin:0 auto;
  width:100% !important;
  min-width:0 !important;
  table-layout:auto;
}

.hosting-card-body .table-scroll{
  overflow-x:visible;
}

.hosting-list-table .tblHead,
.hosting-list-table .tblRow td{
  white-space:normal !important;
  word-break:break-word;
  font-size:12px;
  padding:8px 6px !important;
}

.hosting-list-table .tblHead:last-child,
.hosting-list-table .tblRow td:last-child{
  width:128px;
  min-width:128px;
  text-align:center;
  white-space:nowrap !important;
  word-break:normal;
  padding:8px 10px !important;
}

.hosting-list-table .btn-buy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  min-width:88px;
  box-sizing:border-box;
}

/* Status pages */
.status-wrap{
  max-width:720px;
  margin:18px auto 28px;
  padding:0 10px;
}

.status-card{
  padding:18px;
}

.status-card .card-title{
  margin:0 0 10px 0;
}

.status-text{
  margin:0;
  font-size:14px;
  line-height:1.65;
}

.status-success{
  border-left:5px solid #16a34a;
}

.status-error{
  border-left:5px solid #dc2626;
}

/* ASP help */
.help-code{
  margin:10px 0 14px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#f9fafb;
  overflow:auto;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:12.5px;
  line-height:1.55;
}

/* Home page */
.home-page .hero-img,
.home-page .featured-hosting,
.home-page .home-hosting-groups,
.home-page .home-dedicated-table,
.home-page .orange-cta{
  margin-top:14px;
}

.home-plan-spacer{
  display:block;
  height:10px;
}

.home-plan-name{
  color:#dc2626;
  font-size:14px;
  font-weight:800;
}

.home-plan-cell{
  font-size:11px;
  font-weight:700;
}

.home-plan-list{
  margin:8px 0 0 18px;
  padding:0;
}

.home-plan-price{
  color:#ec008c;
  font-weight:800;
}

.home-plan-buy{
  text-align:center;
  margin-top:8px;
}

.home-radyo-note{
  font-size:13px;
  line-height:1.6;
}

.home-dedicated-title{
  margin-top:18px;
  font-size:16px;
}

.home-dedicated-accent{
  color:#111827;
}

.home-dedicated-list{
  margin-top:0;
}

.home-dedicated-subtitle{
  margin:10px 0 8px;
  font-size:16px;
  font-weight:800;
}

.home-dedicated-media{
  text-align:center;
}

.home-dedicated-image{
  max-width:100%;
  height:auto;
}