/*
Theme Name: Data is the Way
Theme URI: https://dataistheway.blog
Author: Krzysztof Burejza
Author URI: https://www.linkedin.com/in/krzysztof-burejza/
Description: Bilingual (PL/EN) blog theme for Databricks, AI, Fabric and SQL Server: Beskidy panorama with four topics, posts with a gondola reading bar, table of contents and lab-tested code badges, topic pages, talks calendar. Works with Polylang.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: data-is-the-way
Tags: blog, block-patterns, full-site-editing, translation-ready, two-columns
*/

/* The design lives in assets/css (base.css from the prototype + home/post/tag.css).
   This file only adapts it to WordPress. */

/* block-theme wrapper: no gaps between header, main and footer */
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * { margin-block: 0; }

/* logged-in: keep the sticky header below the admin bar */
.admin-bar .top { top: 32px; }
@media (max-width: 782px) { .admin-bar .top { top: 46px; } }
@media (max-width: 600px) { .admin-bar .top { top: 0; } }

/* core blocks inside posts look like the prototype's markup */
article .wp-block-image { margin: 8px 0 28px; }
article .wp-block-image img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--line); background: #fff; }
article .wp-block-image figcaption { margin-top: 8px; font-size: 14px; color: var(--ink-3); }
article .wp-block-video video { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--line); }
article .wp-block-quote { margin: 30px 0; padding: 4px 0 4px 22px; border-left: 4px solid var(--rust); }
article .wp-block-code { max-width: 100%; margin: 0 0 26px; padding: 22px 24px; border: 0; border-radius: 14px; background: #172430; color: #e7edf2; font-family: var(--mono); font-size: 14px; line-height: 1.7; overflow: auto; }
article .wp-block-table { max-width: 100%; overflow-x: auto; margin: 0 0 26px; border: 1px solid var(--line); border-radius: 12px; }
article .wp-block-table table { margin: 0; }
article .wp-block-table td, article .wp-block-table th { border: 0; border-bottom: 1px solid var(--line); }
article .wp-block-separator { border: 0; border-top: 1px solid var(--line); margin: 36px 0; }

/* plain pages */
.body-page { grid-template-columns: minmax(0, 720px); }

/* 404 */
.tag-404 { padding-bottom: 48px; }
.tag-404 .actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 26px; }

/* archive pagination */
.tag-list .pagination { margin-top: 32px; }
.tag-list .nav-links { display: flex; flex-wrap: wrap; gap: 10px; }
.tag-list .page-numbers { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px #17243030; text-decoration: none; }
.tag-list .page-numbers.current { background: var(--ink); color: var(--paper); box-shadow: none; }

/* contact form shortcode [ditw_contact_form] */
.ditw-form { display: grid; gap: 16px; max-width: 720px; }
.ditw-form p { margin: 0; }
.ditw-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 640px) { .ditw-form__row { grid-template-columns: 1fr; } }
.ditw-form__field { display: grid; gap: 6px; }
.ditw-form label { font-family: var(--mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.ditw-form input[type="text"], .ditw-form input[type="email"], .ditw-form select, .ditw-form textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); font: inherit; }
.ditw-form textarea { min-height: 9rem; resize: vertical; }
.ditw-form__consent { display: flex; gap: 10px; align-items: flex-start; }
.ditw-form__consent label { font-family: inherit; font-size: var(--fs-sm); letter-spacing: 0; text-transform: none; color: var(--ink-2); }
.ditw-form__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ditw-form button { border: 0; cursor: pointer; font: inherit; }
.ditw-form__notice { padding: 14px 18px; border-radius: 12px; background: var(--sand); }
.ditw-form__notice.is-error { box-shadow: inset 3px 0 0 var(--rust); }