/*
Theme Name: PetNest
Author: PetNest Studio
Description: A warm, responsive pet store theme with WooCommerce integration, editable homepage and pet category navigation.
Version: 1.1.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: petnest
Tags: e-commerce, custom-logo, custom-menu, featured-images, wide-blocks
*/
:root{--ink:#173e38;--green:#174e42;--cream:#f8f7f2;--mint:#e7eddd;--line:#dde3db;--muted:#65716a;--orange:#f1b68b}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:#a34d23}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}button,a,input,textarea,select{outline-offset:5px}button,a{touch-action:manipulation}.container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.announcement{background:var(--green);color:white;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.5px}.header-row{display:flex;align-items:center;gap:40px;padding-block:27px}.brand{font-size:31px;font-weight:800;letter-spacing:-1.4px;white-space:nowrap}.brand-symbol{color:var(--green);font-size:38px;vertical-align:middle}.brand-dot{color:#ca743b}.custom-logo{max-width:210px;max-height:70px;object-fit:contain}.store-search{display:flex;flex:1;border:1px solid var(--line);background:#f8f9f6;border-radius:7px;overflow:hidden}.store-search input[type=search]{width:100%;min-width:0;border:0;background:transparent;padding:13px 17px;font-size:13px;color:var(--ink)}.store-search button{border:0;background:transparent;padding:5px 17px;font-size:29px;cursor:pointer}.header-actions{display:flex;gap:24px;align-items:center;font-size:13px;white-space:nowrap}.cart-link span{display:inline-flex;background:var(--mint);border-radius:50%;min-width:25px;height:25px;align-items:center;justify-content:center;margin-left:4px}.primary-nav{display:flex;justify-content:space-between;align-items:center;min-height:55px;border-top:1px solid var(--line);font-size:14px}.menu{display:flex;gap:36px;list-style:none;padding:0;margin:0}.menu li{position:relative}.menu a{display:block;padding:14px 0}.menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:210px;background:#fff;padding:12px 22px;box-shadow:0 8px 24px #163e3822;z-index:10;list-style:none}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.menu .sub-menu .sub-menu{left:100%;top:0}.nav-note{font-size:12px;color:var(--muted)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.03fr 1fr;margin-top:22px;min-height:480px;border-radius:12px;overflow:hidden;background:var(--mint)}.hero-copy{padding:50px 54px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;margin:0 0 16px}.hero h1{font-size:clamp(40px,4.5vw,65px);line-height:1.06;letter-spacing:-2.8px;max-width:490px;margin:18px 0 22px;font-weight:750}.hero-copy>p:not(.eyebrow){max-width:400px;color:#4d665a;font-size:15px;line-height:1.8}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-element-button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--green);color:white;border:0;border-radius:5px;padding:15px 23px;font-size:13px;font-weight:700;cursor:pointer;line-height:1.5}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#286957;color:white}.hero .button{margin-top:16px}.hero-caption{font-size:9px;letter-spacing:2px;margin-top:30px;color:#526956}.hero-photo{position:relative;min-height:430px;background:#dbd9c9}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-note{position:absolute;bottom:25px;right:25px;background:#fffdf2;padding:16px 25px;border-radius:9px;transform:rotate(-5deg);font-size:17px;line-height:1.3;font-weight:700;box-shadow:0 6px 20px #0001}.photo-note span{float:left;font-size:38px;margin-right:16px;color:#bf6d36}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;border-bottom:1px solid var(--line);font-size:11px;text-align:center;color:var(--muted)}.benefits strong{color:var(--ink);margin-inline:10px}.section{padding-block:55px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-title .eyebrow{margin-bottom:7px}h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 15px}h3{font-size:18px;line-height:1.4}.section-title h2{margin-bottom:0}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.category-photo{aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--cream)}.category-photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.category:hover img{transform:scale(1.06)}.category h3{font-size:14px;text-align:center;margin:16px 0 0}.category h3 span{margin-left:8px;color:var(--muted)}.products-section{background:var(--cream)}.empty-store{padding:35px;border:1px dashed #9cafa0;border-radius:10px;text-align:center}.empty-store p{color:var(--muted)}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.promo{border-radius:10px;padding:35px 42px;display:block}.promo h2{font-size:35px;margin-block:16px}.promo p:not(.eyebrow){font-size:14px}.promo-peach{background:#f5e5d7}.promo-green{background:#e9edde}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.journal-card img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:8px}.journal-card .eyebrow{margin-top:18px}.journal-card h2,.journal-card h3{font-size:23px;margin-bottom:12px}.journal-card p{font-size:14px;color:var(--muted)}.site-footer{background:var(--green);color:#edf3e8;margin-top:20px}.footer-top{padding-block:50px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-brand{font-size:32px;font-weight:800;margin:0 0 18px;letter-spacing:-1px}.footer-brand span{color:#e9b787;margin-left:15px}.footer-top p:not(.footer-brand){font-size:13px;color:#cbdbcf}.footer-top h3{font-size:13px;margin-top:9px}.footer-top a{display:block;font-size:12px;margin:8px 0;color:#d4e0d5}.footer-top .menu{display:block}.footer-top ul{list-style:none;padding:0}.footer-top .menu a{padding:0}.footer-bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;padding-block:21px;font-size:10px;color:#cbdbcf}.reading-width{max-width:850px}.entry-content{overflow-wrap:break-word}.entry-content h1{font-size:42px;line-height:1.15}.entry-content p{margin-bottom:22px}.entry-content a:not(.button){text-decoration:underline}.entry-content img{border-radius:8px}.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{border:1px solid var(--line);padding:10px}.entry-content iframe{max-width:100%}.alignwide{max-width:1100px}.alignfull{width:100%}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.aligncenter{display:block;margin-inline:auto}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:12px;color:var(--muted)}.bypostauthor{border-left:2px solid var(--green);padding-left:15px}.sticky{border-top:3px solid var(--green)}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:10000;top:10px;left:10px;background:#fff;padding:14px}.woocommerce ul.products li.product{background:white;border:1px solid var(--line);padding:18px;border-radius:9px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;line-height:1.5;letter-spacing:0}.woocommerce ul.products li.product .price{color:var(--green);font-weight:bold;font-size:16px}.woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:contain}.woocommerce span.onsale{background:var(--green);font-size:11px}.woocommerce div.product p.price{color:var(--green)}.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--green)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select{border:1px solid var(--line);border-radius:5px;padding:11px;max-width:100%}.woocommerce .quantity .qty{min-width:70px}.woocommerce-message{border-top-color:var(--green)}.woocommerce-message::before{color:var(--green)}.woocommerce-breadcrumb{font-size:12px}.woocommerce .woocommerce-ordering select{background:white}.woocommerce div.product .product_title{font-size:38px;line-height:1.15}.woocommerce div.product div.images img{object-fit:contain;max-height:620px}.woocommerce nav.woocommerce-pagination ul{border:0}.woocommerce nav.woocommerce-pagination ul li{border:1px solid var(--line);margin:4px}.comment-list{padding-left:20px}.comment-body{margin-bottom:25px}.comment-form textarea{width:100%}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.form-submit input{background:var(--green);color:white;border:0;padding:12px 20px;border-radius:5px}.navigation{margin-block:32px}.nav-links{display:flex;gap:24px;justify-content:space-between}
@media(max-width:1000px){.container{width:calc(100% - 40px)}.header-row{gap:22px}.menu{gap:22px}.nav-note{display:none}.hero-copy{padding:35px}.hero h1{font-size:49px}.category-grid{gap:15px}.benefits strong{display:block}.benefits{font-size:10px}.header-actions{gap:12px}.section-title h2{font-size:27px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.announcement{font-size:10px}.header-row{flex-wrap:wrap;gap:14px;padding-block:18px}.brand{font-size:26px;flex:1}.brand-symbol{font-size:30px}.header-actions{font-size:11px}.header-actions>a:first-child{display:none}.store-search{order:3;flex-basis:100%}.menu-toggle{display:block;border:1px solid var(--line);background:white;padding:7px 10px;border-radius:4px;font-size:11px}.primary-nav{display:none}.primary-nav.is-open{display:block}.menu{display:block;padding-block:10px}.menu a{padding:9px 0}.menu .sub-menu{display:block;position:static;box-shadow:none;padding:0 18px}.hero{grid-template-columns:1fr;margin-top:12px}.hero-copy{padding:30px}.hero h1{font-size:46px;max-width:350px}.hero-photo{min-height:300px}.hero-photo>img{object-position:center 40%}.hero-caption{margin-top:23px}.benefits{gap:10px;padding-block:20px}.benefits strong{margin:0;font-size:10px}.section{padding-block:35px}.section-title{align-items:start;flex-direction:column;gap:15px}.category-grid{grid-template-columns:repeat(3,1fr);gap:24px 18px}.category h3{margin-top:8px}.section-title h2{font-size:27px}.promo-grid,.journal-grid{grid-template-columns:1fr}.promo{padding:30px}.promo h2{font-size:30px}.footer-top{grid-template-columns:1fr 1fr;gap:25px;padding-block:35px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin:4px 0}.woocommerce ul.products li.product{padding:10px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px}.woocommerce ul.products li.product .button{font-size:11px;padding:10px}.entry-content h1{font-size:32px}.photo-note{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* PetNest 1.1: information pages, contact and extended homepage */
.footer-top{grid-template-columns:1.6fr 1fr 1.2fr 1fr}.primary-nav .menu{gap:25px}.essentials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.essential-card{border:1px solid var(--line);border-radius:10px;padding:26px;background:var(--cream)}.essential-card:nth-child(2){background:#f5e5d7}.essential-card:nth-child(3){background:#e9edde}.essential-card:nth-child(4){background:#edf0f4}.essential-number{font-size:11px;letter-spacing:2px;color:var(--muted)}.essential-card h3{margin:25px 0 8px}.essential-card p{font-size:13px;color:var(--muted);margin:0}.story-panel{display:grid;grid-template-columns:1fr 1.1fr;background:var(--mint);border-radius:12px;overflow:hidden}.story-panel>img{width:100%;height:100%;max-height:450px;object-fit:cover}.story-copy{padding:50px}.story-copy h2{font-size:40px}.story-copy>p:not(.eyebrow){color:#4d665a;font-size:15px;line-height:1.9}.story-copy .button{margin-top:15px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-block:25px}.values-grid article{padding:26px;border:1px solid var(--line);border-radius:10px}.values-grid p{font-size:14px;color:var(--muted)}.value-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--mint);font-size:12px;font-weight:bold}.faq-section{background:var(--cream)}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:65px}.faq-layout>div>p:not(.eyebrow){color:var(--muted);font-size:14px}.faq-list details{border-bottom:1px solid #cdd7cb;padding:19px 0}.faq-list summary{cursor:pointer;font-weight:700;font-size:15px;padding-right:20px}.faq-list p{font-size:14px;line-height:1.8;color:#4d665a}.faq-list a{text-decoration:underline}.help-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#f5e5d7;border-radius:10px;padding:35px 42px}.help-banner h2{margin-bottom:10px}.help-banner p:not(.eyebrow){font-size:14px;margin:0;color:#686152}.help-banner .button{white-space:nowrap}.policy-note{padding:18px 22px;background:#fff6df;border-left:4px solid #c78a24;border-radius:4px;font-size:14px;margin-bottom:30px}.entry-content>article>h1{margin-bottom:35px}.entry-content h2{margin-top:32px}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;margin-block:35px}.contact-details{background:var(--mint);padding:32px;border-radius:10px;align-self:start}.contact-details h2{margin-top:0}.contact-details h3{font-size:14px;margin-top:25px;margin-bottom:5px}.contact-details p{font-size:14px}.contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:20px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:7px;background:#fcfdfb}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-small{font-size:12px!important;font-weight:400;color:#50635a}.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.contact-status{padding:15px 20px;border-radius:6px;border:1px solid #99b8a6;background:#e8f4ed}.contact-status.error{background:#fff1e8;border-color:#d9b194}.contact-form .button{min-width:180px}
@media(max-width:1000px){.primary-nav .menu{gap:17px}.nav-note{display:none}.story-copy{padding:30px}.essentials-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-top>div:last-child{grid-column:2/4}.faq-layout{gap:30px}.contact-layout{gap:25px}}
@media(max-width:700px){.story-panel,.faq-layout,.contact-layout{grid-template-columns:1fr}.story-panel>img{max-height:290px}.story-copy h2{font-size:31px}.values-grid{grid-template-columns:1fr;gap:12px}.values-grid article{padding:22px}.help-banner{display:block;padding:28px}.help-banner .button{margin-top:22px}.form-pair{grid-template-columns:1fr;gap:0}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:last-child{grid-column:auto}.essential-card{padding:18px}.essential-card h3{font-size:16px}.contact-details{padding:25px}.faq-list summary{font-size:14px}.entry-content table{font-size:12px}.entry-content td,.entry-content th{padding:8px}.nav-note{display:none}}