/* Euromilk — additions the WordPress theme needs on top of the original stylesheets. */

/* The fixed navigation sits below the WordPress toolbar for signed-in editors. */
.admin-bar .nav-container { top: 32px; }
@media (max-width: 782px) { .admin-bar .nav-container { top: 46px; } }

/* The producers block keeps its tinted background whatever its anchor is called. */
.producers-block { background: var(--bg-secondary); padding-top: 5.5rem; }

/* Enquiry form: the field only robots fill, and the line that reports the result. */
.form-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-status:empty { display: none; }
.form-status { margin-top: 0.9rem; font-size: 0.9rem; color: var(--text-secondary); }
.form-status.is-error { color: #b3261e; }
.submit-btn[disabled] { opacity: 0.7; cursor: progress; }

/* If the script cannot load, nothing stays hidden waiting for it. */
.no-app .loader { display: none; }
.no-app .reveal, .no-app .reveal-card, .no-app .stagger-item { opacity: 1; transform: none; }

/* Ordinary pages (the "Обикновена страница" sections and the classic templates). */
.page-head { padding: clamp(8rem, 18vh, 11rem) 5% clamp(2rem, 5vh, 3.5rem); }
.page-head-inner { max-width: 880px; margin: 0 auto; }
.page-head--center .page-head-inner { text-align: center; }
.page-head--center { padding-bottom: 12rem; }
.page-head h1 { margin-top: 0.75rem; }
.page-crumbs { display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 1.5rem; }
.page-crumbs a { color: var(--accent); text-decoration: none; }
.page-crumbs a:hover { text-decoration: underline; }
.page-lead { margin-top: 1.25rem; font-size: 1.15rem; line-height: 1.7; color: var(--text-secondary); }
.page-head p + p { margin-top: 2rem; }
.page-text { padding: clamp(1.5rem, 4vh, 3rem) 5% clamp(3rem, 8vh, 5rem); }
.page-text:last-of-type { padding-bottom: 12rem; }
.page-text--tint { background: var(--bg-secondary); }
.prose { max-width: 880px; margin: 0 auto; line-height: 1.8; color: var(--text-secondary); }
.prose > * + * { margin-top: 1.1rem; }
.prose h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--text-primary); margin-top: 2.2rem; }
.prose h3 { font-size: 1.35rem; color: var(--text-primary); margin-top: 1.8rem; }
.prose > :first-child { margin-top: 0; }
.prose a { color: var(--accent); }
.prose ul, .prose ol { padding-left: 1.4rem; }
.prose img { max-width: 100%; height: auto; border-radius: 16px; }
.prose blockquote { border-left: 3px solid var(--accent); padding-left: 1.2rem; font-family: var(--font-display); font-size: 1.2rem; color: var(--text-primary); }
.post-list { list-style: none; padding: 0 !important; }
.post-list li { padding: 1.5rem 0; border-bottom: 1px solid var(--border); }
.post-list time { font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); }
.post-list h2 { margin-top: 0.4rem; font-size: 1.6rem; }
.post-list h2 a { color: var(--text-primary); text-decoration: none; }
.nav-links { display: flex; gap: 0.75rem; margin-top: 2rem; }