/* The foundation's own additions on every page, after the theme's and the page's sheets. */

/* A tap shows no blue box (the phone's default highlight), and the keyboard's focus ring is the site's colour, as on the TV. */
html { -webkit-tap-highlight-color: transparent; }
a:focus, button:focus { outline: none; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #862c20; outline-offset: 2px; border-radius: 4px; }

/* A book's buy button (Trendyol): the same on the home page and on Eserler. */
.asr-buy .wp-block-button__link, .asr-primary .wp-block-button__link {
  display: inline-flex; align-items: center; gap: 8px; box-sizing: border-box; height: 46px; padding: 0 30px; font-size: 16px; font-weight: 600;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
}
.asr-buy svg, .asr-primary svg { width: 20px; height: 20px; fill: currentColor; flex-shrink: 0; }

/* The contact form's send button: its icon beside the word, as every primary button has. */
.wpforms-container .wpforms-form button.wpforms-submit { display: inline-flex; align-items: center; gap: 8px; }
.wpforms-submit svg { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; }

/* The page for an address that answers nothing (404.html, the shared host's ErrorDocument). */
.asr-not-found { min-height: 55vh; padding: 80px 20px 100px; box-sizing: border-box; text-align: center; }
.asr-not-found h1 { margin-bottom: 12px; }
.asr-not-found .wp-block-buttons { margin: 28px 0; }

/* News lists (the home page's and /haberler/): a small picture beside its text on a wide screen, so the list does
   not run on for screens of pictures; pictures keep their own shape (a wide banner is not cut), on a phone lower. */
.wp-block-post-template > .wp-block-post .wp-block-post-featured-image img,
.ast-row > .ast-article-post .post-thumb-img-content img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
  .wp-block-post-template > .wp-block-post .wp-block-post-featured-image img,
  .ast-row > .ast-article-post .post-thumb-img-content img { max-height: 220px; object-fit: cover; }
}
@media (min-width: 768px) {
  .wp-block-post-template > .wp-block-post {
    display: grid; grid-template-columns: 260px 1fr; grid-template-rows: auto auto 1fr; column-gap: 28px; align-items: start;
  }
  .wp-block-post-template > .wp-block-post > .wp-block-post-featured-image { grid-column: 1; grid-row: 1 / 4; margin: 0 !important; }
  /* A tall photo is cut to about a square, not left to run down past its text. */
  .wp-block-post-template > .wp-block-post .wp-block-post-featured-image img,
  .ast-row > .ast-article-post .post-thumb-img-content img { max-height: 260px; object-fit: cover; }
  .wp-block-post-template > .wp-block-post > .wp-block-post-title,
  .wp-block-post-template > .wp-block-post > .wp-block-post-excerpt,
  .wp-block-post-template > .wp-block-post > .wp-block-post-date { grid-column: 2; margin-top: 0; }
  .wp-block-post-template > .wp-block-post > .wp-block-post-title { margin-bottom: 10px; }
  .wp-block-post-template > .wp-block-post > hr { grid-column: 1 / -1; margin: 32px auto !important; }

  .ast-row > .ast-article-post .post-content { display: grid; grid-template-columns: 260px 1fr; grid-template-rows: auto auto 1fr; column-gap: 28px; align-items: start; }
  .ast-row > .ast-article-post .post-content > .ast-blog-featured-section { grid-column: 1; grid-row: 1 / 4; margin: 0; }
  .ast-row > .ast-article-post .post-content > :not(.ast-blog-featured-section) { grid-column: 2; }
}
.wp-block-post-template .wp-block-post-excerpt { margin-bottom: 0; }
.wp-block-post-template .wp-block-post-excerpt__excerpt { margin-bottom: 8px; }
.wp-block-post-template .wp-block-post-excerpt__more-text { margin: 0 0 10px; }