/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

@import url('https://www.w3schools.com/w3css/4/w3.css');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

:root {

  --ink-900:#212121;
  --ink-800:#181818;
  --ink-700:#2a2a2a;
  --ink-600:#555;
  --ink-500:#6b7280;
  --surface:#ffffff;
  --surface-muted:#f8f9fa;

  --menu-bg:#eb9834;
  --menu-ink:#fff;
  --menu-accent:#eb9834;
  --menu-pill-radius:9999px;

  /* brand palette */
  --brand-100:#ffe5c2;
  --brand-500:#eb9834;
  --brand-600:#d87e0d;
  --brand-700:#c96a00;

  --border:#e5e7eb;

  /* heading typography */
  --wp--custom--h1-font-size:2.2rem;
}

body {
  background:var(--surface);
  color:var(--ink-900);
  font-family:'Nunito Sans', 'Roboto', Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1{
  font-size:var(--wp--custom--h1-font-size);
}


/* basic navigation layout to replace missing w3.css */
.w3-top{position:sticky;top:0;z-index:10;width:100%;}
.w3-bar{display:flex;align-items:center;width:100%;}
.ozon-menu{gap:8px;height:64px;padding:0 16px;box-sizing:border-box;}
.w3-bar .w3-bar-item{padding:8px 16px;display:block;}
.w3-right{margin-left:auto;}
.w3-button{border:none;background:transparent;cursor:pointer;}
.w3-bar-block{width:100%;}
.w3-bar-block .w3-bar-item{display:block;width:100%;padding:8px 16px;text-align:left;}
.w3-card{box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);}
.w3-white{background:#fff!important;color:#000!important;}
.w3-large{font-size:18px;}
.w3-hide{display:none!important;}
.w3-show{display:block!important;}
@media (max-width:600px){.w3-hide-small{display:none!important;}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important;}}
@media (min-width:993px){.w3-hide-large{display:none!important;}}

.ozon-menu__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;}
.ozon-menu__list li{margin:0;}
#navDemo .ozon-menu__list{flex-direction:column;align-items:flex-start;}


.ozon-menu__item:active{transform:translateY(1px);}
.ozon-header{background:var(--menu-bg)!important;}
.ozon-logo{color:var(--menu-ink);text-decoration:none;font-weight:700;margin-right:1rem;display:flex;align-items:center;height:100%;}
.ozon-logo img{height:100%;width:auto;}
.ozon-catalog.w3-button{background:#fff!important;color:var(--menu-accent)!important;border-radius:var(--menu-pill-radius);padding:8px 18px;font-size:16px;font-weight:600;box-shadow:none;border:none;display:inline-flex;align-items:center;gap:8px;}
.ozon-catalog.w3-button:hover{background:var(--brand-100)!important;color:#000!important;}
.ozon-catalog i{margin-right:8px;}
.w3-top .w3-bar .w3-button{background:transparent!important;color:var(--menu-ink)!important;border-radius:12px;}
.w3-top .w3-bar .ozon-menu__item{padding:6px 12px;line-height:1;border-radius:12px;display:inline-flex;align-items:center;gap:8px;}
.w3-top .w3-bar .w3-button:hover{background:#fff!important;color:var(--menu-bg)!important;}

#navDemo .w3-button{color:var(--menu-bg)!important;background:#fff!important;border-radius:0!important;text-align:left;padding:14px 18px;font-size:16px;border-bottom:1px solid #f2f2f2;}
#navDemo .w3-button:hover{background:#fff!important;color:var(--menu-bg)!important;}
@media (max-width:992px){.ozon-menu .ozon-menu__item:not(.ozon-catalog){display:none}}

/* === Footer === */
.ozon-footer{background:#f8f9fa;border-top:2px solid var(--brand-100);padding:32px 0 18px;color:var(--ink-700);font-family:'Nunito Sans','Roboto',Arial,sans-serif;}
.ozon-footer__grid{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px 44px;}
.ozon-footer__logo{display:inline-block;font-weight:700;font-size:1.05rem;color:var(--brand-700);letter-spacing:.2px;text-decoration:none;}
.ozon-footer__copy{color:var(--ink-500);font-size:.94rem;margin-top:6px;}
.ozon-footer__block h5{font-size:.95rem;font-weight:600;color:var(--ink-700);letter-spacing:.2px;margin:0 0 10px;}
.ozon-footer__block a{font-size:.94rem;font-weight:500;color:var(--brand-500);text-decoration:none;display:block;margin-bottom:6px;transition:color .18s;}
.ozon-footer__block a:hover{color:var(--brand-700);text-decoration:underline;text-underline-offset:2px;}
@media (max-width:900px){.ozon-footer__grid{grid-template-columns:1fr 1fr;gap:18px 12px;padding:0 6vw;}}
@media (max-width:600px){.ozon-footer__grid{padding:0 2vw;gap:8px 4px;}}

/* === Front page sections === */
.hero-section{
  background:#f5f5f5;
  color:var(--ink-900);
  border-radius:24px;
  margin:0 auto calc(var(--wp--preset--spacing--60)/3);
  width:90%;
  padding:var(--wp--preset--spacing--60);
}
.hero-section h2{
  font-size:calc(3 * var(--wp--preset--font-size--x-large));
}

@media (max-width:900px){
  .hero-section h2{
    font-size:calc(2 * var(--wp--preset--font-size--x-large));
  }
}

@media (max-width:600px){
  .hero-section h2{
    font-size:calc(1.5 * var(--wp--preset--font-size--x-large));
  }
}
.hero-section .wp-block-button__link{
  background:var(--brand-500);
  color:#fff;
  border-radius:40px;
}
.hero-section .wp-block-button__link:hover{
  background:var(--brand-600);
  color:#fff;
}
.hero-section .wp-block-columns{align-items:stretch;}
.hero-image-col{height:100%;display:flex;}
.hero-image-col figure{width:100%;height:100%;}
.hero-image-col img{width:100%;height:100%;object-fit:cover;border-radius:12px;}

.card-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;}
.service-card{display:flex;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1.5px 7px rgba(0,0,0,.06);padding:22px 20px 18px;flex:1 1 calc(50% - .75rem);box-sizing:border-box;gap:20px;transition:box-shadow .22s,transform .18s;}
.service-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);transform:translateY(-2px) scale(1.012);}
.service-icon .fas{font-size:40px;color:var(--brand-500);}
.service-card.with-image .service-icon{flex:0 0 33%;}
.service-card.with-image .service-icon img{width:100%;height:auto;display:block;}
.service-title{font-size:1.15rem;font-weight:700;color:#111;margin-bottom:6px;}
.service-content{display:flex;flex-direction:column;}
.service-desc{font-size:1rem;color:var(--ink-800);margin-bottom:12px;line-height:1.4;}
.service-tags{display:flex;gap:8px;flex-wrap:wrap;}
.service-tags span{background:var(--brand-100);color:var(--brand-700);border-radius:2em;padding:3px 14px;font-size:.89rem;font-weight:500;}

.service-btn{display:inline-block;align-self:flex-start;margin-top:16px;background:linear-gradient(90deg,#4caf50,#81c784,#4caf50);background-size:200% 100%;color:#fff;border-radius:9999px;padding:8px 18px;font-size:.95rem;font-weight:600;text-decoration:none;animation:shine 3s ease infinite;}
.service-btn:hover{filter:brightness(1.1);color:#fff;}
@keyframes shine{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

.stats-section{text-align:center;padding:var(--wp--preset--spacing--60) 0;}
.stats-grid{display:flex;justify-content:center;gap:3rem;margin-top:1.5rem;flex-wrap:wrap;}
.stat-item{display:flex;flex-direction:column;align-items:center;}
.stat-number{font-size:2.5rem;font-weight:700;color:var(--brand-600);}
.stat-label{margin-top:.25rem;font-size:1rem;color:var(--ink-800);}


.cases-section .card-grid{gap:18px 18px;margin-top:18px;}
.cases-section .itemBlock{flex:0 0 calc(50% - 9px);max-width:calc(50% - 9px);box-sizing:border-box;}
.case-card{display:flex;align-items:flex-start;background:var(--surface-muted);border-radius:14px;box-shadow:0 1.5px 7px rgba(0,0,0,.06);padding:22px 20px 18px;min-height:170px;gap:20px;transition:box-shadow .22s,transform .18s;}
.case-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);transform:translateY(-2px) scale(1.012);}
.case-icon .fa{font-size:40px;color:var(--brand-500);}
.case-title{font-size:1.15rem;font-weight:700;margin-bottom:8px;color:#111;letter-spacing:.02em;}
.case-desc{font-size:1rem;color:var(--ink-800);margin-bottom:16px;line-height:1.4;}
.case-tags{display:flex;gap:8px;flex-wrap:wrap;}
.case-tags span{background:var(--brand-100);color:var(--brand-700);border-radius:2em;padding:3px 14px;font-size:.89rem;font-weight:500;}

.contact-section{background:var(--brand-100);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:0;padding-right:0;margin-bottom:0;}
.map-wrapper{width:100%;margin:0;}
.map-wrapper>*,
.map-wrapper iframe{border:0;width:100%;display:block;}
footer.wp-block-template-part{margin-top:0;}

@media(max-width:900px){
  .service-card{flex-basis:100%;}
  .cases-section .itemBlock{flex:0 0 100%;max-width:100%;}
  .cases-section .card-grid{gap:12px 0;}
}