/*
Theme Name: Rascality Designs Custom
Theme URI: https://rascalitydesigns.com/
Author: Rascality Designs
Description: Lightweight custom WordPress theme for RascalityDesigns.com.
Version: 0.2.0
Text Domain: rascality
*/
:root{--rd-bg:#f6f0e7;--rd-surface:#fffdfa;--rd-text:#1f1f1f;--rd-muted:#6b675f;--rd-border:#dfd7cb;--rd-max:1180px;--rd-radius:14px}
*{box-sizing:border-box} body{margin:0;background:var(--rd-bg);color:var(--rd-text);font-family:Arial,Helvetica,sans-serif;line-height:1.55} img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none} a:hover{text-decoration:underline}.rd-container{width:min(calc(100% - 40px),var(--rd-max));margin-inline:auto}.site-header{background:var(--rd-surface);border-bottom:1px solid var(--rd-border)}.site-header__inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-branding img{max-height:56px;width:auto}.site-title{font-size:1.5rem;font-weight:700}.primary-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:24px;padding:0;margin:0}.primary-nav li{position:relative}.primary-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;padding:12px;background:var(--rd-surface);border:1px solid var(--rd-border);z-index:20}.primary-nav li:hover>.sub-menu{display:block}.primary-nav .sub-menu li{margin:8px 0}.site-main{min-height:50vh}.page-hero img{width:100%;max-height:280px;object-fit:cover}.page-heading{padding:44px 0 18px}.page-heading h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3.6rem)}.page-heading p{margin:0;max-width:760px;color:var(--rd-muted);font-size:1.06rem}.rd-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;padding:28px 0 56px}.rd-card{background:var(--rd-surface);border:1px solid var(--rd-border);border-radius:var(--rd-radius);overflow:hidden;display:flex;flex-direction:column}.rd-card__image{aspect-ratio:4/3;overflow:hidden;background:#ece7df}.rd-card__image img{width:100%;height:100%;object-fit:cover}.rd-card__body{padding:20px;display:flex;flex-direction:column;gap:12px;height:100%}.rd-card__title{margin:0;font-size:1.35rem}.rd-card__button{margin-top:auto;align-self:flex-start;display:inline-block;padding:10px 16px;background:#111;color:#fff;border-radius:999px;font-weight:700}.rd-card__button:hover{text-decoration:none;opacity:.85}.home-hero img{width:100%;max-height:440px;object-fit:cover}.home-section{padding:56px 0}.home-section--surface{background:var(--rd-surface)}.home-section h2{margin-top:0;font-size:clamp(1.8rem,4vw,2.8rem)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}.blog-card{background:var(--rd-surface);border:1px solid var(--rd-border);border-radius:var(--rd-radius);overflow:hidden}.blog-card__image{aspect-ratio:4/3;background:#ece7df;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover}.blog-card__body{padding:18px}.blog-card__body h3{margin-top:0}.site-footer{margin-top:64px;background:var(--rd-surface);border-top:1px solid var(--rd-border)}.site-footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:32px;padding:48px 0 26px}.site-footer h3{margin-top:0;font-size:1rem}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.site-footer__bottom{border-top:1px solid var(--rd-border);padding:18px 0 28px;text-align:center;color:var(--rd-muted);font-size:.92rem}.entry-content{width:min(calc(100% - 40px),860px);margin:0 auto;padding:36px 0 56px}.entry-content>*:first-child{margin-top:0}@media(max-width:860px){.site-header__inner{align-items:flex-start;flex-direction:column;padding:18px 0}.primary-nav ul{gap:14px 18px}.site-footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.rd-container{width:min(calc(100% - 24px),var(--rd-max))}.site-footer__grid{grid-template-columns:1fr}}


/* v0.1.3 — keep homepage/blog cards compact even with one post */
.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,360px))!important;justify-content:start!important;align-items:start!important}
.blog-card{width:100%!important;max-width:360px!important}
.blog-card__image{display:block!important;width:100%!important;aspect-ratio:4/3!important;max-height:270px!important;overflow:hidden!important}
.blog-card__image img{width:100%!important;height:100%!important;object-fit:cover!important}


/* ===== Rascality v0.2.0 consolidated homepage styling ===== */
.home-section { padding: 38px 0; }
.home-section h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); }
.home-browse { background: #e9ddcf; border-top: 1px solid #d7c6b4; border-bottom: 1px solid #d7c6b4; }
.home-browse .rd-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; padding-top: 18px; }
.home-browse-card { overflow: hidden; background: #fffaf4; border: 1px solid #d7c6b4; border-radius: 18px; box-shadow: 0 8px 22px rgba(44,35,28,.08); }
.home-browse-card__image { display:block; width:100%; aspect-ratio:16/9; overflow:hidden; background:#d9c8b8; }
.home-browse-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.home-browse-card:hover .home-browse-card__image img { transform:scale(1.02); }
.home-browse-card .rd-card__body { padding:22px 24px 24px; }
.home-browse-card .rd-card__title { font-size:clamp(1.45rem, 2.4vw, 2rem); }
.home-browse-card p { margin:0; color:#5f564f; }
.home-browse-card .rd-card__button { background:#20262b; border-radius:999px; padding:11px 18px; transition:background .2s ease, transform .2s ease; }
.home-browse-card .rd-card__button:hover { background:#a45239; transform:translateY(-1px); text-decoration:none; }
.home-browse-card__placeholder { width:100%; aspect-ratio:16/9; display:grid; place-items:center; background:linear-gradient(135deg,rgba(164,82,57,.08),rgba(183,147,92,.18)),#eee2d5; color:#78695e; font-weight:700; letter-spacing:.03em; }
.site-footer .site-footer__grid > div:last-child > p { display:none; }
@media (max-width:760px){ .home-browse .rd-card-grid{ grid-template-columns:1fr; } }
