/*
Theme Name: Bahar’ın Defteri
Description: Bahar Gerger için gezi, kitap, dizi ve film günlüğü. Bağımsız, yerel bloklarla düzenlenen, hafif WordPress teması.
Version: 1.0.4
Requires at least: 6.6
Requires PHP: 7.4
Author: Bahar Gerger
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baharin-defteri
Tags: blog, one-column, two-columns, custom-logo, custom-colors, full-site-editing, block-patterns, featured-images
*/

html { scroll-behavior: smooth; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
*, *::before, *::after { box-sizing: border-box; }
:where(a, button, input, textarea, select):focus-visible { outline: 3px solid var(--wp--preset--color--sage-ink); outline-offset: 5px; }
a { text-underline-offset: .2em; text-decoration-thickness: 1px; }
img { max-width: 100%; height: auto; }
p, h1, h2, h3, h4 { overflow-wrap: break-word; }
main { min-height: 45vh; }
.wp-site-blocks > * { margin-block-start: 0; }
.bg-shell { padding-inline: clamp(1.25rem, 5vw, 4rem); }
.bg-header-inner { min-height: 126px; min-width: 0; padding-block: 1.25rem; border-bottom: 1px solid var(--wp--preset--color--line); gap: 1.5rem; align-items: center; }
.bg-brand { width: 264px; min-width: 0; flex: 0 1 264px; margin: 0; }
.bg-brand img { display: block; width: 100%; height: auto; }
.bg-header-inner .wp-block-site-logo { min-width: 0; flex: 0 1 264px; }
.bg-header-inner .wp-block-site-logo img { width: 264px; max-width: 100%; height: auto; }
.bg-header-inner .wp-block-navigation { flex: 0 0 auto; }
.bg-header-inner .wp-block-navigation-item__content { white-space: nowrap; }
.wp-block-navigation .wp-block-navigation-item__content { padding-block: .6rem; text-decoration: none; }
.wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--sage-ink); text-decoration: underline; }
.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; }
.bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { box-sizing: border-box; padding: max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left)); background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); }
.bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close { width: 100%; max-width: 700px; margin-inline: auto; }
.bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog { margin: 0; }
.bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { top: 0; inset-inline-end: 0; margin: 0; }
.bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding: 4rem 0 1rem; align-items: stretch; }
.bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { width: 100%; margin: 0; padding: 0; align-items: stretch; gap: 0; }
.bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; align-items: stretch; }
.bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { width: 100%; padding: .85rem 0; border-bottom: 1px solid var(--wp--preset--color--line); white-space: normal; text-align: start; font-size: clamp(1.15rem, 5vw, 1.5rem); }
/* Keep the close button below WordPress's fixed toolbar when signed in. */
.admin-bar .bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { padding-top: calc(32px + max(1.25rem, env(safe-area-inset-top))); }
.admin-bar .bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 0; }
.bg-eyebrow { font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; font-weight: 600; }
.bg-hero { padding-block: clamp(3.5rem, 8vw, 7rem) clamp(3rem, 6vw, 5rem); }
.bg-hero-title { font-size: clamp(2.7rem, 6.1vw, 5.15rem); line-height: 1.06; letter-spacing: -.045em; max-width: 830px; text-wrap: balance; }
.bg-hero-title em { font-weight: 400; color: var(--wp--preset--color--sage-ink); }
.bg-intro { max-width: 560px; font-size: clamp(1.1rem, 2vw, 1.3rem); line-height: 1.6; }
.bg-small-rule { width: 48px; margin-block: 1.75rem; border-top: 2px solid var(--wp--preset--color--sage-ink); }
.bg-category-card { border: 1px solid var(--wp--preset--color--line); position: relative; height: 100%; min-height: 260px; border-radius: 8px; padding: clamp(1.5rem, 3vw, 2.5rem); }
.bg-category-card .bg-eyebrow { padding-inline-end: 1.25rem; }
.bg-category-card h2 { margin-top: 1.4rem; margin-bottom: .7rem; font-size: clamp(1.75rem, 3vw, 2.35rem); }
.bg-category-card h2 a { text-decoration: none; }
.bg-category-card h2 a:hover { text-decoration: underline; }
.bg-category-card h2 a::after { position: absolute; inset: 0; content: ''; border-radius: 8px; }
.bg-category-card h2 a:focus-visible { outline: none; }
.bg-category-card:focus-within { outline: 3px solid var(--wp--preset--color--sage-ink); outline-offset: 5px; }
.bg-category-card .bg-card-arrow { position: absolute; inset-inline-end: 2rem; top: 1.8rem; font-size: 1.5rem; line-height: 1; }
.bg-category-card p { max-width: 26rem; }
.bg-section { padding-block: clamp(3.5rem, 7vw, 6rem); }
.bg-section-label { padding-bottom: 1.15rem; margin-bottom: 2rem; border-bottom: 1px solid var(--wp--preset--color--line); }
.bg-empty { padding: clamp(2.25rem, 6vw, 4.5rem); border: 1px dashed var(--wp--preset--color--line); border-radius: 8px; }
.bg-empty p { max-width: 490px; margin-inline: auto; }
.bg-post-list { margin: 0; padding: 0; }
.bg-post-list > li { min-width: 0; }
.bg-post-card { padding-bottom: 1.75rem; }
.bg-post-card .wp-block-post-featured-image { overflow: hidden; border-radius: 6px; margin-bottom: 1.35rem; }
.bg-post-card .wp-block-post-featured-image img { display: block; }
.bg-post-card .wp-block-post-title a { text-decoration: none; }
.bg-post-card .wp-block-post-title a:hover { color: var(--wp--preset--color--sage-ink); text-decoration: underline; }
.bg-post-card .wp-block-post-excerpt { margin-top: .75rem; }
.bg-post-card .wp-block-post-excerpt__excerpt { margin-block: 0; }
.bg-post-meta { font-size: .8rem; color: var(--wp--preset--color--muted); }
.bg-post-meta a { color: inherit; }
.bg-reading-header { padding-top: clamp(3rem, 6vw, 5rem); padding-bottom: 2.5rem; }
.bg-reading-header .wp-block-post-title { font-size: clamp(2.35rem, 5vw, 4rem); text-wrap: balance; letter-spacing: -.035em; }
.bg-reading-content { padding-bottom: 4rem; }
/* The image is absent from core output when a post has no featured image. */
.bg-post-layout { padding-block: clamp(2rem, 5vw, 4rem) 4rem; }
.bg-post-layout:has(> .bg-post-featured) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: clamp(1.5rem, 4vw, 3.5rem); }
.bg-post-layout > .bg-post-article { width: 100%; min-width: 0; max-width: 700px; margin: 0 auto; }
.bg-post-layout:has(> .bg-post-featured) > .bg-post-article { max-width: none; }
.bg-post-layout > .bg-post-featured { min-width: 0; margin: 0; }
.bg-post-featured img { display: block; width: 100%; height: auto; max-height: 70vh; max-height: 70svh; object-fit: cover; object-position: center; border-radius: 6px; }
.bg-image-zoom { display: block; position: relative; border-radius: 6px; cursor: zoom-in; }
.bg-image-zoom::after { content: 'Büyüt ↗'; position: absolute; right: .85rem; bottom: .85rem; border-radius: 3px; padding: .3rem .65rem; background: #fcfaffed; color: var(--wp--preset--color--ink); font-size: .8rem; line-height: 1.5; box-shadow: 0 1px 8px #0002; }
.bg-post-article .bg-reading-header { padding: 0 0 1.75rem; border-bottom: 1px solid var(--wp--preset--color--line); margin-bottom: 1.75rem; }
.bg-post-article .bg-reading-header .wp-block-post-title { margin-block: .8rem; font-size: clamp(2rem, 3.6vw, 3rem); }
.bg-post-article .bg-reading-header > .wp-block-post-terms { display: flex; flex-wrap: wrap; gap: .45rem; }
.bg-post-article .bg-reading-header > .wp-block-post-terms a { display: inline-block; padding: .25rem .7rem; border-radius: 999px; background: var(--wp--preset--color--sage); color: var(--wp--preset--color--sage-ink); text-decoration: none; font-weight: 500; }
.bg-post-article .bg-reading-header > .wp-block-post-terms a:hover { text-decoration: underline; }
.bg-post-article .bg-reading-header .wp-block-post-terms__separator { display: none; }
.bg-post-details { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem 1.1rem; color: var(--wp--preset--color--muted); font-size: .8rem; line-height: 1.6; }
.bg-post-details > * { margin: 0; }
.bg-post-details .bg-post-author { color: var(--wp--preset--color--ink); font-weight: 600; }
.bg-post-details .bg-reading-time { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
.bg-reading-time::before { content: ''; flex: 0 0 14px; width: 14px; height: 14px; border: 1.5px solid currentColor; border-radius: 50%; background: linear-gradient(currentColor, currentColor) 6px 2px / 1px 5px no-repeat, linear-gradient(currentColor, currentColor) 6px 6px / 4px 1px no-repeat; }
.bg-post-article .bg-reading-content { padding-bottom: 0; }
.bg-post-article .wp-block-post-content > :first-child { margin-block-start: 0; }
.bg-post-article .wp-block-post-content :where(.alignfull, .alignwide) { width: auto; max-width: 100%; margin-inline: 0; }
.bg-post-article .wp-block-post-content table { display: block; max-width: 100%; overflow-x: auto; }
.bg-lightbox { min-width: min(300px, calc(100vw - 2rem)); position: fixed; inset: 0; width: fit-content; max-width: calc(100vw - 2rem); max-height: calc(100vh - 2rem); max-height: calc(100dvh - 2rem); margin: auto; padding: 3.5rem .5rem .5rem; border: 0; border-radius: 6px; overflow: auto; background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); box-shadow: 0 1rem 4rem #0005; }
.bg-lightbox::backdrop { background: #221a2eeb; }
.bg-lightbox__close { position: absolute; top: .5rem; right: .5rem; display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; gap: .35rem; padding: .4rem .7rem; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); font: inherit; font-size: .9rem; cursor: pointer; }
.bg-lightbox__close:hover { background: var(--wp--preset--color--sage); }
.bg-lightbox__image { display: block; width: auto; height: auto; max-width: calc(100vw - 3rem); max-height: calc(100vh - 6rem); max-height: calc(100dvh - 6rem); margin: auto; object-fit: contain; }
.bg-lightbox__error { max-width: 28rem; margin: 1rem; font-size: 1rem; }
.bg-lightbox__error[hidden], .bg-lightbox__image[hidden] { display: none; }
.bg-lightbox__previous, .bg-lightbox__next { position: absolute; top: .5rem; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); font: inherit; font-size: 1.35rem; cursor: pointer; }
.bg-lightbox__previous { left: .5rem; }
.bg-lightbox__next { left: 3.5rem; }
.bg-lightbox__previous:hover, .bg-lightbox__next:hover { background: var(--wp--preset--color--sage); }
.bg-lightbox__counter { position: absolute; top: .5rem; left: 6.75rem; display: flex; align-items: center; height: 44px; margin: 0; color: var(--wp--preset--color--muted); font-size: .85rem; }
.bg-lightbox__previous[hidden], .bg-lightbox__next[hidden], .bg-lightbox__counter[hidden] { display: none; }
.wp-block-post-content a.bg-image-zoom { display: inline-block; max-width: 100%; line-height: 0; }
.wp-block-post-content a.bg-image-zoom.aligncenter { display: table; margin-inline: auto; }
.wp-block-post-content a.bg-image-zoom.alignleft { float: left; margin: .5rem 1.5rem 1rem 0; }
.wp-block-post-content a.bg-image-zoom.alignright { float: right; margin: .5rem 0 1rem 1.5rem; }
.wp-block-post-content > * { margin-block-start: 1.5em; }
.wp-block-post-content :where(h2, h3, h4) { margin-block-start: 1.75em; }
.wp-block-post-content :where(ul, ol) { padding-inline-start: 1.4em; }
.wp-block-post-content li + li { margin-top: .4em; }
.wp-block-post-content :where(pre, table) { overflow-x: auto; }
.wp-block-post-content :where(iframe, video) { max-width: 100%; }
.wp-block-post-content .alignfull { margin-inline: calc(-1 * clamp(1.25rem, 5vw, 4rem)); width: auto; max-width: none; }
.wp-block-query-pagination { margin-top: 2.5rem; gap: 1rem; }
.wp-block-query-pagination a, .wp-block-query-pagination .current { padding: .5rem .7rem; }
.bg-footer-inner { padding-block: 2rem 2.5rem; border-top: 1px solid var(--wp--preset--color--line); gap: 1.25rem; }
.bg-footer-inner p { margin: 0; }
.bg-footer-name { font-family: Georgia, 'Times New Roman', serif; font-size: 1.2rem; font-style: italic; }
.wp-block-search__input { border: 1px solid var(--wp--preset--color--line); border-radius: 4px; background: #fff; padding: .7rem; color: var(--wp--preset--color--ink); min-width: 0; font: inherit; }
.wp-block-search__button { border: 0; border-radius: 4px; padding: .7rem 1.1rem; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); font: inherit; }
.skip-link.screen-reader-text:focus { position: fixed; top: 1rem; left: 1rem; z-index: 100000; background: #fff; color: var(--wp--preset--color--ink); padding: 1rem 1.5rem; font-size: 1rem; box-shadow: 0 2px 12px #0002; }
/* Use the native accessible menu before the desktop links become crowded. */
@media (max-width: 1023px) {
 .bg-header-inner .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
 .bg-header-inner .wp-block-navigation__responsive-container-open { display: flex; }
}
@media (max-width: 781px) {
 .bg-post-layout:has(> .bg-post-featured) { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
 .bg-category-columns { gap: 1rem; }
 .bg-category-card { min-height: 210px; }
 .bg-hero { padding-top: 3rem; }
}
@media (max-width: 782px) {
 .admin-bar .bg-header-inner .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { padding-top: calc(46px + max(1.25rem, env(safe-area-inset-top))); }
}
@media (max-width: 599px) {
 .bg-header-inner { min-height: 104px; }
 .bg-brand, .bg-header-inner .wp-block-site-logo img { width: 218px; }
 .bg-brand, .bg-header-inner .wp-block-site-logo { flex-basis: 218px; }
 .bg-post-list.is-layout-grid { grid-template-columns: 1fr; }
 .bg-footer-inner { align-items: flex-start; flex-direction: column; }
 .bg-reading-header .wp-block-post-title { font-size: 2.4rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
