/*
Theme Name: Sinem
Theme URI: https://sinemaltayyildiz.com.tr/
Author: OpenAI for Sinem Altay Yıldız
Author URI: https://sinemaltayyildiz.com.tr/
Description: Premium luxury real estate WordPress theme for Sinem Altay Yıldız.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: sinem
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo, custom-menu, featured-images, blog, real-estate, one-column, two-columns, editor-style, translation-ready
*/

/* =========================================================
   SINEM THEME FOUNDATION
   Reference direction:
   - soft luxury
   - airy layout
   - editorial spacing
   - feminine but professional
   - premium real estate presentation
========================================================= */

:root{
  /* Layout */
  --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);

  /* Colors */
  --color-bg: #f8f3ef;
  --color-bg-soft: #fcf8f5;
  --color-bg-deep: #f1e7e0;
  --color-surface: rgba(255,255,255,0.72);
  --color-surface-strong: rgba(255,255,255,0.88);
  --color-card: #fffdfa;
  --color-card-2: #fbf6f2;
  --color-line: #eadfd7;
  --color-line-soft: rgba(234,223,215,0.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 */
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 34px;
  --radius-2xl: 42px;
  --radius-pill: 999px;

  /* Shadows */
  --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);

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

  /* Fonts */
  --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;
}

/* =========================================================
   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;
}

/* =========================================================
   BASE 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);
}
.page-article{
  width: 100%;
  padding: 56px 64px;
}

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

.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;
  }
}
/* ABOUT TOP LAYOUT FIX */

.page-article .entry-content{
  max-width: 1000px;
}

.page-article .entry-content img{
  max-width: 420px;
  width: 100%;
  border-radius: 20px;
}
.page-article .wp-block-columns{
  align-items: center;
  gap: 40px;
}
.page-article .entry-content p{
  max-width: 520px;
}
.page-article .wp-block-image img{
  border-radius: 28px;
  display: block;
}
.page-article h3{
  font-size: 20px;
  margin-bottom: 12px;
}

.page-article ul{
  padding-left: 18px;
  line-height: 1.8;
}

.page-article .wp-block-columns{
  margin-top: 40px;
  gap: 40px;
}
.page-article h2,
.page-article h3{
  margin-top: 36px;
  margin-bottom: 14px;
}
.page-article blockquote{
  border-left: 3px solid #c7a48a;
  padding: 16px 20px;
  background: rgba(255,255,255,0.6);
  border-radius: 12px;
  font-style: italic;
}
.page-article ul{
  padding-left: 22px;
}
.page-article .wp-block-columns{
  align-items: center;
}
.page-article li{
  margin-bottom: 8px;
}

.page-article strong{
  color: var(--color-heading);
}

@media (max-width: 782px){
  .page-article .wp-block-columns{
    gap: 24px;
  }
}
/* =========================================================
   LINKS / BUTTONS
========================================================= */

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

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

.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;
}

/* =========================================================
   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;
}

/* =========================================================
   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;
}

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

.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;
}

/* =========================================================
   TABLES / DEFAULT
========================================================= */

.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;
}

/* =========================================================
   MEDIA EMBEDS
========================================================= */

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

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

/* =========================================================
   UTILITY CLASSES FOR NEXT FILES
========================================================= */

.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);
}

/* =========================================================
   SITE LOADING / 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;
  }
}

@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;
  }
}
.seo-hidden {
    display: none;
}