/* =============================================================================
   Aktohum — modernisation layer, second pass.
   Editorial farm treatment: warm ground, serif display, wide-tracked labels.
   Loaded last, after sablon.css and style-b.css. Overrides only.
   Revert: delete the <link> to this file. Previous pass kept as modern-v1.css.
   2026-08-05
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Jost:wght@300;400;500&display=swap');

:root{
  /* Soil, straw and cut tuber. Warm throughout — the calm in the reference
     comes from warmth, not from grey. */
  --ak-ink:      #2f2a23;
  --ak-ink-2:    #514a40;
  --ak-mute:     #8a8073;
  --ak-bark:     #7d5a3c;
  --ak-bark-lt:  #a17954;
  --ak-straw:    #c9a26b;
  --ak-cream:    #f7f2e9;
  --ak-cream-2:  #efe7d9;
  --ak-line:     #e2d7c5;
  --ak-line-2:   #cdbfa8;
  --ak-w:        1200px;
  --ak-display:  "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --ak-sans:     "Jost", "Segoe UI", -apple-system, Helvetica, Arial, sans-serif;
}

/* ---------- 1. Ground ------------------------------------------------------ */

body, body.bg1{
  background: var(--ak-cream) !important;
  background-image: none !important;
  color: var(--ak-ink-2);
  font-family: var(--ak-sans);
  font-size: 16.5px; font-weight: 300; line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
.wrap, .wrap2{ max-width: var(--ak-w) !important; width: auto !important;
               margin-inline: auto; padding-inline: 26px; box-sizing: border-box; }
[class*="bg"], .section{ background-image: none !important; }

/* ---------- 2. Type -------------------------------------------------------- */

h1, h2, h3, h4, h5{
  font-family: var(--ak-display) !important;
  font-weight: 400 !important;
  color: var(--ak-ink) !important;
  line-height: 1.14; letter-spacing: .005em; text-wrap: balance;
}
h1{ font-size: clamp(34px, 5vw, 58px); }
h2{ font-size: clamp(24px, 3vw, 36px); margin: 0 0 .55em; }
h3{ font-size: 21px; }
p, li, td, th{ font-family: var(--ak-sans); font-weight: 300; }
p, li{ font-size: 16px; }
strong, b{ font-weight: 500; color: var(--ak-ink); }
a{ color: var(--ak-bark); text-underline-offset: .18em; }
a:hover{ color: var(--ak-ink); }

/* ---------- 3. Header ------------------------------------------------------
   The dark bar goes. Nav sits on the cream, centred, wide-tracked, framed by
   two hairlines — the reference's entire header idea. */

.fixmenu, #navMenu{
  background: transparent !important; background-image: none !important;
  border: 0 !important;
  border-top: 1px solid var(--ak-line) !important;
  border-bottom: 1px solid var(--ak-line) !important;
  box-shadow: none !important; overflow: hidden; display: block;
}
.menubgust{ display: none !important; }
#navMenu > ul{
  margin: 0 auto !important; padding: 0 !important; list-style: none !important;
  float: none !important; display: flex; flex-wrap: wrap;
  justify-content: center; gap: 0 6px;
}
#navMenu li{ list-style: none !important; float: none !important; border: 0 !important; }
#navMenu ul li a{
  color: var(--ak-ink) !important; background: none !important; border: 0 !important;
  text-shadow: none !important; display: block; padding: 19px 15px !important;
  font-family: var(--ak-sans) !important; font-weight: 400 !important;
  font-size: 12.5px !important; letter-spacing: .19em; text-transform: uppercase;
  transition: color .2s ease;
}
#navMenu ul li a:hover{ color: var(--ak-bark) !important; background: none !important; }
.fa-phone-square{ color: var(--ak-bark) !important; }

/* ---------- 4. Page title -------------------------------------------------- */

.spotbaslik, .spotbaslik2{
  background: none !important; background-image: none !important;
  border: 0 !important; box-shadow: none !important;
  padding: 58px 0 34px !important; margin-bottom: 6px !important; text-align: center;
}
.spotbaslik h1, .spotbaslik2 h1{
  margin: 0 auto !important; text-shadow: none !important;
  font-size: clamp(30px, 4.2vw, 50px) !important; max-width: 22ch;
}
.spotbaslik h1::after{
  content: ""; display: block; width: 74px; height: 1px;
  background: var(--ak-line-2); margin: 24px auto 0;
}

/* ---------- 5. Slider ------------------------------------------------------ */

.rsOverflow, .royalSlider, .rsContent{ background: var(--ak-cream) !important; }
.royalSlider img, .rsImg{ filter: saturate(.93) contrast(1.02); }

/* ---------- 6. Sidebar ----------------------------------------------------- */

.yanmenusu{
  background: none !important; border: 0 !important;
  border-top: 1px solid var(--ak-line) !important;
  border-radius: 0; overflow: visible; list-style: none !important;
  margin: 52px 0 0 !important; padding: 0 !important;
}
.yanmenusu ul{ margin: 0; padding: 0; list-style: none; }
.yanmenusu li{ margin: 0 !important; padding: 0 !important; border: 0 !important;
               list-style: none !important; background: none !important; }
.yanmenusu li::marker{ content: none; }
.yanmenusu a{
  display: block; background: none !important; background-image: none !important;
  color: var(--ak-ink-2) !important; border: 0 !important;
  border-bottom: 1px solid var(--ak-line) !important; border-radius: 0 !important;
  box-shadow: none !important; text-shadow: none !important;
  padding: 15px 2px !important;
  font-family: var(--ak-sans) !important; font-weight: 400 !important;
  font-size: 12px !important; letter-spacing: .17em; text-transform: uppercase;
  line-height: 1.6;
  transition: color .2s ease, padding-left .2s ease;
}
.yanmenusu a:hover{ color: var(--ak-bark) !important; padding-left: 8px !important; }
.yanmenusu a.aktif, .yanmenusu li.aktif a{ color: var(--ak-bark) !important; font-weight: 500 !important; }

/* ---------- 7. Variety data cards ------------------------------------------ */

.detay table, .entry table, .post table{
  width: 100% !important; max-width: 100% !important;
  border-collapse: separate !important; border-spacing: 0 !important;
  border: 1px solid var(--ak-line) !important; border-radius: 0; overflow: hidden;
  margin: 0 0 34px !important; background: #fffdf9; box-shadow: none;
}
.detay table td, .detay table th, .entry table td, .post table td{
  border: 0 !important; border-bottom: 1px solid var(--ak-line) !important;
  padding: 16px 20px !important; vertical-align: top !important;
  background-color: transparent; font-size: 15.5px !important; line-height: 1.7 !important;
  height: auto !important; width: auto !important;
}
.detay table tr[bgcolor="#FF9900"] td, .detay table td[bgcolor="#FF9900"],
.entry table tr[bgcolor="#FF9900"] td{
  background-color: var(--ak-bark) !important; color: #fff !important;
  padding: 20px !important; border-bottom: 0 !important; text-align: center;
}
.detay table tr[bgcolor="#FF9900"] strong, .entry table tr[bgcolor="#FF9900"] strong{
  color: #fff !important; font-family: var(--ak-display) !important;
  font-size: 27px !important; font-weight: 400 !important; letter-spacing: .12em;
}
.detay table td[bgcolor="#669900"], .entry table td[bgcolor="#669900"]{
  background-color: var(--ak-cream-2) !important;
  border-bottom: 1px solid var(--ak-line-2) !important;
  padding: 12px 20px !important; text-align: center;
}
.detay table td[bgcolor="#669900"] strong{
  color: var(--ak-bark) !important; font-family: var(--ak-sans) !important;
  font-size: 11.5px !important; letter-spacing: .2em;
  text-transform: uppercase; font-weight: 500 !important;
}
.detay table tr[bgcolor="#FFCC66"] td, .detay table td[bgcolor="#FFCC66"],
.entry table tr[bgcolor="#FFCC66"] td{ background-color: transparent !important; }
.detay table tr:last-child td{ border-bottom: 0 !important; }

/* ---------- 8. Content ----------------------------------------------------- */

.detay, .entry, .post{ color: var(--ak-ink-2); padding-top: 22px; }
.detay h2, .post h2.title{ margin: 34px 0 22px !important; padding: 0; border: 0; }
.post h2.title:first-of-type{ margin-top: 4px !important; }
.detay p{ margin: 0 0 1.25em; max-width: 70ch; }
.detay ul, .detay ol{ max-width: 70ch; padding-left: 1.2em; }
.detay li{ margin-bottom: .55em; }
hr{ border: 0; border-top: 1px solid var(--ak-line); margin: 44px 0; }

/* ---------- 9. Home tiles -------------------------------------------------- */

.ak-tile-unit{ padding: 0 9px !important; box-sizing: border-box; }
.ak-tile{
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 13px; min-height: 136px; padding: 26px 18px; text-align: center;
  background: transparent; border: 1px solid var(--ak-line-2); border-radius: 0;
  color: var(--ak-ink) !important; text-decoration: none;
  transition: background .25s ease, border-color .25s ease, color .25s ease;
}
.ak-tile:hover{ background: #fffdf9; border-color: var(--ak-bark); color: var(--ak-bark) !important; }
.ak-tile-icon{ width: auto; height: auto; background: none !important;
               color: var(--ak-bark); font-size: 21px; display: block; }
.ak-tile:hover .ak-tile-icon{ background: none !important; }
.ak-tile-title{
  font-family: var(--ak-sans); font-weight: 400; font-size: 12px;
  letter-spacing: .2em; text-transform: uppercase; line-height: 1.55;
}

/* ---------- 10. Footer ----------------------------------------------------- */

#site_alti, .altlist{
  background: var(--ak-ink) !important; background-image: none !important;
  color: #cbc1b2 !important; border-top: 0 !important; padding-block: 18px;
}
#site_alti a, .altlist a{
  color: #cbc1b2 !important; text-shadow: none !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  padding: 11px 0 !important; display: block; font-size: 13.5px; letter-spacing: .04em;
  transition: color .2s ease;
}
#site_alti a:hover, .altlist a:hover{ color: #fff !important; }
#site_alti h3, #site_alti h4{
  color: #fff !important; font-family: var(--ak-sans) !important;
  font-size: 11.5px !important; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500 !important; margin-bottom: 14px;
}
#site_alti p{ color: #cbc1b2 !important; font-size: 13.5px; }
#nevsehir-web-tasarim{ opacity: .28; }

/* ---------- 11. Forms ------------------------------------------------------ */

input[type=text], input[type=email], input[type=tel], input[type=date], select, textarea{
  width: 100%; box-sizing: border-box; background: #fffdf9 !important;
  border: 1px solid var(--ak-line-2) !important; border-radius: 0 !important;
  padding: 13px 15px !important; font: inherit !important; font-size: 15.5px !important;
  color: var(--ak-ink) !important; box-shadow: none !important;
}
input:focus, select:focus, textarea:focus{
  border-color: var(--ak-bark) !important; outline: 1px solid rgba(125,90,60,.25) !important;
}
textarea{ min-height: 140px; resize: vertical; }
label{ font-family: var(--ak-sans); font-size: 11.5px; letter-spacing: .2em;
       text-transform: uppercase; color: var(--ak-mute); font-weight: 400; }
input[type=submit], button, .btn{
  background: transparent !important; background-image: none !important;
  border: 1px solid var(--ak-bark) !important; border-radius: 0 !important;
  color: var(--ak-bark) !important; font-family: var(--ak-sans) !important;
  font-weight: 400 !important; font-size: 12.5px !important; letter-spacing: .2em;
  text-transform: uppercase; padding: 15px 34px !important; cursor: pointer;
  text-shadow: none !important; box-shadow: none !important;
  transition: background .25s ease, color .25s ease;
}
input[type=submit]:hover, button:hover, .btn:hover{
  background: var(--ak-bark) !important; color: #fff !important;
}

/* ---------- 12. Accessibility ---------------------------------------------- */

:focus-visible{ outline: 2px solid var(--ak-bark); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* ---------- 13. Responsive -------------------------------------------------- */

@media (max-width: 980px){
  .unit.one-quarter, .unit.three-quarters, .unit.whole{
    width: 100% !important; float: none !important; margin-left: 0 !important;
  }
  .wrap, .wrap2{ padding-inline: 18px; }
  .ak-tile-unit{ padding: 0 0 10px !important; }
  #navMenu ul li a{ padding: 15px 10px !important; letter-spacing: .13em; }
}
@media (max-width: 700px){
  .spotbaslik, .spotbaslik2{ padding: 34px 0 20px !important; }
  .detay table, .detay table tbody, .detay table tr, .detay table td{
    display: block !important; width: 100% !important;
  }
  .detay table td{ border-bottom: 1px solid var(--ak-line) !important; }
  .detay table td[bgcolor="#669900"]{ background: var(--ak-cream-2) !important; }
}

html, body{ overflow-x: hidden; }
img{ max-width: 100%; height: auto; }

/* ---------- 14. Footer, full bleed -----------------------------------------
   #site_alti sits inside .wrap2, which is capped at 1200px, so the dark band
   was floating in the middle of the cream. Break it out to the viewport while
   keeping its contents aligned to the same column as the rest of the page. */

#site_alti, .ak-news{
  margin-inline: calc(50% - 50vw) !important;
  padding-inline: calc(50vw - 50% + 26px) !important;
  box-sizing: border-box;
}
#site_alti{ padding-block: 54px 34px !important; }
#site_alti .grid{ max-width: var(--ak-w); margin-inline: auto; }
#site_alti .unit{ box-sizing: border-box; }

/* ---------- 15. Newsletter -------------------------------------------------
   Sits directly above the footer on the cream, as on the reference. */

.ak-news{
  background: var(--ak-cream-2);
  border-top: 1px solid var(--ak-line);
  border-bottom: 1px solid var(--ak-line);
  padding-block: 46px !important;
}
.ak-news-inner{ max-width: 980px; margin-inline: auto; text-align: center; }
.ak-news-lead{
  font-family: var(--ak-display);
  font-size: clamp(19px, 2.2vw, 26px);
  line-height: 1.45; color: var(--ak-ink);
  margin: 0 auto 26px; max-width: 40ch;
}
.ak-news-form{
  display: flex; flex-wrap: wrap; gap: 12px;
  align-items: stretch; justify-content: center;
}
.ak-news-form input[type=text],
.ak-news-form input[type=email]{
  width: auto !important; flex: 1 1 210px; max-width: 280px;
  background: #fffdf9 !important; border: 1px solid var(--ak-line-2) !important;
  padding: 13px 16px !important; font-size: 14.5px !important;
  text-align: center;
}
.ak-news-form input::placeholder{ color: var(--ak-mute); letter-spacing: .04em; }
.ak-news-form button{
  flex: 0 0 auto; padding: 13px 34px !important; white-space: nowrap;
}
.ak-news-consent{
  flex: 1 1 100%; display: flex; gap: 10px; align-items: flex-start;
  justify-content: center; margin-top: 6px;
  font-family: var(--ak-sans) !important; font-size: 12.5px !important;
  letter-spacing: .01em !important; text-transform: none !important;
  color: var(--ak-mute) !important; font-weight: 300 !important;
  max-width: 62ch; margin-inline: auto; text-align: left; line-height: 1.6;
}
.ak-news-consent input{ width: auto !important; margin-top: 3px; flex: 0 0 auto;
                        accent-color: var(--ak-bark); }
.ak-news-consent a{ color: var(--ak-bark) !important; }

/* visually hidden label, and the honeypot */
.ak-sr{
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
.ak-trap{ position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 700px){
  .ak-news-form input[type=text], .ak-news-form input[type=email]{ max-width: none; flex: 1 1 100%; }
  .ak-news-form button{ flex: 1 1 100%; }
}

/* ---------- 16. Consent block ---------------------------------------------- */

.ak-consent{
  display: flex; gap: 11px; align-items: flex-start;
  margin: 18px 0 22px; max-width: 62ch;
  font-family: var(--ak-sans) !important; font-weight: 300 !important;
  font-size: 13px !important; line-height: 1.65;
  letter-spacing: 0 !important; text-transform: none !important;
  color: var(--ak-mute) !important;
}
.ak-consent input{ width: auto !important; flex: 0 0 auto; margin-top: 3px;
                   accent-color: var(--ak-bark); }
.ak-consent a{ color: var(--ak-bark) !important; }

/* ---------- 17. Footer, second pass ----------------------------------------
   The first pass gave every footer link a full-width bottom rule, which turned
   two short menus into long ladders of thin rows. Links now sit as a quiet
   list, and the contact block is a proper label/value grid instead of a
   paragraph that wrapped raggedly around inline bold labels. */

#site_alti .grid{
  display: grid !important;
  grid-template-columns: 1.1fr 1fr 1fr 1.25fr;
  gap: 40px 44px;
  align-items: start;
}
#site_alti .unit, #site_alti .unit.one-quarter{
  width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important;
}

#site_alti h3, #site_alti h4{
  margin: 0 0 18px !important; padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.13);
}

/* links: no per-row rules, tighter rhythm */
#site_alti .altlist{ margin: 0 !important; padding: 0 !important; list-style: none !important; }
#site_alti .altlist li{ margin: 0 !important; padding: 0 !important; list-style: none !important; }
#site_alti a, .altlist a{
  border-bottom: 0 !important;
  padding: 5px 0 !important;
  font-size: 13.5px !important;
  line-height: 1.55;
  color: #b8ad9d !important;
  transition: color .18s ease, padding-left .18s ease;
}
#site_alti a:hover, .altlist a:hover{ color: #fff !important; padding-left: 4px !important; }

/* contact block */
.ak-contact{ display: grid; gap: 15px; }
.ak-contact-row{ display: grid; grid-template-columns: 78px 1fr; gap: 12px; align-items: baseline; }
.ak-contact-k{
  font-family: var(--ak-sans); font-size: 10px; letter-spacing: .18em;
  text-transform: uppercase; color: #8d8272; white-space: nowrap;
}
.ak-contact-v{
  font-size: 13.5px; line-height: 1.6; color: #cbc1b2;
}
.ak-contact-v a{ display: inline !important; padding: 0 !important; color: #cbc1b2 !important; }
.ak-contact-v a:hover{ color: #fff !important; padding-left: 0 !important; }

/* the logo column */
#site_alti .unit:first-child img{ max-width: 190px; height: auto; opacity: .95; }
#site_alti .unit:first-child{ font-size: 12.5px; color: #8d8272; }

@media (max-width: 980px){
  #site_alti .grid{ grid-template-columns: 1fr 1fr; gap: 34px; }
}
@media (max-width: 620px){
  #site_alti .grid{ grid-template-columns: 1fr; gap: 30px; }
  .ak-contact-row{ grid-template-columns: 70px 1fr; }
}

/* ---------- 18. Footer, balance --------------------------------------------
   Four equal columns left the two menus as tall ladders next to a short
   contact block. Give the menus one wide area split into two text columns, so
   all four blocks finish at roughly the same depth. */

#site_alti .grid{
  grid-template-columns: 0.85fr 1fr 1.15fr 1.05fr !important;
  gap: 34px 40px !important;
}
#site_alti .altlist{ columns: 1; }
#site_alti a, .altlist a{
  padding: 3px 0 !important;
  font-size: 13px !important;
  line-height: 1.5;
  letter-spacing: .015em;
}
#site_alti h3, #site_alti h4{
  font-size: 10.5px !important; letter-spacing: .2em;
  margin: 0 0 14px !important; padding-bottom: 10px;
}
.ak-contact{ gap: 12px; }
.ak-contact-row{ grid-template-columns: 68px 1fr; gap: 10px; }
.ak-contact-k{ font-size: 9.5px; letter-spacing: .16em; }
.ak-contact-v{ font-size: 13px; line-height: 1.55; }

/* logo column */
#site_alti .unit:first-child{ padding-top: 4px !important; }
#site_alti .unit:first-child img{ max-width: 160px; }

/* ---------- 19. Footer, hard reset of the old grid --------------------------
   The 2016 grid system puts an explicit percentage width and a float on every
   .unit. Those survived into the CSS grid and fought the track sizes, so the
   fourth column wrapped onto its own row. Neutralise the children completely
   and let the tracks decide. */

#site_alti .grid > *{
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-column: auto !important;
  box-sizing: border-box;
}
#site_alti .grid{
  grid-template-columns: minmax(150px, .8fr) minmax(160px, 1fr) minmax(180px, 1.15fr) minmax(210px, 1.1fr) !important;
}

/* empty list items left over from the old menu tree */
.yanmenusu li:empty, #site_alti .altlist li:empty{ display: none !important; }
.yanmenusu li > a:empty, #site_alti .altlist li > a:empty{ display: none !important; }

/* ---------- 20. Footer, the real cause -------------------------------------
   altgenel.php closes the first .grid after the two menus and opens a second
   one for the contact block, so no amount of column tuning on a single .grid
   could ever put all four blocks on one row. Lay out #site_alti itself as the
   flex row and let the inner .grid wrappers collapse into it. */

#site_alti > .grid,
#site_alti .grid{
  display: contents !important;
}
#site_alti{
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 34px 44px;
}
#site_alti > .grid > .unit,
#site_alti .unit{
  flex: 1 1 190px;
  width: auto !important; min-width: 0 !important; max-width: none !important;
  float: none !important; margin: 0 !important; padding: 0 !important;
}
#site_alti .unit:first-child{ flex: 0 1 210px; }

/* empty menu rows: the anchors are not :empty, they hold whitespace and an
   empty href. Target the href instead. */
.yanmenusu a[href=""], #site_alti a[href=""], .altlist a[href=""]{ display: none !important; }
.yanmenusu li:has(> a[href=""]), .altlist li:has(> a[href=""]){ display: none !important; }