/*
Theme Name: Manitaz Art
Theme URI: https://manitaz.com
Author: Manitaz
Description: Custom theme for Manitaz: mixed media art, portfolio and WooCommerce shop.
License: GNU General Public License v2 or later
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: manitaz-art
*/
:root{--bg:#FFFEFB;--ink:#000;--grey:#F4F5F7;--blue:#C9D1DB;
--sans:'Open Sauce One',Helvetica,Arial,sans-serif;--serif:'EB Garamond',Garamond,Georgia,serif}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh;display:flex;flex-direction:column;letter-spacing:-.02em}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #000;outline-offset:3px}
ul{list-style:none;margin:0;padding:0}
.screen-reader-text{position:absolute;left:-9999px}
.site-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 28px 0}
.logo,.logo a{display:block;line-height:0}
.logo img{height:46px;width:auto;max-width:100%}
.nav{font-size:14px;padding-top:6px;}
.nav ul{display:flex;gap:48px}
.nav a{text-decoration:none;text-transform:uppercase;}
.nav .current-menu-item>a,.nav .current_page_item>a,.nav .current-menu-ancestor>a,.nav .is-current>a{text-decoration:underline;text-underline-offset:3px}
main{padding:100px 24px 80px;flex:1}
.page-title{margin:0;font-size:17px;font-weight:600;font-style:italic}
.content{padding-left:clamp(24px,10vw,150px)}
.entry{font-family:var(--serif);font-size:17px;line-height:1.4;max-width:720px;margin-top:30px;letter-spacing:0}
.entry p{margin:0 0 20px}
/* Home */
.collections-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.collections-head h2{margin:0;font-size:30px;font-weight:400;letter-spacing:-.04em}
.collections-block img{display:block;width:100%;height:100%;object-fit:cover}.newsletter{display:flex;justify-content:center;align-items:center;gap:56px;margin:140px 0 0}
.newsletter img{width:140px;height:auto;flex:none}
.newsletter-body{width:460px;max-width:100%;margin-top:100px;margin-bottom:100px}
.newsletter label{display:block;font-family:var(--serif);font-weight:700;font-size:17px;letter-spacing:0;margin-bottom:8px}
.newsletter p{margin:0 0 18px;font-size:13px;line-height:1.3;max-width:230px;letter-spacing:-.01em}
.newsletter-row{display:flex;align-items:flex-end;gap:10px}
.newsletter input[type=email]{flex:1;min-width:0;border:0;border-bottom:1px solid #000;background:transparent;height:32px;font-size:14px;border-radius:0}
.newsletter button{min-height:44px;padding:0 34px;border:1px solid #000;border-radius:50%;background:transparent;color:#000;font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:0;cursor:pointer}
.footer-links{display:flex;justify-content:center;gap:70px;margin:150px 0 0}
.footer-links>nav{width:140px}
.footer-links a{display:block;font-family:var(--serif);font-size:15px;text-decoration:none;margin-bottom:9px;letter-spacing:0}
.footer-links .mail a{text-decoration:underline}
/* Portfolio / About / Shop */
.ph{background:var(--grey);display:block}
.portfolio-grid{display:flex;gap:14px;margin-top:22px;max-width:880px;align-items:flex-start}
.portfolio-grid .col{display:flex;flex-direction:column;gap:12px}
.portfolio-wrap{max-width:880px;margin-top:22px}
.portfolio-wrap .wp-block-gallery{display:block!important;column-count:3;column-gap:14px;margin:0}
.portfolio-wrap .wp-block-gallery .wp-block-image{width:100%!important;margin:0 0 12px!important;break-inside:avoid}
.portfolio-wrap img{display:block;width:100%;height:auto}
.about{display:flex;gap:34px;margin-top:30px;max-width:880px;align-items:flex-start}
.about-text{flex:1;padding-left:24px}
.about-text p{font-family:var(--serif);font-size:17px;line-height:1.36;margin:0 0 20px;letter-spacing:0}
.about-img{flex:1;min-height:420px}
.about-img img{display:block;width:100%;height:auto}
.tabs{display:flex;gap:36px;margin:26px 0 22px 24px;font-family:var(--serif);font-size:17px;letter-spacing:0}
.tabs a{text-decoration:none}
.tabs a[aria-current="true"]{text-decoration:underline}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 22px;max-width:730px;margin-left:24px}
.product{margin:0}
.product .ph{aspect-ratio:228/268;overflow:hidden}
.product .ph img{width:100%;height:100%;object-fit:cover;display:block}
.product figcaption{font-family:var(--serif);font-size:17px;text-align:center;margin-top:14px;line-height:1.2;letter-spacing:0}
.product figcaption a{text-decoration:none}
.shop-grid+.navigation{margin:30px 0 0 24px}
/* Footer */
.site-footer{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 16px 14px;font-size:14px}
.legal ul{display:flex;gap:22px;font-family:var(--serif);letter-spacing:0}
.legal a{text-decoration:none}
@media(max-width:700px){
.site-header{flex-direction:column;padding:20px 20px 0}
.nav ul{gap:22px}.nav{font-size:13px}
.logo img{height:36px}
main{padding:56px 20px}
.content{padding-left:20px}
.newsletter{flex-direction:column;align-items:flex-start;gap:24px;margin-top:80px}
.footer-links{gap:24px;margin-top:80px;flex-wrap:wrap;justify-content:flex-start}
.footer-links>nav{width:auto}
.portfolio-grid{flex-direction:column}.portfolio-grid .col{width:100%}
.portfolio-wrap .wp-block-gallery{column-count:2}
.about{flex-direction:column}.about-text{padding-left:0}.about-img{width:100%;min-height:260px}
.tabs{margin-left:0;gap:22px;flex-wrap:wrap}.shop-grid{margin-left:0;grid-template-columns:repeat(2,1fr)}
.site-footer{flex-direction:column;align-items:flex-start}
}