/*
Theme Name: Crochet Animal Studio Minimal
Theme URI: https://gumirumi.example/
Author: Crochet Animal Studio
Description: Minimalist crochet blog theme with cream background, forest green accents, responsive layouts and Gumroad pattern links.
Version: 1.0.0
Text Domain: gumirumi
*/
:root{--cream:#fffdf9;--sage:#edf0e6;--green:#405832;--green-dark:#263b22;--ink:#20221d;--muted:#74766f;--line:#e8e5dc;--warm:#f6f2e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}
.site-header{border-bottom:1px solid var(--line);background:var(--cream)}.header-inner{max-width:1200px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 34px/1.1 Georgia,serif;color:var(--green-dark);display:block}.tagline{font-size:12px;color:#555}.main-nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0;flex-wrap:wrap}.main-nav a{font-size:14px;color:#242620}.wrap{max-width:1160px;margin:0 auto;padding:34px 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-bottom:45px}.hero h1{font:700 clamp(34px,5vw,56px)/1.12 Georgia,serif;color:#171a15;margin:0 0 20px}.hero p{max-width:480px;color:#454740}.hero img{width:100%;height:390px;object-fit:cover;border-radius:5px}.button{display:inline-block;background:var(--green);color:white;padding:11px 19px;border-radius:5px;margin-top:12px;font-weight:600}.button:hover{background:var(--green-dark);text-decoration:none}.section-title{font:700 28px Georgia,serif;color:var(--green-dark);margin:35px 0 18px}.pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pattern-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}.pattern-card img{width:100%;height:190px;object-fit:cover}.pattern-card .card-body{padding:13px}.pattern-card h3{font:600 17px/1.35 Georgia,serif;margin:0 0 7px}.meta{font-size:13px;color:var(--muted)}.archive-intro{max-width:760px;margin-bottom:28px}.archive-intro h1,.article-title{font:700 clamp(30px,4vw,46px)/1.15 Georgia,serif;color:#171a15;margin:0 0 14px}.crumb{font-size:12px;color:var(--muted);margin-bottom:18px}.article-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(220px,1fr);gap:38px}.article-featured{width:100%;max-height:520px;object-fit:cover;border-radius:5px;margin:20px 0}.entry-content h2{font:700 25px Georgia,serif;background:var(--sage);padding:9px 13px;border-radius:4px;color:var(--green-dark);margin:30px 0 14px}.entry-content h3{font:700 21px Georgia,serif;color:var(--green-dark)}.entry-content li{margin:6px 0}.pdf-box{background:var(--warm);padding:18px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0}.pdf-box strong{display:block}.sidebar-box{background:#f7f5ef;padding:18px;border-radius:5px;margin-bottom:17px}.sidebar-box h3{font:700 20px Georgia,serif;color:var(--green-dark);margin:0 0 12px}.sidebar-box ul{list-style:none;padding:0;margin:0}.sidebar-box li{border-bottom:1px solid var(--line);padding:8px 0}.sidebar-box li:last-child{border:0}.sidebar-box a{color:#333}.site-footer{border-top:1px solid var(--line);text-align:center;padding:30px 20px;color:var(--muted);font-size:13px}.pagination{margin:30px 0}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);margin-right:5px;border-radius:4px}.pagination .current{background:var(--green);color:#fff}.search-form{display:flex;margin-top:12px}.search-form input{min-width:0;flex:1;padding:10px;border:1px solid var(--line);border-radius:4px 0 0 4px}.search-form button{background:var(--green);color:#fff;border:0;padding:0 15px;border-radius:0 4px 4px 0}
@media(max-width:800px){.header-inner{display:block}.main-nav{margin-top:16px}.main-nav ul{gap:13px}.hero{grid-template-columns:1fr;gap:20px}.hero img{height:280px}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.wrap{padding:25px 16px}.pattern-card img{height:145px}}

.button{transition:background .18s ease,transform .18s ease}.button:hover{background:#263b22;transform:translateY(-1px)}.pdf-box strong{font:700 19px Georgia,serif;color:var(--green-dark)}.pdf-box div div{font-size:14px;color:#555;margin-top:4px}


/* Mobile-first responsive refinements */
html { -webkit-text-size-adjust: 100%; }
body { overflow-wrap: anywhere; }
.wrap { width: 100%; }
.header-inner { min-width: 0; }
.brand { font-size: clamp(25px, 7vw, 34px); }
.main-nav ul { align-items: center; }
.hero { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.article-layout { grid-template-columns: minmax(0, 2.1fr) minmax(230px, 1fr); }
.pattern-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.entry-content img, .article-featured { max-width: 100%; height: auto; }
.pdf-box > div { min-width: 0; flex: 1 1 220px; }
.pdf-box .button { white-space: normal; text-align: center; }

@media (max-width: 900px) {
  .header-inner { flex-direction: column; align-items: flex-start; padding: 18px 20px; }
  .main-nav { width: 100%; }
  .main-nav ul { gap: 12px 20px; }
  .hero { gap: 22px; }
  .pattern-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .article-layout { grid-template-columns: minmax(0,1fr); }
  .article-layout aside { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
}
@media (max-width: 600px) {
  body { font-size: 15px; line-height: 1.7; }
  .header-inner { padding: 15px 16px; gap: 12px; }
  .brand { font-size: 29px; }
  .tagline { font-size: 11px; }
  .main-nav ul { gap: 9px 15px; }
  .main-nav a { font-size: 13px; }
  .wrap { padding: 22px 16px; }
  .hero { grid-template-columns: minmax(0,1fr); gap: 16px; margin-bottom: 30px; }
  .hero h1 { font-size: clamp(30px, 9vw, 42px); }
  .hero img { height: auto; max-height: 340px; aspect-ratio: 4/3; }
  .section-title { font-size: 24px; margin: 27px 0 14px; }
  .pattern-grid { gap: 12px; }
  .pattern-card img { height: 145px; }
  .pattern-card .card-body { padding: 10px; }
  .pattern-card h3 { font-size: 15px; }
  .article-title, .archive-intro h1 { font-size: clamp(28px, 8vw, 36px); }
  .article-featured { margin: 14px 0; max-height: none; border-radius: 4px; }
  .entry-content h2 { font-size: 21px; padding: 8px 10px; margin: 24px 0 12px; }
  .entry-content h3 { font-size: 18px; }
  .pdf-box { padding: 14px; margin: 20px 0; display: block; }
  .pdf-box .button { display: block; width: 100%; margin-top: 12px; padding: 12px 14px; }
  .article-layout aside { display: block; }
  .sidebar-box { margin-bottom: 14px; }
  input[type="search"], .search-field { max-width: 100%; }
  .site-footer { padding: 22px 16px; }
}
@media (max-width: 380px) {
  .pattern-grid { grid-template-columns: minmax(0,1fr); }
  .pattern-card img { height: 210px; }
  .main-nav ul { gap: 8px 12px; }
}

/* Compact printable PDF promotion with a small booklet illustration */
.pdf-box{display:flex;align-items:center;gap:15px;flex-wrap:nowrap;padding:14px 16px}
.pdf-illustration{width:76px;height:92px;object-fit:contain;flex:0 0 76px}
.pdf-eyebrow{display:block;font-size:10px;letter-spacing:.11em;font-weight:700;color:var(--green);margin-bottom:5px}
.pdf-box strong{font-size:17px}
.pdf-box>div{flex:1 1 auto;min-width:0}
.pdf-box .button{margin:0;flex:0 0 auto}
@media(max-width:600px){.pdf-box{gap:11px;padding:12px}.pdf-illustration{width:58px;height:74px;flex-basis:58px}.pdf-box strong{font-size:15px}.pdf-box div div{font-size:12px}.pdf-box .button{font-size:12px;padding:10px}}
@media(max-width:390px){.pdf-box{flex-wrap:wrap}.pdf-box .button{width:100%;flex-basis:100%}}


/* Crochet Animal Studio full-site refinement */
:root{--cream:#fffdf8;--sage:#eef3e7;--green:#287a35;--green-dark:#123d1c;--ink:#20251e;--muted:#73786f;--line:#e5e9df;--warm:#f7f5ee}
body{background:#fffdf8;color:#252921}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.96);backdrop-filter:blur(12px);box-shadow:0 2px 12px rgba(25,50,25,.04)}
.header-inner{max-width:1280px;padding:18px 28px}
.brand{font-size:30px;letter-spacing:-.6px}
.tagline{font-size:13px;margin-top:5px}
.main-nav ul{gap:20px}.main-nav a{font-weight:600;padding:9px 0}
.main-nav a:hover{color:var(--green);text-decoration:none}
.wrap{max-width:1280px;padding:40px 28px}
.hero{background:linear-gradient(120deg,#f4f7ed,#fffaf1);padding:36px;border-radius:22px;gap:28px;overflow:hidden}
.hero-copy{padding:12px 10px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#5b8c4d;display:block;margin-bottom:10px}
.hero h1{color:var(--green-dark);font-size:clamp(38px,4.5vw,58px);margin-bottom:16px}
.hero p{font-size:18px;line-height:1.65;color:#555c50}
.hero img{height:390px;border-radius:16px;object-fit:cover}
.hero-note{font-size:12px;color:#72786d;margin-top:15px}
.button{background:#247b34;border-radius:999px;padding:13px 22px;box-shadow:0 5px 14px rgba(35,110,45,.13)}
.button span{padding-left:8px}.button:hover{background:#155323}
.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 45px;background:white;border:1px solid var(--line);border-radius:16px;padding:20px 12px}
.benefit-strip>div{text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px;color:#3f7b42;font-size:20px}
.benefit-strip>div:last-child{border:0}.benefit-strip strong{font-size:14px;color:#283226}.benefit-strip small{font-size:12px;color:#7b8076}
.section-block{margin:48px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-title,.section-heading h2{font:700 31px/1.2 Georgia,serif;color:var(--green-dark);margin:0}
.text-link{font-size:14px;font-weight:700}
.pattern-grid{gap:20px}
.pattern-card{border:1px solid #e6e9df;border-radius:14px;box-shadow:0 4px 14px rgba(30,50,25,.05);transition:transform .2s,box-shadow .2s}
.pattern-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,50,25,.1)}
.pattern-card img{height:220px;object-fit:cover}
.pattern-card .card-body{padding:16px}
.pattern-card h3{font-size:18px;color:#203b22}
.animal-section{background:#f3f6ec;border-radius:20px;padding:28px;margin:48px 0}
.animal-links{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.animal-links a{background:#fff;border:1px solid #e5eadf;border-radius:14px;padding:16px 8px;text-align:center;font-weight:700;color:#30452e;display:flex;flex-direction:column;gap:7px}
.animal-links a span{font-size:27px}.animal-links a:hover{border-color:#8dbb80;text-decoration:none}
.pdf-promo-home{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:28px;background:#f8f5e8;border:1px solid #e8ebd9;border-radius:20px;padding:24px;margin:42px 0}
.pdf-promo-home img{width:100%;border-radius:12px}.pdf-promo-home h2{font:700 29px Georgia,serif;color:var(--green-dark);margin:0 0 10px}.pdf-promo-home p{color:#5d6458}
.tutorial-teaser{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.tutorial-teaser p{margin:5px 0;color:var(--muted)}.button-outline{background:white;color:var(--green);border:1px solid #a9c9a0;box-shadow:none}
.archive-intro{max-width:850px;margin:0 auto 30px;text-align:center}.archive-intro h1{color:var(--green-dark);font-size:44px}.archive-sub{color:var(--muted)}.archive-description{color:#586052}
.archive-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:22px;font-size:13px;color:var(--muted)}
.site-footer{background:#173d20;color:#eaf1e5;padding:35px;text-align:center;margin-top:50px}
@media(max-width:900px){.header-inner{flex-direction:column;align-items:flex-start}.main-nav ul{gap:14px}.hero{grid-template-columns:1fr;padding:25px}.hero img{height:300px}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-links{grid-template-columns:repeat(4,1fr)}.pdf-promo-home{grid-template-columns:1fr}.pdf-promo-home img{max-height:280px;object-fit:contain}.benefit-strip{grid-template-columns:repeat(2,1fr);row-gap:15px}.benefit-strip>div:nth-child(2){border-right:0}}
@media(max-width:560px){.wrap{padding:24px 16px}.header-inner{padding:15px 16px}.brand{font-size:25px}.main-nav ul{gap:10px}.main-nav a{font-size:12px}.hero{padding:20px;border-radius:16px}.hero h1{font-size:36px}.hero p{font-size:16px}.hero img{height:240px}.benefit-strip{padding:14px 5px}.benefit-strip small{font-size:10px}.section-heading{align-items:flex-start;gap:12px;flex-direction:column}.section-heading h2{font-size:26px}.pattern-grid{gap:12px}.pattern-card img{height:155px}.pattern-card .card-body{padding:11px}.pattern-card h3{font-size:15px}.animal-section{padding:18px;margin:30px 0}.animal-links{grid-template-columns:repeat(3,1fr)}.pdf-promo-home{padding:17px}.pdf-promo-home h2{font-size:25px}.tutorial-teaser{align-items:flex-start;flex-direction:column;gap:12px}.archive-intro h1{font-size:34px}.archive-toolbar{flex-direction:column;gap:4px}}
\n.patterns-browse{text-align:center}.patterns-browse p{max-width:650px;margin:0 auto 18px;color:var(--muted)}.patterns-browse .section-heading{justify-content:center}\n
/* Larger, legible universal PDF illustration */
.pdf-box{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:22px;padding:24px}
.pdf-box .pdf-illustration{width:210px;height:auto;max-height:145px;object-fit:contain;display:block}
.pdf-box .button{grid-column:2;justify-self:start}
@media(max-width:700px){.pdf-box{grid-template-columns:150px minmax(0,1fr);gap:14px;padding:20px}.pdf-box .pdf-illustration{width:150px;max-height:125px}.pdf-box .button{grid-column:1/-1;width:100%;justify-self:stretch}}
@media(max-width:420px){.pdf-box{grid-template-columns:1fr;text-align:center}.pdf-box .pdf-illustration{width:220px;max-height:none;margin:0 auto}.pdf-box .button{grid-column:1;width:100%}}

.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:10px}.footer-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:13px}


/* Crochet article content formatting: soft section headers and readable pattern blocks */
.single-post .entry-content { max-width: 820px; margin: 0 auto; color: #42463f; }
.single-post .entry-content h2 {
  background: #edf0e6;
  color: #405832;
  border-left: 5px solid #789681;
  border-radius: 4px;
  padding: 12px 16px;
  margin: 34px 0 16px;
  font: 700 clamp(22px,3vw,29px)/1.25 Georgia,serif;
}
.single-post .entry-content h3 {
  color: #405832;
  background: #f3f5ef;
  border-radius: 4px;
  padding: 9px 13px;
  margin: 24px 0 12px;
  font: 700 21px/1.3 Georgia,serif;
}
.single-post .entry-content p { margin: 0 0 16px; }
.single-post .entry-content ul,
.single-post .entry-content ol { padding-left: 25px; margin: 12px 0 22px; }
.single-post .entry-content li { padding-left: 3px; margin: 7px 0; }
.single-post .entry-content strong { color: #344b2d; }
.single-post .entry-content blockquote { border-left: 3px solid #b8cdbb; background: #f7f5ef; margin: 20px 0; padding: 14px 18px; }
.single-post .entry-content img { border-radius: 5px; margin: 18px auto; }

/* Clean premium PDF promo: banner image only, enlarged, with CTA directly below */
.pdf-box{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:22px!important}
.pdf-box .pdf-illustration{display:block!important;width:100%!important;height:auto!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;flex:0 0 auto!important}
.pdf-box .button{display:block!important;width:100%!important;max-width:none!important;margin:0!important;grid-column:auto!important;justify-self:stretch!important;text-align:center!important}

/* Stronger PDF banner sizing + redesigned search panel */
.pdf-box{padding:18px!important;gap:18px!important;background:#f5f3eb!important;border-radius:16px!important}
.pdf-box .pdf-illustration{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:cover!important;border-radius:10px!important}
.pdf-box .button{min-height:58px!important;font-size:18px!important;padding:16px 24px!important;border-radius:999px!important}

/* Search widget: clean horizontal layout on desktop, stacked on phones */
.widget_search,.search-widget,.wp-block-search{background:#f5f3eb!important;border:1px solid #e6e5dc!important;border-radius:16px!important;padding:24px!important;margin:28px 0!important}
.widget_search .widget-title,.search-widget h2,.wp-block-search__label{display:block!important;font-family:Georgia,serif!important;font-size:24px!important;font-weight:700!important;color:#173f2a!important;margin:0 0 14px!important}
.widget_search form,.search-widget form,.wp-block-search__inside-wrapper{display:flex!important;align-items:stretch!important;gap:10px!important;width:100%!important}
.widget_search input[type="search"],.search-widget input[type="search"],.wp-block-search__input{flex:1 1 auto!important;min-width:0!important;width:100%!important;height:54px!important;padding:12px 16px!important;border:1px solid #d6d8cf!important;border-radius:10px!important;background:#fff!important;color:#243128!important;font-size:16px!important;box-sizing:border-box!important}
.widget_search input[type="submit"],.search-widget input[type="submit"],.wp-block-search__button{flex:0 0 auto!important;width:auto!important;min-width:112px!important;height:54px!important;padding:0 20px!important;border:0!important;border-radius:10px!important;background:#246f3b!important;color:#fff!important;font-weight:700!important;font-size:16px!important;white-space:nowrap!important}
.widget_search input[type="submit"]:hover,.search-widget input[type="submit"]:hover,.wp-block-search__button:hover{background:#194f2b!important}
@media(max-width:520px){
 .pdf-box{padding:14px!important}
 .pdf-box .pdf-illustration{width:100%!important;max-height:none!important}
 .widget_search,.search-widget,.wp-block-search{padding:18px!important}
 .widget_search form,.search-widget form,.wp-block-search__inside-wrapper{flex-direction:column!important}
 .widget_search input[type="submit"],.search-widget input[type="submit"],.wp-block-search__button{width:100%!important;min-width:0!important}
}

/* FINAL HARD FIX: make the promo artwork span the entire card width */
.single-post article .pdf-box,
.single article .pdf-box,
article .pdf-box{
  display:flex!important; flex-direction:column!important; align-items:stretch!important;
  width:100%!important; box-sizing:border-box!important; gap:16px!important;
}
.single-post article .pdf-box img.pdf-illustration,
.single article .pdf-box img.pdf-illustration,
article .pdf-box img.pdf-illustration{
  display:block!important; width:100%!important; max-width:100%!important;
  min-width:100%!important; height:auto!important; max-height:none!important;
  margin:0!important; object-fit:contain!important; flex:0 0 auto!important;
}
.single-post article .pdf-box a.button,
.single article .pdf-box a.button,
article .pdf-box a.button{
  display:block!important; width:100%!important; box-sizing:border-box!important;
  margin:0!important; text-align:center!important;
}

/* Final approved PDF promotion and search design */
.pdf-box{
  display:flex!important; flex-direction:column!important; align-items:stretch!important;
  width:100%!important; box-sizing:border-box!important; gap:18px!important;
  padding:18px!important; background:#f7f4ec!important; border-radius:16px!important;
}
.pdf-box img.pdf-illustration{
  display:block!important; width:100%!important; max-width:100%!important;
  min-width:100%!important; height:auto!important; max-height:none!important;
  margin:0!important; object-fit:contain!important; border-radius:10px!important;
}
.pdf-box a.button{
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:100%!important; min-height:66px!important; box-sizing:border-box!important;
  margin:0!important; padding:16px 22px!important; text-align:center!important;
  font-size:19px!important; border-radius:999px!important;
}
/* Search: sage panel, clear heading, wide input and green action */
.widget_search,.search-widget,.wp-block-search{
  background:#eef4e7!important; border:0!important; border-radius:16px!important;
  padding:24px!important; margin:28px 0!important; box-sizing:border-box!important;
}
.widget_search .widget-title,.search-widget h2,.wp-block-search__label{
  display:block!important; color:#17452b!important; font-family:Georgia,serif!important;
  font-size:27px!important; font-weight:700!important; margin:0 0 16px!important;
}
.widget_search form,.search-widget form,.wp-block-search__inside-wrapper{
  display:flex!important; align-items:stretch!important; gap:12px!important;
  width:100%!important; margin:0!important;
}
.widget_search input[type=search],.search-widget input[type=search],.wp-block-search__input{
  flex:1 1 auto!important; min-width:0!important; width:100%!important;
  height:64px!important; padding:14px 18px!important; box-sizing:border-box!important;
  border:1px solid #d4d8ce!important; border-radius:12px!important;
  background:#fff!important; color:#263329!important; font-size:18px!important;
}
.widget_search input[type=submit],.search-widget input[type=submit],.wp-block-search__button{
  flex:0 0 150px!important; width:150px!important; min-width:150px!important;
  height:64px!important; padding:0 18px!important; box-sizing:border-box!important;
  border:0!important; border-radius:12px!important; background:#26733c!important;
  color:#fff!important; font-size:18px!important; font-weight:700!important;
  white-space:nowrap!important; cursor:pointer!important;
}
.widget_search input[type=submit]:hover,.search-widget input[type=submit]:hover,.wp-block-search__button:hover{background:#174d2b!important}
@media(max-width:600px){
 .pdf-box{padding:14px!important;gap:14px!important}
 .pdf-box a.button{min-height:58px!important;font-size:17px!important}
 .widget_search,.search-widget,.wp-block-search{padding:18px!important}
 .widget_search form,.search-widget form,.wp-block-search__inside-wrapper{flex-direction:column!important;gap:10px!important}
 .widget_search input[type=search],.search-widget input[type=search],.wp-block-search__input{height:58px!important;font-size:16px!important}
 .widget_search input[type=submit],.search-widget input[type=submit],.wp-block-search__button{flex:0 0 auto!important;width:100%!important;min-width:0!important;height:58px!important}
}