/*
Theme Name: Fast Shop
Theme URI: https://www.fast-shop.com.ua/
Author: Fast Shop
Author URI: https://www.fast-shop.com.ua/
Description: Індивідуальна UIkit-тема для сайту Fast Shop.
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: fast-shop
*/

/* UIkit powers layout utilities and interactions; these rules preserve the
   exact custom grids from the approved Fast Shop design. */
.heroSection.uk-grid,.technologySection.uk-grid,.wordpressSection.uk-grid,.contactSection.uk-grid,
.seoHero.uk-grid,.seoIntro.uk-grid,.seoPrice.uk-grid,.seoFaq.uk-grid,
.caseHero.uk-grid,.caseStory.uk-grid,.caseResult.uk-grid,.portfolioEntry.uk-grid{margin-left:0}
.heroSection.uk-grid>*,.technologySection.uk-grid>*,.wordpressSection.uk-grid>*,.contactSection.uk-grid>*,
.seoHero.uk-grid>*,.seoIntro.uk-grid>*,.seoPrice.uk-grid>*,.seoFaq.uk-grid>*,
.caseHero.uk-grid>*,.caseStory.uk-grid>*,.caseResult.uk-grid>*,.portfolioEntry.uk-grid>*{width:auto;padding-left:0}
.typeGrid.uk-grid,.projectGrid.uk-grid,.stepGrid.uk-grid,.priceGrid.uk-grid,
.seoStats.uk-grid,.seoIncluded.uk-grid,.seoAudienceGrid.uk-grid,.seoProcessGrid.uk-grid,
.caseStats.uk-grid,.caseFeatureGrid.uk-grid{margin-left:0}
.typeGrid.uk-grid>*,.projectGrid.uk-grid>*,.stepGrid.uk-grid>*,.priceGrid.uk-grid>*,
.seoStats.uk-grid>*,.seoIncluded.uk-grid>*,.seoAudienceGrid.uk-grid>*,.seoProcessGrid.uk-grid>*,
.caseStats.uk-grid>*,.caseFeatureGrid.uk-grid>*{width:auto;padding-left:0;margin-top:0}
.seoHeader .uk-navbar-nav,.siteHeader .uk-navbar-nav{gap:inherit}
.seoHeader .uk-navbar-nav>a,.siteHeader .uk-navbar-nav>a{min-height:0}
.uk-offcanvas-bar{background:#171827;color:#fff}.uk-offcanvas-bar .uk-nav-default>li>a{color:#fff;font-size:18px;padding:10px 0}
.uk-modal-dialog{border-radius:22px;max-width:560px}.uk-modal-body{padding:42px}.uk-modal-dialog h2{font-size:38px;letter-spacing:-.04em;margin:14px 0}.uk-form-label{display:block;color:#222;font-weight:650}.uk-input,.uk-select{height:52px;border-radius:12px;border-color:#e2e3ea}
@media(max-width:700px){.uk-modal-body{padding:32px 22px}.uk-modal-dialog h2{font-size:31px}}

/* The original art-directed grids own their columns and spacing. UIkit is
   used for icons, offcanvas, modal, accordion and non-conflicting utilities. */
.heroCopy,.heroVisual,.techCopy,.wordpressCopy,.faqList{min-width:0}
.heroCopy h1{font-size:clamp(44px,4.05vw,64px)}
.wordpressSection{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
.typeGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.typeGrid>a{min-width:0;min-height:95px;display:grid;grid-template-columns:46px minmax(0,1fr) 16px;align-items:center;gap:10px;text-align:left;background:rgba(255,255,255,.75);border:1px solid transparent;border-radius:17px;padding:16px;color:var(--ink)}
.typeGrid>a:hover{border-color:#cfc7ff;background:#fff}
.typeGrid>a>i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eeeaff;color:var(--violet);font-style:normal}
.faqList .uk-accordion-title{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--ink);font-size:17px;font-weight:650;padding:18px 0}
.faqList .uk-accordion-title::before{order:2;flex-shrink:0;margin-left:auto}
.faqList .uk-accordion-content{margin:0;padding:0 24px 26px 0;color:var(--muted);font-size:14px;line-height:1.7}
.faqList.uk-accordion>:nth-child(n+2){margin-top:0}
.beautyMobileHero h3{color:inherit}
.pricingSection{overflow:hidden}
.siteNav.uk-navbar-nav{gap:clamp(18px,3vw,44px)}
.uk-logo{font-family:inherit}
.uk-offcanvas-bar ul{padding-left:0}
.uk-modal-dialog{color:var(--ink)}
.admin-bar .siteHeader{top:32px}
@media(max-width:980px){
  .heroCopy h1{font-size:clamp(44px,6.6vw,65px)}
  .wordpressSection{grid-template-columns:minmax(0,1fr)}
  .typeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .menuButton{display:block;margin-left:auto}
}
@media(min-width:960px) and (max-width:980px){.siteHeader .siteNav{display:flex;gap:18px}}
@media(max-width:782px){.admin-bar .siteHeader{top:46px}}
@media(max-width:700px){
  .heroCopy h1{font-size:clamp(36px,10.5vw,44px)}
  .heroActions{display:grid!important;grid-template-columns:minmax(0,1fr)}
  .typeGrid{grid-template-columns:minmax(0,1fr)}
  .typeGrid>a{min-height:80px}
  .heroStats article:first-child{padding-left:13px}
  .heroStats article>span{display:grid;margin-bottom:9px}
  .faqList .uk-accordion-title{font-size:15px}
}
