/*
Theme Name: Велоразходка — Светло и естествено
Author: Велоразходка
Description: Авторска тема с кремав фон, маслинено зелено и теракота. Адаптивно оформление за велосипедна общност, маршрути и истории.
Version: 1.0.0
Requires at least: 6.4
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: velorazhodka-natural
Tags: blog, custom-logo, custom-menu, featured-images, full-width-template
*/
:root{--cream:#f7f3ea;--paper:#fffcf6;--olive:#465c36;--terra:#ad452e;--ink:#2e3028;--muted:#68695f;--line:#dedace;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--wide:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 var(--sans)}img{max-width:100%;height:auto;display:block}a{color:var(--olive);text-underline-offset:4px}a:hover{color:var(--terra)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--terra);outline-offset:5px}.wrap{width:min(var(--wide),calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:var(--paper);padding:14px}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--olive);font-size:24px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand svg{width:55px;height:45px;flex-shrink:0}.custom-logo-link img{max-height:62px;width:auto}.site-nav{margin-left:auto}.site-nav ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.site-nav a{text-decoration:none;font-size:14px;color:var(--ink)}.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--terra)}.site-nav li{position:relative}.site-nav .sub-menu{display:none;position:absolute;z-index:20;top:100%;left:0;min-width:220px;background:var(--paper);padding:20px;box-shadow:0 12px 26px #2e30281a;flex-direction:column;align-items:flex-start;gap:10px}.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:flex}.site-nav .sub-menu .sub-menu{position:static;box-shadow:none;padding:8px}.button,.wp-block-button__link,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 25px;border-radius:40px;border:1px solid var(--terra);background:var(--terra);color:#fff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer;transition:background .18s,transform .18s}.button:hover,.wp-block-button__link:hover,input[type=submit]:hover{background:#8e3624;color:#fff;transform:translateY(-1px)}.button-outline{border-color:var(--olive);color:var(--olive);background:transparent}.button-outline:hover{background:var(--olive)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--ink)}
.hero{position:relative;isolation:isolate;min-height:640px;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 30%;z-index:-2;width:70%;height:100%;object-fit:cover;object-position:65% center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--cream) 0%,var(--cream) 25%,#f7f3eaed 36%,#f7f3ea68 53%,transparent 70%)}.hero-copy{padding:70px 0 80px;max-width:660px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.5px;font-weight:700;color:var(--terra);margin:0 0 20px}.hero h1{font:400 clamp(48px,5.8vw,82px)/1.05 var(--serif);letter-spacing:-3.5px;margin:0 0 26px;text-wrap:balance}.hero-description{max-width:355px;font-family:var(--serif);font-size:21px;line-height:1.6;margin-bottom:30px}.hero-note{position:absolute;right:6%;top:45px;max-width:170px;transform:rotate(-8deg);font:italic 19px/1.6 var(--serif);color:#3e4933}.hero-note{background:#f7f3eae8;padding:14px 18px;border-radius:4px}.hero-note:after{content:'⌁';display:block;font-size:50px;line-height:1;color:var(--olive)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:36px 0 40px;border-bottom:1px solid var(--line);gap:48px}.benefit svg{width:43px;height:36px;color:var(--olive);margin-bottom:14px}.benefit h3{font:700 15px var(--sans);color:var(--olive);margin:0 0 8px}.benefit p{font-size:14px;color:var(--muted);line-height:1.65;max-width:265px;margin:0}.section{padding:76px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2,.community h2{font:400 clamp(34px,4vw,53px)/1.1 var(--serif);letter-spacing:-1.5px;margin:0}.section-heading .eyebrow{margin-bottom:12px}.text-link{font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:5px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{background:var(--paper);border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.card-image{display:block;overflow:hidden;aspect-ratio:1.55;background:#d9dfcd}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .card-image img{transform:scale(1.025)}.card-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e7e8d8,#cbd4b9);color:var(--olive)}.card-placeholder svg{width:90px;height:65px}.card-body{padding:24px;flex:1}.card-tag{color:var(--olive);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.card h3{font:400 27px/1.2 var(--serif);letter-spacing:-.6px;margin:12px 0}.card h3 a{text-decoration:none;color:var(--ink)}.card h3 a:hover{color:var(--terra)}.card p{font-size:14px;color:var(--muted);margin:10px 0 18px}.card time{font-size:12px;color:var(--muted)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.circle-arrow{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.empty-state{border:1px dashed var(--line);padding:36px;border-radius:6px}.calendar-band{margin-top:36px;background:#ecefdf;border:1px solid #d6ddc7;border-radius:5px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.calendar-band h3{font:400 26px var(--serif);margin:0 0 5px}.calendar-band p{font-size:14px;color:var(--muted);margin:0}.community{position:relative;isolation:isolate;overflow:hidden;min-height:430px;display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.community>img{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:center 65%;z-index:-2}.community:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,var(--cream) 20%,#f7f3eaf5 35%,#f7f3ea66 62%,transparent 85%);z-index:-1}.community-copy{max-width:470px;padding:65px 0}.community h2{color:var(--terra);font-size:58px}.community p:not(.eyebrow){font:19px/1.7 var(--serif);margin:22px 0 28px}.site-footer{padding:42px 0 26px}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:35px}.footer-main p{font-size:13px;color:var(--muted);margin:12px 0}.footer-links{display:flex;flex-wrap:wrap;gap:25px;padding-top:10px}.footer-links a{font-size:13px;text-decoration:none}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}.content-main{padding:65px 0 80px;min-height:60vh}.page-title,.entry-title{font:400 clamp(38px,5vw,64px)/1.12 var(--serif);letter-spacing:-1.8px;margin:0 0 28px;overflow-wrap:anywhere}.reading{max-width:800px;margin-inline:auto}.entry-meta{font-size:13px;color:var(--muted);margin-bottom:25px}.featured-image{width:100%;max-height:560px;object-fit:cover;border-radius:6px;margin-bottom:36px}.entry-content{overflow-wrap:anywhere}.entry-content h2,.entry-content h3,.comments-title,.comment-reply-title{font-family:var(--serif);font-weight:400;line-height:1.25}.entry-content h2{font-size:35px;margin-top:48px}.entry-content h3{font-size:27px}.entry-content a{text-decoration:underline}.entry-content iframe{max-width:100%}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px}.entry-content blockquote{border-left:3px solid var(--terra);padding:8px 24px;margin-inline:0;font:24px/1.5 var(--serif)}.entry-content .alignwide{max-width:100%}.entry-content .aligncenter{margin-inline:auto}.entry-content .alignleft{float:left;margin:0 24px 20px 0}.entry-content .alignright{float:right;margin:0 0 20px 24px}.entry-content:after{content:'';display:table;clear:both}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px;color:var(--muted)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:static;width:auto;height:auto;clip:auto}.sticky{border-color:var(--olive)}.bypostauthor>.comment-body{border-left:2px solid var(--olive);padding-left:15px}.pagination,.post-navigation{margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.nav-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.page-numbers{padding:8px 12px}.page-numbers.current{background:var(--olive);color:white;border-radius:4px}.search-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:25px 0}.search-form label{flex:1}.search-form input[type=search]{width:100%}input:not([type=submit]):not([type=checkbox]),textarea,select{border:1px solid #a6aa99;background:var(--paper);color:var(--ink);padding:12px;border-radius:4px;max-width:100%}.comment-form textarea{width:100%}.comment-list{padding-left:20px}.comment-body{padding-block:20px;border-bottom:1px solid var(--line)}.comment-metadata{font-size:12px}.avatar{display:inline-block;border-radius:50%;vertical-align:middle;margin-right:8px}.archive-description{max-width:700px;color:var(--muted);margin-bottom:35px}.demo-ribbon{background:var(--olive);color:#fff;text-align:center;font-size:12px;padding:8px 16px}.demo-ribbon a{color:white}.editor-styles-wrapper{background:var(--cream);color:var(--ink);font-family:var(--sans)}
@media(min-width:1500px){.hero-photo{object-position:center 60%}.hero{min-height:710px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header-inner{gap:20px}.brand{font-size:21px}.site-nav ul{gap:16px}.header-cta{display:none}.hero h1{font-size:65px}.hero-copy{max-width:540px}.hero-note{display:none}.cards{gap:18px}.card-body{padding:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:82px;flex-wrap:wrap;gap:0;justify-content:space-between;padding-block:14px}.brand{font-size:22px}.brand svg{width:43px}.menu-toggle{display:block}.site-nav{display:none;margin:0;flex-basis:100%;padding:22px 0 8px}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column;align-items:flex-start;gap:15px}.site-nav a{font-size:16px}.site-nav .sub-menu{display:flex;position:static;box-shadow:none;background:transparent;padding:12px 15px;gap:10px}.hero{min-height:0;display:block;padding-top:290px}.hero-photo{inset:0;width:100%;height:350px;object-position:65% center}.hero:after{background:linear-gradient(0deg,var(--cream) 0%,var(--cream) 30%,#f7f3ea00 72%)}.hero-copy{padding:10px 0 30px;max-width:none}.hero h1{font-size:clamp(43px,9vw,65px);letter-spacing:-2px;max-width:550px}.hero-description{font-size:19px;max-width:450px}.hero .eyebrow{margin-bottom:14px}.benefits{gap:20px;padding:26px 0 32px}.benefit h3{font-size:13px}.benefit p{font-size:12px}.benefit svg{width:34px}.section{padding:48px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading h2{font-size:38px}.cards{grid-template-columns:1fr}.card-image{aspect-ratio:1.65}.card h3{font-size:29px}.calendar-band{flex-direction:column;align-items:flex-start;padding:24px}.community{padding-top:200px}.community>img{width:100%;height:300px}.community:after{background:linear-gradient(0deg,var(--cream) 0%,var(--cream) 30%,#f7f3ea00 85%)}.community-copy{padding:35px 0 40px;max-width:100%}.community h2{font-size:47px}.footer-main{flex-direction:column;gap:15px}.footer-links{gap:20px}.footer-bottom{flex-direction:column;gap:6px}.content-main{padding:40px 0 60px}.entry-content .alignleft,.entry-content .alignright{float:none;margin:20px 0}.entry-content h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
