/*
Theme Name: AVAGRAND Simple
Author: AVAGRAND
Description: Jednoduchá firemní prezentace AVAGRAND s blogem. Bez placených závislostí.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: avagrand-simple
*/

    :root{--blue:#253d91;--ink:#202936;--muted:#5b6574;--line:#e1e5eb;--surface:#f5f7fa}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:24px}
    body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}
    a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
    .wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}
    .skip{position:absolute;top:-100px;left:16px;padding:10px 16px;background:#fff;z-index:5}
    .skip:focus{top:12px}
    .header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}
    .brand{display:flex;align-items:center;gap:22px}
    .brand img{display:block;width:105px;height:auto}
    .brand-name{font-size:15px;letter-spacing:.14em;font-weight:700;color:var(--blue)}
    .nav{display:flex;align-items:center;gap:32px;font-size:15px}
    .nav a{padding:10px 0}
    .nav a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:6px}
    .intro{padding:67px 0 62px}
    .eyebrow{margin:0 0 20px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
    h1{margin:0 0 23px;font-size:clamp(36px,4.6vw,60px);font-weight:500;letter-spacing:-.045em;line-height:1.12}
    h1 span{color:var(--blue)}
    .intro p:last-child{max-width:655px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}
    .section-title{margin:0 0 20px;font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
    .projects{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .project{border-top:3px solid var(--blue);background:var(--surface);padding:26px 30px 24px;display:flex;flex-direction:column;align-items:flex-start}
    .project h3{margin:0 0 6px;font-size:27px;line-height:1.3;letter-spacing:-.025em;font-weight:600;color:var(--blue)}
    .project p{margin:0 0 19px;color:var(--muted)}
    .text-link{display:inline-flex;align-items:center;gap:14px;font-size:15px;min-height:40px;margin-top:auto;color:var(--blue)}
    .text-link:hover{text-decoration:underline;text-underline-offset:5px}
    .arrow{font-size:21px;line-height:1}
    .services-section{padding:51px 0 47px}
    .services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
    .service h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;font-weight:600;margin:0 0 10px}
    .service p{margin:0;color:var(--muted);line-height:1.65}
    .contact{border-top:1px solid var(--line);padding:35px 0 37px;display:flex;justify-content:space-between;align-items:center;gap:30px}
    .contact h2{margin:0 0 5px;font-size:25px;line-height:1.3;letter-spacing:-.025em;font-weight:500}
    .contact p{margin:0;color:var(--muted)}
    .contact-links{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
    .contact-links a{min-height:40px;display:flex;align-items:center;color:var(--blue);font-size:19px}
    .contact-links a:hover{text-decoration:underline;text-underline-offset:5px}
    .footer{background:var(--surface);padding:20px 0;color:var(--muted);font-size:13px}
    .footer .wrap{display:flex;justify-content:space-between;gap:16px}
    @media(max-width:760px){
      .wrap{width:calc(100% - 40px)}
      .header{min-height:98px;gap:20px}
      .brand img{width:86px}.brand-name{display:none}
      .nav{gap:22px;font-size:14px}
      .intro{padding:43px 0 39px}.eyebrow{margin-bottom:16px}
      h1{font-size:clamp(35px,6.8vw,50px)}
      .intro p:last-child{font-size:17px}
      .project{padding:23px}.project h3{font-size:24px}
      .services{grid-template-columns:1fr;gap:25px}
      .services-section{padding:37px 0}
      .contact{align-items:flex-start}.contact h2{font-size:23px}
      .contact-links a{font-size:17px}
    }
    @media(max-width:520px){
      .header{min-height:92px}.nav{gap:17px}.brand img{width:78px}
      .projects{grid-template-columns:1fr;gap:15px}
      .project{padding:22px 24px}.project p{margin-bottom:8px}
      .contact{flex-direction:column;gap:15px;padding:28px 0}
      .contact-links{align-items:flex-start;gap:0}
      .footer .wrap{flex-direction:column;gap:4px}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  
.blog-section{padding:0 0 42px}
.blog-intro{color:var(--muted);margin:-5px 0 20px}
.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.post-card{padding-top:19px;border-top:1px solid var(--line)}
.post-card h3{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.02em;margin:6px 0 10px}
.post-card h3 a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.post-card p{color:var(--muted);margin:0 0 10px}
.post-meta{color:var(--muted);font-size:13px}
.blog-more{margin-top:20px}.blog-empty{color:var(--muted);border-top:1px solid var(--line);padding:20px 0;margin:0}
.content-page{padding:45px 0 60px;min-height:55vh}
.content-page h1{font-size:clamp(30px,4vw,48px);margin-top:16px}
.reading-width{max-width:760px;margin-inline:auto}
.entry-content{font-size:18px;line-height:1.8;margin-top:30px;overflow-wrap:anywhere}
.entry-content h2{font-size:28px;line-height:1.35;margin-top:38px;letter-spacing:-.02em}
.entry-content h3{font-size:23px;line-height:1.4;margin-top:28px}
.entry-content a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.entry-content img,.post-thumbnail img{max-width:100%;height:auto}.entry-content figure{max-width:100%;margin-inline:0}
.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{border:1px solid var(--line);padding:10px;text-align:left}
.entry-content blockquote{margin-left:0;padding-left:24px;border-left:3px solid var(--blue);color:var(--muted)}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pagination,.post-navigation{margin-top:35px}.page-numbers{display:inline-block;padding:8px 14px;margin-right:4px}.page-numbers.current{background:var(--blue);color:#fff}.nav-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.nav-links a{color:var(--blue)}.archive-heading{margin-bottom:35px}.archive-heading p{color:var(--muted)}
.post-thumbnail{margin:25px 0}.post-thumbnail img{width:100%;object-fit:contain}
details.preview-article{padding-top:19px;border-top:1px solid var(--line)}
details.preview-article summary{cursor:pointer;list-style:none;font-size:20px;line-height:1.4;margin-bottom:12px}
details.preview-article summary::-webkit-details-marker{display:none}
details.preview-article summary:after{content:' +';color:var(--blue)}
details.preview-article[open] summary:after{content:' −'}
details.preview-article p{color:var(--muted);margin:0 0 10px}
details.preview-article a{color:var(--blue);text-decoration:underline}
.preview-note{font-size:13px;color:var(--muted);margin:20px 0 0}
@media(max-width:760px){.post-list{grid-template-columns:1fr;gap:22px}.nav{gap:17px}.brand img{width:76px}.entry-content{font-size:17px}}
@media(max-width:420px){.header{flex-wrap:wrap;gap:0;padding:10px 0 14px}.brand img{width:72px}.nav{gap:18px;font-size:14px}.header .brand{margin-right:auto}}