/* =========================================================
   SINEM / BASE
   Premium soft luxury foundation
========================================================= */

:root{
  --site-width: 1320px;
  --content-width: 860px;
  --header-height: 88px;

  --section-space: clamp(56px, 7vw, 104px);
  --section-space-sm: clamp(28px, 4vw, 48px);
  --grid-gap: clamp(18px, 2vw, 28px);

  --color-bg: #f8f3ef;
  --color-bg-soft: #fcf8f5;
  --color-bg-deep: #f1e7e0;

  --color-surface: rgba(255,255,255,.72);
  --color-surface-strong: rgba(255,255,255,.88);
  --color-card: #fffdfa;
  --color-card-2: #fbf6f2;

  --color-line: #eadfd7;
  --color-line-soft: rgba(234,223,215,.72);

  --color-text: #756358;
  --color-text-strong: #5f4f45;
  --color-text-soft: #9b887d;
  --color-heading: #7b6559;

  --color-accent: #b08d78;
  --color-accent-2: #9d7a66;
  --color-accent-3: #c7aa98;
  --color-accent-4: #d8c5b8;

  --color-white: #ffffff;
  --color-black: #201b18;

  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 34px;
  --radius-2xl: 42px;
  --radius-pill: 999px;

  --shadow-xs: 0 6px 14px rgba(133,104,88,.05);
  --shadow-sm: 0 10px 24px rgba(143,112,93,.08);
  --shadow-md: 0 18px 42px rgba(143,112,93,.10);
  --shadow-lg: 0 28px 70px rgba(133,104,88,.14);

  --ease: cubic-bezier(.22,.61,.36,1);
  --transition-fast: .2s var(--ease);
  --transition-base: .28s var(--ease);
  --transition-slow: .4s var(--ease);

  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Playfair Display", Georgia, serif;
  --font-script: "Cormorant Garamond", Georgia, serif;
}

/* =========================================================
   RESET
========================================================= */

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  min-width:320px;
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.65;
  color:var(--color-text);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.88), transparent 28%),
    linear-gradient(180deg, #fcf8f5 0%, #f7f0eb 42%, #f5ede7 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

img,
svg,
video,
canvas,
iframe{
  display:block;
  max-width:100%;
}

img{
  height:auto;
  border:0;
}

figure{
  margin:0;
}

a{
  color:inherit;
  text-decoration:none;
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    opacity var(--transition-fast),
    transform var(--transition-fast);
}

button,
input,
select,
textarea{
  font:inherit;
  color:inherit;
}

button{
  cursor:pointer;
}

input,
select,
textarea,
button{
  margin:0;
}

ul,
ol{
  margin:0;
  padding:0;
  list-style:none;
}

p{
  margin:0 0 1.1em;
}

p:last-child{
  margin-bottom:0;
}

h1,
h2,
h3,
h4,
h5,
h6{
  margin:0 0 .55em;
  color:var(--color-heading);
  font-family:var(--font-heading);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.02em;
}

blockquote{
  margin:0 0 1.25em;
}

table{
  width:100%;
  border-collapse:collapse;
}

th,
td{
  text-align:left;
  vertical-align:top;
}

hr{
  border:0;
  border-top:1px solid var(--color-line);
  margin:28px 0;
}

/* =========================================================
   SELECTION / FOCUS
========================================================= */

::selection{
  background:rgba(176,141,120,.22);
  color:var(--color-text-strong);
}

:focus-visible{
  outline:2px solid rgba(176,141,120,.55);
  outline-offset:3px;
}

/* =========================================================
   TYPOGRAPHY
========================================================= */

h1{
  font-size:clamp(2.25rem, 5vw, 4.5rem);
}

h2{
  font-size:clamp(1.8rem, 3.5vw, 3rem);
}

h3{
  font-size:clamp(1.2rem, 2vw, 1.6rem);
}

h4{
  font-size:1.1rem;
}

h5,
h6{
  font-size:1rem;
}

small{
  font-size:.875rem;
}

strong,
b{
  font-weight:700;
  color:var(--color-text-strong);
}

em{
  font-style:italic;
}

.page-title{
  margin:0 0 18px;
  color:var(--color-heading);
  line-height:1.06;
  letter-spacing:-.03em;
}

.section-heading{
  margin:0 0 18px;
  font-size:clamp(1.35rem, 2vw, 1.7rem);
  line-height:1.15;
  font-weight:600;
  color:#8b7163;
  font-family:var(--font-heading);
}

.archive-description,
.entry-subtitle,
.lead{
  color:var(--color-text-soft);
  font-size:1.05rem;
  line-height:1.75;
}

/* =========================================================
   LAYOUT HELPERS
========================================================= */

.container{
  width:min(calc(100% - 40px), var(--site-width));
  margin-inline:auto;
}

.container-narrow{
  width:min(calc(100% - 40px), var(--content-width));
  margin-inline:auto;
}

.site-main,
.home-main,
.page-shell,
.archive-shell,
.search-shell,
.error-404-shell{
  min-height:40vh;
}

.section-space{
  padding-block:var(--section-space);
}

.section-space-sm{
  padding-block:var(--section-space-sm);
}

.grid{
  display:grid;
  gap:var(--grid-gap);
}

.flex{
  display:flex;
}

.hidden{
  display:none !important;
}

/* =========================================================
   SURFACES
========================================================= */

.content-card{
  background:var(--color-surface);
  border:1px solid rgba(234,223,215,.95);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-md);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.soft-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.80) 0%, rgba(255,255,255,.64) 100%);
  border:1px solid rgba(234,223,215,.85);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-sm);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.white-panel{
  background:var(--color-card);
  border:1px solid rgba(234,223,215,.92);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}

.glass-panel{
  background:rgba(255,255,255,.64);
  border:1px solid rgba(255,255,255,.46);
  border-radius:var(--radius-lg);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:var(--shadow-md);
}

/* =========================================================
   BUTTONS / LINKS
========================================================= */

.primary-button,
.secondary-button,
.wp-block-button__link,
button[type="submit"],
input[type="submit"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:0 22px;
  border:none;
  border-radius:16px;
  background:linear-gradient(180deg, #c6a792 0%, #a88471 100%);
  color:#fff;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  box-shadow:0 14px 26px rgba(169,131,111,.18);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    opacity var(--transition-fast),
    background var(--transition-fast);
}

.primary-button:hover,
.secondary-button:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 30px rgba(169,131,111,.22);
  background:linear-gradient(180deg, #ccb09e 0%, #aa8773 100%);
}

.secondary-button{
  background:rgba(255,255,255,.82);
  color:var(--color-text-strong);
  border:1px solid var(--color-line);
  box-shadow:var(--shadow-sm);
}

.secondary-button:hover{
  background:#fff;
}

.text-link{
  color:var(--color-accent-2);
  text-decoration:none;
}

.text-link:hover{
  color:var(--color-text-strong);
}

/* =========================================================
   FORMS
========================================================= */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
input[type="password"],
select,
textarea{
  width:100%;
  min-height:52px;
  padding:14px 16px;
  border:1px solid var(--color-line);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  color:var(--color-text-strong);
  outline:none;
  box-shadow:none;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    background-color var(--transition-fast);
}

textarea{
  min-height:140px;
  resize:vertical;
}

input::placeholder,
textarea::placeholder{
  color:#ae9b90;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#d7b9a8;
  box-shadow:0 0 0 4px rgba(199,170,152,.18);
  background:#fff;
}

.search-form{
  display:flex;
  gap:10px;
}

.search-form label{
  flex:1;
}

/* =========================================================
   CONTENT
========================================================= */

.entry-content{
  color:var(--color-text);
  font-size:1.0625rem;
}

.entry-content > *:first-child{
  margin-top:0;
}

.entry-content > *:last-child{
  margin-bottom:0;
}

.entry-content a{
  color:var(--color-accent-2);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

.entry-content a:hover{
  color:var(--color-text-strong);
}

.entry-content ul,
.entry-content ol{
  margin:0 0 1.1em 1.2em;
  padding-left:1em;
  list-style:initial;
}

.entry-content img{
  border-radius:22px;
}

.entry-content blockquote,
.wp-block-quote{
  padding:20px 22px;
  border-left:4px solid var(--color-accent-3);
  background:rgba(255,255,255,.62);
  border-radius:18px;
}

.post-meta,
.entry-meta{
  color:var(--color-text-soft);
  font-size:14px;
}

/* =========================================================
   WORDPRESS CORE
========================================================= */

.alignnone{
  margin:0 0 1rem;
}

.aligncenter,
div.aligncenter{
  display:block;
  margin-inline:auto;
}

.alignright{
  float:right;
  margin:0 0 1rem 1rem;
}

.alignleft{
  float:left;
  margin:0 1rem 1rem 0;
}

.wp-caption{
  max-width:100%;
}

.wp-caption img{
  margin-bottom:8px;
  border-radius:20px;
}

.wp-caption-text{
  font-size:14px;
  color:var(--color-text-soft);
}

.gallery{
  display:grid;
  gap:14px;
}

.gallery img{
  border-radius:16px;
}

.screen-reader-text{
  position:absolute !important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.sticky{
  display:block;
}

.bypostauthor{
  display:block;
}

/* =========================================================
   TABLES / EMBEDS
========================================================= */

.wp-block-table,
.table-wrap{
  overflow-x:auto;
}

th,
td{
  padding:12px 14px;
  border:1px solid var(--color-line);
}

th{
  background:#f8f1ec;
  color:#806a5f;
  font-weight:700;
}

iframe,
embed,
object{
  max-width:100%;
}

.wp-block-embed,
.video-wrap{
  border-radius:24px;
  overflow:hidden;
}

/* =========================================================
   UTILITIES
========================================================= */

.has-fade-edge{
  position:relative;
  overflow:hidden;
}

.has-fade-edge::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:22%;
  background:linear-gradient(180deg, rgba(248,243,239,0) 0%, rgba(248,243,239,.92) 100%);
  pointer-events:none;
}

.soft-shadow{
  box-shadow:var(--shadow-sm);
}

.medium-shadow{
  box-shadow:var(--shadow-md);
}

.large-shadow{
  box-shadow:var(--shadow-lg);
}

.rounded-sm{
  border-radius:var(--radius-sm);
}

.rounded-md{
  border-radius:var(--radius-md);
}

.rounded-lg{
  border-radius:var(--radius-lg);
}

.rounded-xl{
  border-radius:var(--radius-xl);
}

/* =========================================================
   POLISH
========================================================= */

html{
  overflow-x:hidden;
}

body.admin-bar .site-header{
  top:32px;
}

@media (max-width:782px){
  body.admin-bar .site-header{
    top:46px;
  }
}

/* =========================================================
   RESPONSIVE FOUNDATION
========================================================= */

@media (max-width:1180px){
  :root{
    --header-height:80px;
  }
}

@media (max-width:780px){
  .container,
  .container-narrow{
    width:min(calc(100% - 24px), var(--site-width));
  }

  body{
    font-size:15.5px;
  }

  .content-card,
  .soft-panel,
  .white-panel,
  .glass-panel{
    border-radius:26px;
  }

  .search-form{
    flex-direction:column;
  }
}

@media (max-width:520px){
  :root{
    --section-space: clamp(42px, 10vw, 64px);
    --section-space-sm: 24px;
  }

  .content-card,
  .soft-panel,
  .white-panel,
  .glass-panel{
    border-radius:22px;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  input[type="number"],
  input[type="password"],
  select,
  textarea{
    min-height:48px;
    border-radius:14px;
  }

  .primary-button,
  .secondary-button,
  .wp-block-button__link,
  button[type="submit"],
  input[type="submit"]{
    min-height:48px;
    border-radius:14px;
  }
}
/* =========================================================
   PAGE TEMPLATE
========================================================= */

.page-article{
	  width:100%;
  padding:56px 64px;
}

.page-article .entry-header{
  margin-bottom:28px !important;
}

.page-article .page-title{
  margin:0;
}

.page-article .entry-content{
  max-width:100%;
}

@media (max-width: 991px){
  .page-article{
    padding:40px 36px;
  }
}

@media (max-width: 640px){
  .page-article{
    padding:28px 22px;
  }
}
/* =========================================================
   FOOTER
========================================================= */

.site-footer{
  padding: 0 0 28px;
}

.footer-main{
  padding: 42px 40px 24px;
}

.footer-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr 1.1fr;
  gap: 32px;
  align-items:start;
}

.footer-logo img{
  max-height: 56px;
  width: auto;
}

.footer-title{
  margin:0 0 14px;
  font-size: 26px;
}

.footer-text{
  margin:16px 0 0;
  max-width: 340px;
  color: var(--text-soft);
  line-height: 1.8;
}

.footer-heading{
  margin:0 0 16px;
  font-size: 18px;
  color: var(--heading);
}

.footer-links,
.footer-contact-list{
  list-style:none;
  margin:0;
  padding:0;
}

.footer-links li,
.footer-contact-list li{
  margin:0 0 12px;
  color: var(--text-soft);
  line-height:1.7;
}

.footer-links a,
.footer-contact-list a{
  color: var(--text-soft);
  text-decoration:none;
  transition: color .25s ease, opacity .25s ease;
}

.footer-links a:hover,
.footer-contact-list a:hover{
  color: var(--accent-2);
}

.footer-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  min-height:48px;
  padding: 0 18px;
  border-radius: 14px;
  background:#25D366;
  color:#fff !important;
  font-weight:600;
  text-decoration:none !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.10);
  transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}

.footer-whatsapp:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(0,0,0,0.14);
  color:#fff !important;
}

.footer-bottom{
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.footer-copyright{
  margin:0;
  text-align:center;
  font-size:14px;
  color: var(--text-soft);
}

@media (max-width: 1100px){
  .footer-grid{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px){
  .footer-main{
    padding: 28px 22px 20px;
  }

  .footer-grid{
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .footer-text{
    max-width: none;
  }

  .footer-copyright{
    text-align:left;
  }
}
@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
}
/* =========================
   GUTENBERG MOBILE FIX
========================= */

@media (max-width: 768px) {

  .wp-block-columns {
    flex-direction: column !important;
  }

  .wp-block-column {
    width: 100% !important;
  }

}
/* =========================
   GUTENBERG MOBILE FIX (FINAL)
========================= */

@media (max-width: 768px) {

  .wp-block-columns:not(.is-not-stacked-on-mobile) {
    flex-direction: column !important;
  }

  .wp-block-column {
    width: 100% !important;
    flex-basis: 100% !important;
  }

}
/* =========================
   FORCE MOBILE STACK (FINAL)
========================= */

@media (max-width: 768px) {

  /* Gutenberg kolonları ZORLA kır */
  .wp-block-columns {
    display: block !important;
  }

  .wp-block-column {
    width: 100% !important;
    display: block !important;
  }

  /* içerideki her şeyi taşırma */
  .wp-block-columns * {
    max-width: 100% !important;
  }

  /* sağa kaymayı öldür */
  html, body {
    overflow-x: hidden;
  }

}