/* ============================================================
   Bint Miguel — content & blog styles
   (loaded on all pages except the front page, and in the editor)
   ============================================================ */

/* ============ generic page shell ============ */
.bm-shell{max-width:1180px;margin:0 auto;padding:clamp(20px,3vw,44px) var(--pad-x) clamp(30px,4vw,60px)}
.page-head{margin-bottom:clamp(20px,3vw,36px);text-align:center}
.page-head .kicker{margin-bottom:8px}
.page-title{font-size:clamp(26px,2.6vw,40px);margin-bottom:10px}
.archive-desc{max-width:640px;margin:6px auto 0;font-size:15px;line-height:1.65}
.search-page-form{max-width:460px;margin:18px auto 0}
.error-search{max-width:420px;margin:0 auto 22px}

/* ============ post cards ============ */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(18px,2.4vw,30px)}
.post-card{display:flex;flex-direction:column;background:linear-gradient(160deg,var(--card-hi),var(--card-lo));border-radius:10px;overflow:hidden;
  box-shadow:0 3px 12px rgba(120,105,70,.12);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(120,105,70,.18)}
.post-card-thumb{display:block}
.post-card-thumb img{width:100%;height:190px;object-fit:cover}
.post-card-body{padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:9px;flex:1}
.post-card-cat{font-size:11px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}
.post-card-title{font-size:clamp(19px,1.6vw,24px);line-height:1.25}
.post-card-title a{text-decoration:none;color:var(--ink)}
.post-card-title a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.post-card-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted)}
.entry-meta-item{display:inline-flex;align-items:center;gap:6px}
.entry-meta-item a{text-decoration:none;color:inherit}
.entry-meta-item a:hover{text-decoration:underline;text-underline-offset:3px}
.entry-ic{width:15px;height:15px;fill:none;flex:none}
.post-card-excerpt{font-size:14.5px;line-height:1.62}
.post-card .tlink{margin-top:auto;align-self:flex-start}

/* ============ pagination ============ */
.pagination,.navigation.pagination{margin-top:clamp(24px,3vw,40px)}
.nav-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;
  border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--soft);text-decoration:none;font-size:14px;transition:all .2s}
.nav-links .page-numbers:hover{border-color:#9aa27b;color:var(--deep)}
.nav-links .page-numbers.current{background:var(--olive);border-color:var(--olive);color:#f3eedb}
.nav-links .page-numbers.dots{border:none;background:none}
.pag-ic{width:15px;height:15px;fill:none}
.pag-ic.prev{transform:rotate(180deg)}

/* ============ single & page ============ */
.entry-single{max-width:760px;margin:0 auto;background:linear-gradient(160deg,var(--card-hi),var(--card-lo));border-radius:12px;
  box-shadow:0 3px 14px rgba(120,105,70,.12);padding:clamp(24px,3.4vw,46px) clamp(20px,3.4vw,48px);position:relative}

/* ---- single post hero band ---- */
.single-hero{position:relative;text-align:center;overflow:visible;
  background:linear-gradient(115deg,#b7bd95,#87996b 45%,#5c6c4d);
  padding:clamp(42px,5vw,68px) var(--pad-x) clamp(52px,5.6vw,84px)}
.single-hero-kicker{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#eef0da;margin-bottom:12px;
  text-shadow:0 1px 6px rgba(40,48,28,.35)}
.single-hero-title{font-size:clamp(27px,3vw,44px);line-height:1.18;color:#f7f2df;max-width:880px;margin:0 auto;
  text-shadow:0 2px 14px rgba(40,48,28,.3)}
.single-hero-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 26px;margin-top:18px;
  color:#e9ecd2;font-size:13.5px}
.single-hero-meta .entry-ic{color:#f0eed6;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.single-hero-meta a{color:inherit;text-decoration:none}
.single-hero-meta a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.single-hero-meta .entry-date{color:inherit}
.single-hero-daisies{position:absolute;right:clamp(14px,4vw,60px);bottom:clamp(46px,5.4vw,78px);width:clamp(90px,9vw,130px);
  opacity:.8;pointer-events:none}
.single-hero-butterfly{position:absolute;left:clamp(18px,5vw,72px);top:clamp(22px,3.2vw,44px);width:clamp(36px,3.6vw,50px);
  transform:rotate(-10deg);opacity:.92;pointer-events:none;animation:bm-float 6s ease-in-out infinite}
.single-hero-floor{position:absolute;left:0;right:0;bottom:0;height:clamp(56px,8.5vw,118px);transform:translateY(44%);
  pointer-events:none;background-repeat:repeat-x;background-position:center bottom;background-size:auto 100%;
  filter:drop-shadow(0 8px 12px rgba(60,58,30,.16))}
@media(max-width:820px){
  .single-hero-floor{height:clamp(40px,7vw,70px)}
  .single-hero-daisies{bottom:36px}
}

/* ---- about-the-author mini card ---- */
.author-box{max-width:760px;margin:clamp(18px,2.6vw,30px) auto 0;background:linear-gradient(160deg,var(--card-hi),var(--card-lo));
  border-radius:12px;box-shadow:0 3px 14px rgba(120,105,70,.12);padding:clamp(18px,2.4vw,28px) clamp(20px,2.6vw,34px);
  display:flex;gap:clamp(14px,2.2vw,26px);align-items:center}
.author-box-photo{flex:none;width:clamp(72px,8vw,96px);aspect-ratio:1;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 40% 35%,#d9cfb4,#a4967a);box-shadow:0 4px 12px rgba(90,80,50,.25)}
.author-box-photo img{width:100%;height:100%;object-fit:cover}
.author-box-label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.author-box-name{font-size:clamp(18px,1.6vw,22px);margin:3px 0 6px}
.author-box-body{min-width:0}
.author-box-body p{font-size:14.5px;line-height:1.65;margin-bottom:8px}
@media(max-width:560px){
  .author-box{flex-direction:column;text-align:center}
  .author-box-photo{margin:0 auto}
}
.entry-header{margin-bottom:clamp(16px,2vw,26px);text-align:center}
.entry-title{font-size:clamp(26px,2.6vw,40px);margin-bottom:12px}
.entry-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;font-size:13px;color:var(--muted)}
/* ---- featured image: soft polaroid look ---- */
.entry-thumb{margin:0 0 clamp(20px,2.6vw,30px)}
.entry-thumb img{border-radius:8px;width:100%;height:auto;border:6px solid #fffdf5;
  box-shadow:0 8px 22px rgba(90,80,50,.22);transform:rotate(-1.1deg);transition:transform .4s ease,box-shadow .4s ease}
.entry-single:hover .entry-thumb img{transform:rotate(0deg) scale(1.005);box-shadow:0 12px 26px rgba(90,80,50,.26)}

/* drop cap opens the story */
.entry-content > p:first-of-type::first-letter{font-family:'Playfair Display',serif;font-weight:600;font-size:3em;
  line-height:.82;float:left;color:var(--olive);padding:5px 9px 0 0}
.entry-tags{margin-top:18px;font-size:13.5px;color:var(--muted)}
.tag-label{font-weight:600;color:var(--ink);margin-right:4px}
.entry-tags a{display:inline-block;margin:2px 6px 2px 0;padding:4px 12px;border-radius:999px;background:var(--paper);
  border:1px solid var(--line);text-decoration:none;font-size:12.5px;color:var(--soft);transition:all .2s}
.entry-tags a:hover{border-color:#9aa27b;color:var(--deep)}
.event-more{margin-top:18px}
.back-home{max-width:760px;margin:22px auto 0;text-align:center}

/* ============ entry content typography ============ */
.entry-content{font-size:15.5px;line-height:1.75}
.entry-content>*{margin-bottom:1.15em}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
  font-family:'Playfair Display',serif;color:var(--ink);line-height:1.25;margin:1.4em 0 .6em}
.entry-content h2{font-size:clamp(22px,2vw,30px)}
.entry-content h3{font-size:clamp(19px,1.7vw,25px)}
.entry-content h4{font-size:18px}
.entry-content a{color:var(--olive);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.entry-content a:hover{color:var(--olive-d)}
.entry-content ul,.entry-content ol{padding-left:1.5em}
.entry-content li{margin-bottom:.4em}
.entry-content blockquote{margin:1.4em 0;padding:14px 22px;border-left:3px solid var(--olive);background:rgba(92,106,75,.07);
  border-radius:0 10px 10px 0;font-style:italic;color:var(--soft)}
.entry-content blockquote p:last-child{margin-bottom:0}
.entry-content img,.entry-content .wp-block-image img{border-radius:10px}
.entry-content figure{margin:1.4em 0}
.entry-content figcaption,.wp-caption-text{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}
.entry-content code{font-family:'Sarasa Mono SC','DejaVu Sans Mono',monospace;font-size:.92em;background:var(--paper);
  border:1px solid var(--line2);border-radius:4px;padding:1px 6px}
.entry-content pre{background:var(--paper);border:1px solid var(--line2);border-radius:8px;padding:16px;overflow:auto}
.entry-content pre code{background:none;border:none;padding:0}
.entry-content table{width:100%;border-collapse:collapse;font-size:14.5px}
.entry-content th,.entry-content td{border:1px solid var(--line2);padding:9px 12px;text-align:left}
.entry-content thead th{background:rgba(92,106,75,.10);font-family:'Playfair Display',serif;color:var(--ink)}
.entry-content tbody tr:nth-child(even){background:rgba(246,241,225,.6)}
.entry-content hr{border:none;border-top:1px solid var(--line);margin:2em 0}
.entry-content .wp-block-button__link{background:var(--olive);border-radius:999px}
.entry-content .wp-block-button__link:hover{background:var(--olive-d)}
.alignwide{max-width:min(1100px,92vw);margin-left:50%;transform:translateX(-50%)}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{margin-left:auto;margin-right:auto}
.page-links{font-size:14px;color:var(--muted)}

/* ============ post navigation ============ */
.post-navigation{margin-top:clamp(22px,3vw,36px)}
.post-navigation .nav-links{justify-content:space-between;gap:14px}
.post-navigation .nav-links a{text-decoration:none;display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-width:0;max-width:49%;
  background:linear-gradient(160deg,var(--card-hi),var(--card-lo));border:1px solid var(--line);border-radius:10px;
  padding:15px 18px;box-shadow:0 2px 8px rgba(120,105,70,.08);transition:transform .3s ease,box-shadow .3s ease}
.post-navigation .nav-links a:last-child{text-align:right}
.post-navigation .nav-links a:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(120,105,70,.16)}
.nav-subtitle{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.nav-title{font-family:'Playfair Display',serif;color:var(--ink);font-size:16.5px;line-height:1.35}
.post-navigation .nav-links a:hover .nav-title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

/* ============ comments ============ */
.comments-area{max-width:760px;margin:clamp(26px,3vw,44px) auto 0}
.comments-title{font-size:clamp(20px,1.8vw,26px);margin-bottom:18px}
.comment-list{list-style:none;padding:0;margin:0 0 22px}
.comment-list ol.children{list-style:none;padding-left:22px;margin-top:14px}
.comment-list .comment,.comment-list .pingback,.comment-list .trackback{background:linear-gradient(160deg,var(--card-hi),var(--card-lo));
  border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:14px;box-shadow:0 2px 8px rgba(120,105,70,.08)}
.comment-list .avatar{border-radius:50%;float:left;margin:0 12px 8px 0;box-shadow:0 2px 6px rgba(90,80,50,.2)}
.comment-meta{font-size:13px;color:var(--muted);margin-bottom:6px;overflow:hidden}
.comment-meta .says{display:none}
.comment-author{font-weight:600;color:var(--ink);font-style:normal}
.comment-author .fn a{text-decoration:none;color:inherit}
.comment-content{font-size:14.5px;line-height:1.65;overflow:hidden}
.comment-content p:last-child{margin-bottom:0}
.reply{margin-top:8px;font-size:13px}
.reply a{text-decoration:none;color:var(--olive);font-weight:600}
.reply a:hover{text-decoration:underline}
.comment-notes{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.comment-form p{margin-bottom:14px}
.comment-form label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:5px}
.comment-form .required{color:#a4623e}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{margin-top:0}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px;font-size:13px}
.comment-form-cookies-consent label{font-weight:400;margin:0}
.comment-form .btn{width:auto}
.no-comments{font-size:14px;color:var(--muted);margin-bottom:16px}

/* ============ misc ============ */
.no-results{text-align:center;padding:clamp(24px,4vw,48px) 0}
.error-404{position:relative;max-width:520px;margin:clamp(10px,2vw,24px) auto;padding:clamp(30px,5vw,58px) clamp(22px,4vw,44px);
  background:linear-gradient(160deg,var(--card-hi),var(--card-lo));box-shadow:0 3px 14px rgba(120,105,70,.12);
  clip-path:polygon(3% 5%,20% 0%,45% 3%,70% 0%,93% 4%,100% 18%,97% 42%,100% 66%,96% 88%,80% 100%,55% 97%,30% 100%,8% 96%,0% 78%,3% 52%,0% 26%);
  text-align:center}
.error-wreath{position:absolute;inset:-6% -4%;width:108%;height:112%;pointer-events:none;opacity:.9}
.error-inner{position:relative;z-index:1}
.error-code{font-family:'Playfair Display',serif;font-size:clamp(44px,6vw,72px);color:#a4a06a;line-height:1;margin-bottom:6px}
.error-404 .page-title{font-size:clamp(22px,2.2vw,30px);margin-bottom:10px}
.error-404 .sub{margin-bottom:22px}

/* responsive blog grid */
@media(max-width:680px){
  .post-grid{grid-template-columns:1fr}
  .post-navigation .nav-links{justify-content:center}
  .post-navigation .nav-links a{max-width:100%}
}

/* ============ night mode refinements ============ */
html[data-theme="night"] .post-card,
html[data-theme="night"] .entry-single,
html[data-theme="night"] .error-404,
html[data-theme="night"] .comment-list .comment{box-shadow:0 3px 14px rgba(0,0,0,.35)}
html[data-theme="night"] .entry-content tbody tr:nth-child(even){background:rgba(255,240,205,.05)}
html[data-theme="night"] .entry-content code,
html[data-theme="night"] .entry-content pre{background:#2d2718}

/* single post hero & friends at dusk */
html[data-theme="night"] .single-hero{background:linear-gradient(115deg,#3d452f,#313b26 45%,#25301c)}
html[data-theme="night"] .single-hero-floor{filter:brightness(.62) saturate(.85) drop-shadow(0 8px 12px rgba(0,0,0,.35))}
html[data-theme="night"] .author-box,
html[data-theme="night"] .post-navigation .nav-links a{box-shadow:0 3px 14px rgba(0,0,0,.35)}
html[data-theme="night"] .post-navigation .nav-links a{border-color:#453d27}
html[data-theme="night"] .author-box-photo{background:radial-gradient(circle at 40% 35%,#5c523c,#3a3324)}
html[data-theme="night"] .entry-thumb img{border-color:#efe6cc}