/*
Theme Name: Pyrobatys - Kontakty
Theme URI: https://www.pyrobatys.sk/
Author: Pyrobatys
Description: Jednoducha responzivna WordPress sablona pre kontaktnu stranku PYROBATYS s podporou vlastneho loga.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: pyrobatys-kontakty
*/
:root{--brand:#a00000;--black:#121212;--card:#ebebeb;--text:#181818;--max:1222px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:14px/1.58 Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}
a:hover,a:focus-visible{text-decoration:underline}
a:focus-visible{outline:2px solid #a50000;outline-offset:3px}
.site-header{background:var(--brand);min-height:93px}
.brand-container{max-width:1315px;margin:auto;min-height:93px;padding:10px 28px;display:flex;align-items:center}
.custom-logo-link,.bundled-logo-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;background:#fff;padding:7px 11px;border-radius:2px;line-height:0}
.custom-logo,.bundled-logo{display:block;max-width:min(525px,82vw);width:auto;height:auto;max-height:68px;object-fit:contain}
.brand-placeholder{font-size:23px;letter-spacing:.09em;font-weight:800;color:#fff;line-height:1.1}
.brand-placeholder:hover{text-decoration:none}
.dark-ribbon{height:39px;background:#111}
.header-space{height:18px;background:#f5f5f5}
.site-main{max-width:calc(var(--max) + 36px);margin:0 auto;padding:21px 18px 44px;min-height:690px}
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;align-items:start}
.contact-column{display:flex;flex-direction:column;gap:19px;min-width:0}
.contact-section{min-width:0}
.contact-title{display:flex;align-items:center;min-height:26px;margin:0 0 18px;padding:3px 16px;background:#111;color:#fff;font-size:15px;font-weight:700;line-height:1.25;letter-spacing:0}
.contact-card{background:var(--card);padding:20px 34px 19px;line-height:1.6;min-height:59px}
.contact-card p{margin:0}
.contact-card p+p{margin-top:0}
.contact-card .spaced{margin-top:24px}
.contact-card .person + .person{margin-top:22px}
.contact-card .person-name{font-weight:700}
.contact-card a{overflow-wrap:anywhere}
.contact-card address{font-style:normal}
.site-footer{background:#f7f7f7;min-height:20px}
.screen-reader-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.wp-content{max-width:960px;margin:0 auto}
@media (max-width:1080px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.site-main{padding-left:24px;padding-right:24px}.contact-card{padding:22px 28px}.contact-column{gap:20px}}
@media (max-width:620px){.contact-grid{grid-template-columns:minmax(0,1fr)}.site-main{min-height:0;padding:20px 15px 42px}.contact-column{gap:22px}.contact-title{font-size:15px;margin-bottom:12px}.contact-card{padding:19px 21px}.brand-container{padding:8px 16px;min-height:73px}.site-header{min-height:73px}.custom-logo-link,.bundled-logo-link{padding:5px 7px}.custom-logo,.bundled-logo{max-height:52px}.brand-placeholder{font-size:21px}.dark-ribbon{height:31px}.header-space{height:12px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}