/*
Theme Name: Mama pisze dzień
Theme URI: https://mamapiszedzien.pl/
Author: OpenAI
Description: Jasny, różowo-biały motyw bloga rodzinnego inspirowany projektem Mama pisze dzień.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.8
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: mama-pisze-dzien
*/
:root{--pink:#d97889;--pink-dark:#a95062;--pink-pale:#fff0f2;--cream:#fffdfb;--ink:#292226;--muted:#83767b;--line:#f0dfe2;--shadow:0 10px 30px #8b526012}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--pink-dark);text-decoration:none}a:hover{color:#823c4c}.site-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.top-strip{text-align:center;background:#fff0f2;color:#987078;font-size:.76rem;padding:7px 12px;letter-spacing:.02em}.top-strip span{color:var(--pink)}.site-header{background:#fff;border-bottom:1px solid #f5e9eb}.header-inner{display:flex;align-items:center;gap:12px;min-height:82px}.brand-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:var(--pink);color:white;font-size:1.5rem}.brand-block{margin-right:auto}.site-title{font:700 1.5rem/1.2 Georgia,serif;margin:0;color:#30252a}.site-title a{color:inherit}.main-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.main-nav a{font-size:.9rem;color:#66585e}.main-nav .author-button{background:var(--pink);color:white;padding:11px 18px;border-radius:999px;font-weight:700}.main-nav ul{display:flex;list-style:none;gap:20px;margin:0;padding:0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding-top:44px;padding-bottom:42px;min-height:450px}.hero-copy{padding:12px 0}.eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pink-dark);font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,5.5vw,4.7rem);line-height:.99;font-weight:500;letter-spacing:-.055em;margin:17px 0 18px}.hero h1 em{font-weight:500;color:var(--pink);font-style:italic}.hero-intro{font-size:.92rem;color:var(--muted);max-width:490px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}.button-link{display:inline-block;border-radius:999px;padding:11px 19px;background:var(--pink);color:#fff;font-size:.86rem;font-weight:750;box-shadow:0 6px 15px #d9788928}.button-link:hover{background:var(--pink-dark);color:#fff}.text-link{color:#51434a;font-size:.86rem;font-weight:650}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px;padding:14px}.hero-art:before{content:"";position:absolute;width:min(94%,410px);aspect-ratio:1;border-radius:50%;background:#fff0e8;border:2px solid #f4d7c5;box-shadow:inset 0 0 0 8px #fff8f3}.hero-art img{position:relative;width:min(100%,420px);max-height:420px;object-fit:contain;z-index:1;filter:drop-shadow(0 10px 15px #8b526018)}.photo-note{position:absolute;z-index:2;bottom:17px;left:50%;transform:translateX(-50%);background:#fffaf7ed;border:1px solid #f2dfe0;border-radius:5px;padding:8px 18px;text-align:center;font:italic 1rem Georgia,serif;color:#73525b;white-space:nowrap;box-shadow:0 4px 12px #7d475015}.photo-note small{display:block;font: .62rem system-ui,sans-serif;color:#99878b}.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.social-cards>a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #f2e7e9;border-radius:12px;background:#fff;color:var(--ink);min-width:0}.social-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#fff0f2;color:var(--pink-dark);font-size:1.2rem}.social-icon.green{background:#eef5ee;color:#63856a}.social-cards strong,.social-cards small{display:block}.social-cards strong{font-size:.77rem}.social-cards small{font-size:.65rem;color:var(--muted);line-height:1.35;margin-top:3px}.social-cards b{margin-left:auto;color:#9e8d92}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;padding-block:24px 50px;border-top:1px solid #f3e8e9}.section-title{font:500 1.65rem Georgia,serif;margin:0 0 20px}.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.post-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);min-width:0}.post-thumb{width:100%;height:190px;object-fit:cover;display:block;background:#f8e4e7}.placeholder-thumb{display:grid;place-items:center;font-size:2rem;color:#d99aa5;background:linear-gradient(135deg,#fff0f2,#fffaf6)}.post-content{padding:18px}.post-date{font-size:.77rem;color:var(--muted)}.post-card h2{font:500 1.4rem/1.25 Georgia,serif;margin:8px 0}.post-card h2 a{color:var(--ink)}.post-card p{font-size:.9rem;color:var(--muted);margin:0 0 12px}.read-more{font-weight:750;font-size:.88rem}.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;margin-bottom:16px}.sidebar-box h2{font:500 1.25rem Georgia,serif;margin:0 0 12px}.sidebar-box ul{padding-left:18px;margin:0}.sidebar-box li{margin:7px 0;font-size:.9rem}.post-single{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(20px,4vw,42px);box-shadow:var(--shadow)}.post-single h1{font:500 clamp(2rem,4vw,3.2rem)/1.15 Georgia,serif;margin:10px 0}.post-single .wp-post-image{width:100%;height:auto;border-radius:12px;margin:18px 0}.post-body{font-size:1.04rem}.post-body img{max-width:100%;height:auto}.post-body blockquote{border-left:4px solid var(--pink);margin-left:0;padding-left:18px;color:var(--muted)}.pagination{margin-top:25px}.pagination a,.pagination span{display:inline-block;padding:8px 13px;border-radius:8px;background:#fff0f2;margin-right:5px}.site-footer{background:#fff0f2;border-top:1px solid var(--line);text-align:center;padding:27px 18px;color:#78545b}.site-footer p{margin:4px}.search-form{display:flex;gap:7px}.search-form input[type=search]{min-width:0;width:100%;border:1px solid var(--line);border-radius:999px;padding:10px 13px}.search-form input[type=submit]{border:0;border-radius:999px;background:var(--pink);color:#fff;padding:9px 13px;cursor:pointer}.comment-respond input,.comment-respond textarea{max-width:100%;border:1px solid var(--line);border-radius:8px;padding:10px}.comment-respond input[type=submit]{background:var(--pink);color:#fff;border:0;padding:11px 17px;cursor:pointer}@media(max-width:850px){.header-inner{flex-wrap:wrap;padding-block:14px}.main-nav{width:100%;justify-content:center;gap:15px}.hero{grid-template-columns:1fr;gap:10px;padding-top:28px}.hero-copy{order:1}.hero-art{order:0;min-height:300px}.hero-art img{max-height:330px}.content-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sidebar-box{margin:0}.social-cards{max-width:650px}}@media(max-width:560px){.site-wrap{width:calc(100% - 24px)}.site-title{font-size:1.3rem}.main-nav{gap:12px}.main-nav a{font-size:.8rem}.main-nav .author-button{padding:8px 12px}.hero{padding-top:20px}.hero-art{min-height:255px}.hero-art img{max-height:275px}.hero h1{font-size:clamp(2.7rem,13vw,3.8rem)}.social-cards{grid-template-columns:1fr}.posts-grid{grid-template-columns:1fr}.post-thumb{height:220px}.sidebar{grid-template-columns:1fr}.content-layout{padding-block:24px 32px;gap:20px}}

.contact-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block:10px 38px;padding:24px 30px;border-radius:18px;background:#edf5ed;border:1px solid #dfeade}.contact-banner h2{font:500 1.7rem Georgia,serif;margin:0 0 4px}.contact-banner h2 span{color:var(--pink)}.contact-banner p{margin:0;color:var(--muted);font-size:.9rem}.contact-banner .button-link{white-space:nowrap}@media(max-width:600px){.contact-banner{align-items:flex-start;flex-direction:column;padding:20px}}

/* Pełna historia autorki */
.about-story{max-width:900px;padding:36px clamp(20px,5vw,64px);margin:8px auto 42px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.about-story-heading{text-align:center;margin-bottom:25px}.about-story-heading h2{font:500 clamp(2rem,4vw,3rem)/1.15 Georgia,serif;margin:8px 0;color:var(--ink)}.about-story-body{font-size:1rem;line-height:1.85;color:#61545a}.about-story-body p{margin:0 0 17px}.about-story-body h3{font:500 1.55rem Georgia,serif;color:var(--pink-dark);margin:28px 0 12px}.about-list{list-style:none;padding:0;margin:0 0 20px}.about-list li{margin:10px 0}.about-signoff{font-family:Georgia,serif;font-style:italic;color:var(--pink-dark);font-size:1.1rem}


/* Responsive layout: desktop, tablet and mobile */
img, video, iframe { max-width: 100%; }
input, textarea, select, button { max-width: 100%; }
.site-wrap { width: min(1120px, calc(100% - 40px)); }
.hero > *, .content-layout > *, .header-inner > * { min-width: 0; }
.about-story { padding: 34px 0 42px; }
.about-story-body { max-width: 820px; margin-inline: auto; overflow-wrap: anywhere; }
.about-story-body p, .about-story-body li { line-height: 1.8; }
.search-form, .wp-block-search__inside-wrapper { display:flex; gap:8px; flex-wrap:wrap; }
.search-form input[type="search"], .wp-block-search__input { flex:1 1 160px; min-width:0; }

@media (max-width: 960px) {
  .site-wrap { width: min(100% - 32px, 760px); }
  .header-inner { min-height: auto; padding-block: 16px; flex-wrap: wrap; }
  .brand-block { flex: 1 1 calc(100% - 60px); }
  .main-nav { flex: 1 1 100%; justify-content: center; gap: 14px; padding-top: 8px; }
  .main-nav ul { flex-wrap: wrap; justify-content: center; gap: 12px; }
  .hero { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 22px; min-height: 0; padding-block: 32px; }
  .hero h1 { font-size: clamp(2.4rem, 5vw, 3.7rem); }
  .hero-art { min-height: 280px; }
  .hero-art img { max-height: 340px; }
  .content-layout { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .sidebar { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:14px; }
  .sidebar-box { margin:0; }
}

@media (max-width: 640px) {
  html { scroll-padding-top: 12px; }
  body { font-size: 16px; }
  .site-wrap { width: calc(100% - 28px); }
  .top-strip { font-size: .72rem; padding: 7px 10px; }
  .header-inner { gap: 10px; padding-block: 13px; }
  .brand-mark { flex-basis: 36px; height:36px; font-size:1.25rem; }
  .site-title { font-size: 1.25rem; }
  .main-nav { justify-content: flex-start; gap: 9px 14px; font-size:.9rem; }
  .main-nav a { font-size:.85rem; }
  .main-nav .author-button { padding:9px 13px; }
  .main-nav ul { justify-content:flex-start; gap:9px 14px; }
  .hero { display:flex; flex-direction:column; align-items:stretch; gap:10px; padding-block:24px 26px; }
  .hero-copy { padding:0; }
  .eyebrow { font-size:.65rem; letter-spacing:.12em; }
  .hero h1 { font-size:clamp(2.35rem, 11vw, 3.3rem); line-height:1.02; margin:12px 0 14px; letter-spacing:-.045em; }
  .hero-intro { font-size:.92rem; }
  .hero-actions { gap:12px; margin-top:18px; }
  .button-link { padding:11px 15px; }
  .hero-art { min-height:0; padding:10px 8px 28px; }
  .hero-art:before { width:min(88%, 330px); }
  .hero-art img { width:min(100%, 350px); max-height:none; }
  .photo-note { bottom:8px; font-size:.9rem; padding:7px 12px; max-width:90%; white-space:normal; }
  .social-cards { grid-template-columns:minmax(0,1fr); gap:10px; margin-top:20px; }
  .social-cards>a { padding:11px; }
  .content-layout { padding-block:22px 32px; }
  .section-title { font-size:1.45rem; margin-bottom:15px; }
  .posts-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .post-thumb { height:auto; aspect-ratio: 16 / 10; }
  .post-content { padding:15px; }
  .post-card h2 { font-size:1.3rem; }
  .sidebar { display:flex; flex-direction:column; gap:12px; }
  .sidebar-box { padding:16px; }
  .post-single { padding:18px; }
  .post-single h1 { font-size:clamp(1.8rem, 8vw, 2.5rem); overflow-wrap:anywhere; }
  .post-body { font-size:1rem; overflow-wrap:anywhere; }
  .post-body img, .about-story img { height:auto; }
  .about-story { padding:28px 0 32px; }
  .about-story-heading h2 { font-size:clamp(1.8rem, 8vw, 2.5rem); line-height:1.15; }
  .about-story-body { font-size:.98rem; }
  .about-story-body p { margin-block:0 1rem; }
  .about-list { padding-left:1.2rem; }
  .site-footer { padding:22px 14px; font-size:.88rem; overflow-wrap:anywhere; }
  .pagination a, .pagination span { margin-bottom:6px; }
}

@media (max-width: 380px) {
  .site-wrap { width:calc(100% - 22px); }
  .site-title { font-size:1.1rem; }
  .hero h1 { font-size:2.2rem; }
  .hero-actions { align-items:stretch; flex-direction:column; }
  .hero-actions a { text-align:center; }
  .main-nav { gap:8px 10px; }
}