/* Online Kocunuz shared layout rhythm.
   Loaded last so page-specific one-off widths still converge on the same rails. */

:root{
  --ok-content:840px;
  --ok-wide:1320px;
  --ok-shell:1320px;
  --ok-nav-shell:1320px;
  --ok-gutter:clamp(20px, 3vw, 32px);
}

html,
body{
  overflow-x:clip;
}

.ok-nav .ok-nav__bar{
  width:min(100%, var(--ok-nav-shell)) !important;
  max-width:var(--ok-nav-shell) !important;
  margin-inline:auto !important;
  padding-inline:var(--ok-gutter) !important;
  box-sizing:border-box !important;
}

@media (min-width:1025px){
  .ok-nav .ok-nav__bar{
    gap:14px !important;
  }

  .ok-nav__logo{
    margin-right:2px !important;
  }

  .ok-nav__menu{
    gap:2px !important;
    margin-left:clamp(12px, 2.4vw, 20px) !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    flex-wrap:nowrap !important;
  }

  .ok-nav__btn,
  .ok-nav__login,
  .ok-nav__auth .btn{
    white-space:nowrap !important;
  }

  .ok-nav__btn{
    padding-inline:10px !important;
  }

  .ok-nav__auth{
    gap:8px !important;
    flex:0 0 auto !important;
  }

  .ok-nav__login{
    padding-inline:12px !important;
  }
}

.wp-site-blocks .container,
.wp-site-blocks .container-wide,
.wp-site-blocks .container-narrow{
  width:100% !important;
  margin-inline:auto !important;
  padding-inline:var(--ok-gutter) !important;
  box-sizing:border-box !important;
}

.wp-site-blocks .container{
  max-width:var(--ok-wide) !important;
}

.wp-site-blocks .container-wide{
  max-width:var(--ok-shell) !important;
}

.wp-site-blocks .container-narrow{
  max-width:var(--ok-content) !important;
}

.wp-site-blocks .ok-nav .ok-nav__bar.container{
  width:min(100%, var(--ok-nav-shell)) !important;
  max-width:var(--ok-nav-shell) !important;
}

/* Legal documents share the wide page rail but keep a readable text measure.
   This aligns the copy with the hero instead of centering it in container-narrow. */
.ok-legal-section{
  padding-block:48px 80px;
}

.ok-legal-body{
  text-align:left;
}

.ok-legal-copy{
  width:100%;
  max-width:960px;
  color:var(--ink-700);
  font-size:15px;
  line-height:1.75;
}

.ok-legal-copy h2{
  margin:32px 0 10px;
  color:var(--ink-900);
  font-size:22px;
  line-height:1.35;
}

.ok-legal-copy h2:first-child{
  margin-top:0;
}

.ok-legal-copy h3{
  margin:22px 0 8px;
  color:var(--ink-900);
  font-size:17px;
  line-height:1.45;
}

.ok-legal-copy p,
.ok-legal-copy ul,
.ok-legal-copy dl,
.ok-legal-copy address{
  margin:0 0 16px;
}

.ok-legal-copy ul{
  padding-left:22px;
}

.ok-legal-copy li + li{
  margin-top:8px;
}

.ok-legal-copy a{
  color:var(--primary-700);
  text-decoration:underline;
  text-underline-offset:2px;
}

.ok-legal-contact{
  padding:18px 20px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface, #fff);
  color:var(--ink-700);
  font-style:normal;
}

.ok-legal-definitions{
  display:grid;
  grid-template-columns:minmax(120px, 170px) minmax(0, 1fr);
  gap:8px 16px;
}

.ok-legal-definitions dt{
  color:var(--ink-900);
  font-weight:700;
}

.ok-legal-definitions dd{
  margin:0;
}

.ok-legal-signatures{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid var(--border);
}

.wp-site-blocks .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  width:min(100%, var(--ok-content)) !important;
  max-width:var(--ok-content) !important;
  margin-inline:auto !important;
}

.wp-site-blocks .is-layout-constrained > .alignwide,
.wp-site-blocks .wp-block-query.alignwide{
  width:min(100%, var(--ok-wide)) !important;
  max-width:var(--ok-wide) !important;
  margin-inline:auto !important;
}

.wp-site-blocks .is-layout-constrained > .alignfull{
  width:100% !important;
  max-width:none !important;
}

.wp-site-blocks :is(
  .sk-grid,
  .t2-grid,
  .dt-grid,
  .pl-grid,
  .tr-grid,
  .td-grid,
  .calc-grid,
  .ozel-panel,
  .bs-stats,
  .yk-chips-inner,
  .ok-cp-shell,
  .okm-section .okm-inner
){
  width:100% !important;
  max-width:var(--ok-wide) !important;
  margin-inline:auto !important;
  padding-inline:var(--ok-gutter) !important;
  box-sizing:border-box !important;
}

.wp-site-blocks :is(.pl-wrap, .sec-head, .drc-head){
  width:100% !important;
  max-width:var(--ok-wide) !important;
  margin-inline:auto !important;
  padding-inline:var(--ok-gutter) !important;
  box-sizing:border-box !important;
}

.ok-footer{
  padding-inline:0 !important;
}

.ok-footer .container{
  max-width:var(--ok-shell) !important;
  padding-inline:var(--ok-gutter) !important;
}

@media (max-width:760px){
  :root{
    --ok-gutter:20px;
  }

  .ok-nav .ok-nav__bar{
    padding-inline:20px !important;
  }

  .ok-legal-section{
    padding-block:36px 56px;
  }

  .ok-legal-copy{
    font-size:15px;
  }

  .ok-legal-copy h2{
    font-size:20px;
  }

  .ok-legal-definitions{
    grid-template-columns:1fr;
    gap:2px;
  }

  .ok-legal-definitions dd + dt{
    margin-top:10px;
  }

  .wp-site-blocks :is(
    .sk-grid,
    .t2-grid,
    .dt-grid,
    .pl-grid,
    .tr-grid,
    .td-grid,
    .calc-grid,
    .ozel-panel,
    .bs-stats,
    .yk-chips-inner,
    .ok-cp-shell
  ){
    padding-inline:20px !important;
  }

  .wp-site-blocks :is(
    .ok-page-yks-kocluk,
    .ok-page-lgs-kocluk,
    .ok-page-kpss-kocluk,
    .ok-page-maarif-kocluk
  ) :is(.container, .container-wide, .container-narrow){
    padding-inline:12px !important;
  }

  .wp-site-blocks :is(
    .ok-page-yks-kocluk,
    .ok-page-lgs-kocluk,
    .ok-page-kpss-kocluk,
    .ok-page-maarif-kocluk
  ) :is(.pl-wrap, .sec-head, .drc-head){
    max-width:none !important;
    padding-inline:0 !important;
  }

  .wp-site-blocks :is(
    .ok-page-yks-kocluk,
    .ok-page-lgs-kocluk,
    .ok-page-kpss-kocluk,
    .ok-page-maarif-kocluk
  ) .pl-body{
    width:100% !important;
  }

  .wp-site-blocks :is(
    .ok-page-yks-kocluk,
    .ok-page-lgs-kocluk,
    .ok-page-kpss-kocluk,
    .ok-page-maarif-kocluk
  ) .pl-body h2{
    width:100% !important;
    font-size:clamp(26px, 7vw, 32px) !important;
  }

  .wp-site-blocks :is(
    .ok-page-yks-kocluk,
    .ok-page-lgs-kocluk,
    .ok-page-kpss-kocluk,
    .ok-page-maarif-kocluk
  ) .pl-answer{
    width:100% !important;
    padding:20px 18px !important;
    border-radius:18px !important;
    box-sizing:border-box !important;
  }

  .wp-site-blocks :is(
    .ok-page-yks-kocluk,
    .ok-page-lgs-kocluk,
    .ok-page-kpss-kocluk,
    .ok-page-maarif-kocluk
  ) .pl-answer p{
    font-size:clamp(16px, 4.35vw, 18px) !important;
    line-height:1.7 !important;
  }

  .wp-site-blocks :is(
    .ok-page-yks-kocluk,
    .ok-page-lgs-kocluk,
    .ok-page-kpss-kocluk,
    .ok-page-maarif-kocluk
  ) .yk-chips-inner{
    padding-inline:12px 38px !important;
  }
}