/*
Theme Name: GRIZ Catering
Description: Krem-crvena blok tema za catering i dostavu hrane. Uređivanje u WordPress Site Editoru.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
Author: Agencija BOJA
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: griz-catering
Tags: food-and-drink, full-site-editing, block-patterns, custom-colors, editor-style, wide-blocks
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #3277b3;outline-offset:5px}.wp-site-blocks{padding:0}.wp-site-blocks>*,main.wp-block-group>*{margin-block-start:0}figure{margin:0}.griz-wrap{padding-left:max(6%,calc((100% - 1320px)/2));padding-right:max(6%,calc((100% - 1320px)/2))}.griz-top{background:#25251f;color:#f5f1e7;text-align:center;padding:10px 16px;font-size:10px;letter-spacing:1.5px}.griz-top p{margin:0}.griz-nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:105px;border-bottom:1px solid #25251f33}.griz-nav>*{margin:0}.griz-nav .wp-block-navigation{margin-left:auto;font-size:13px;font-weight:700}.griz-logo{font-size:58px;font-weight:900;font-style:italic;letter-spacing:-4px;line-height:.8;margin:0}.griz-logo span{color:#e33122}.griz-logo small{display:block;font-size:10px;font-style:normal;letter-spacing:4px;margin:12px 0 0 5px}.griz-logo a:hover{text-decoration:none}.griz-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding-top:65px;padding-bottom:65px}.griz-hero>*{min-width:0;margin:0}h1,h2,h3{font-weight:900;line-height:1.02}h1{font-size:clamp(64px,7.3vw,110px);letter-spacing:-6px;margin:25px 0}h1 em{color:#e33122;font-style:normal}h2{font-size:clamp(38px,4.5vw,62px);letter-spacing:-3px;margin:20px 0 35px}h3{font-size:25px;letter-spacing:-1px;margin:22px 0 10px}.griz-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.griz-intro{max-width:370px;color:#69695f;font-size:17px}.griz-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.griz-actions>*{margin:0}.griz-actions p{font-size:13px;text-decoration:underline}.griz-hero-photo{height:510px;border-radius:48% 48% 3px 3px;overflow:hidden;background:#e5ddcd}.griz-hero-photo img{width:100%;height:100%;object-fit:cover}.griz-ticker{background:#e33122;color:white;padding:20px;text-align:center;font-weight:800;letter-spacing:2px;font-size:16px}.griz-ticker p{margin:0}.griz-section{padding-top:85px;padding-bottom:85px}.griz-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.griz-cards>*{margin:0;min-width:0}.griz-card figure{height:295px;background:#e7dfd1;overflow:hidden}.griz-card img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.griz-card:hover img{transform:scale(1.04)}.griz-card p,.griz-step p{font-size:14px;color:#69695f}.griz-card a{color:#25251f;font-weight:700}.griz-note{font-size:12px;color:#69695f;margin:35px 0 24px}.griz-office{background:#25251f;color:#f5f1e7;padding-top:70px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.griz-office>*{margin:0}.griz-office p{max-width:430px}.griz-office .griz-poster{font-size:clamp(65px,8vw,120px);letter-spacing:-6px;line-height:.9;font-weight:900;color:#eacd9e;margin:15px 0 30px}.griz-step{border-top:1px solid #25251f55;padding-top:20px}.griz-step .griz-eyebrow{color:#e33122}.griz-contact{background:#e8e2d5;display:grid;grid-template-columns:1fr 1fr;gap:70px}.griz-contact>*{margin:0}.griz-phone{font-size:clamp(27px,4vw,53px);letter-spacing:-2px;line-height:1.2}.griz-hours{display:flex;justify-content:space-between;gap:15px;font-size:14px;border-bottom:1px solid #25251f33;padding-bottom:18px}.griz-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:45px;padding-bottom:45px}.griz-footer>*{margin:0}.griz-footer>p:last-child{font-size:12px;color:#69695f;text-align:right}.wp-block-button__link:hover{background:#b7281b;text-decoration:none}.wp-block-post-content img{max-width:100%;height:auto}@media(max-width:800px){.griz-wrap{padding-left:6%;padding-right:6%}.griz-nav{gap:18px;min-height:90px}.griz-logo{font-size:45px}.griz-nav .wp-block-buttons .wp-block-button__link{padding:13px 16px;font-size:12px}.griz-hero,.griz-office,.griz-contact{grid-template-columns:1fr;gap:35px}.griz-hero{padding-top:40px;padding-bottom:45px}h1{font-size:clamp(62px,12vw,90px);letter-spacing:-4px}h2{letter-spacing:-2px}.griz-hero-photo{height:400px}.griz-cards{grid-template-columns:1fr;gap:40px}.griz-card figure{height:340px}.griz-section{padding-top:55px;padding-bottom:55px}.griz-ticker{font-size:12px;line-height:2}.griz-office{padding-top:50px;padding-bottom:50px}.griz-office .griz-poster{font-size:85px}.griz-footer>p:last-child{max-width:175px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.griz-logo-image{display:block;width:210px;flex-shrink:0;line-height:0}.griz-logo-image img{display:block;width:100%;height:auto}.griz-footer .griz-logo-image{width:190px}@media(max-width:600px){.griz-logo-image{width:140px}.griz-footer .griz-logo-image{width:150px}.griz-nav{gap:8px}}@media(max-width:370px){.griz-logo-image{width:115px}.griz-nav .wp-block-buttons .wp-block-button__link{padding:12px 9px}} /* Subtle sesame texture in header */ .griz-nav{background-color:#f5f1e7;background-image:url("assets/sezam.svg");background-size:330px 125px;background-repeat:repeat;} .griz-call-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:1000;display:flex;align-items:center;gap:13px;background:#e33122;color:#fff;border:2px solid #f5f1e7;border-radius:60px;padding:13px 22px;box-shadow:0 5px 24px #25251f33;font-size:20px;font-weight:800;line-height:1.2;text-decoration:none}.griz-call-float small{display:block;font-size:10px;letter-spacing:1.4px;font-weight:700;margin-bottom:3px}.griz-call-float:hover{background:#b7281b;text-decoration:none}.griz-call-float svg{width:25px;height:25px;flex-shrink:0}.griz-footer{padding-bottom:120px}@media(max-width:600px){.griz-call-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));font-size:18px;padding:12px 19px}.griz-call-float small{font-size:9px}}.griz-top{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:6px max(6%,calc((100% - 1320px)/2))}.griz-top>p{margin:0;padding:0 160px}.griz-socials{position:absolute;right:max(6%,calc((100% - 1320px)/2));top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;margin:0}.griz-social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #f5f1e74d;border-radius:50%;color:#f5f1e7}.griz-social-icon svg{width:17px;height:17px;display:block}@media(max-width:800px){.griz-top{justify-content:space-between;gap:12px}.griz-top>p{padding:0;max-width:260px;text-align:left;font-size:9px;letter-spacing:1px}.griz-socials{position:static;transform:none;flex-shrink:0;gap:5px}.griz-social-icon{width:32px;height:32px}.griz-social-icon svg{width:16px;height:16px}}html{scroll-padding-top:185px}.wp-site-blocks>header{position:sticky;top:0;z-index:900;background:#f5f1e7;box-shadow:0 3px 14px #25251f12}.griz-header-phone{font-weight:800;white-space:nowrap;display:inline-block;padding:6px 2px;text-underline-offset:3px}.griz-header-phone:hover{text-decoration:underline}@media(max-width:800px){html{scroll-padding-top:205px}} 
body.admin-bar .wp-site-blocks>header{top:32px}.griz-top .griz-socials{margin:0}.griz-nav .wp-block-navigation__responsive-container.is-menu-open{z-index:10000}.griz-nav .wp-block-navigation__responsive-container-open{min-width:44px;min-height:44px}@media(max-width:782px){body.admin-bar .wp-site-blocks>header{top:46px}}@media(max-width:600px){body.admin-bar .wp-site-blocks>header{top:0}.griz-nav{flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:8px}.griz-nav .wp-block-navigation{margin-left:auto}.griz-top>p{font-size:8px}.griz-footer{flex-wrap:wrap}}
