/*
Theme Name: Shiva Shakti Block
Theme URI: https://shivashakticenternj.com/
Author: Shiva Shakti Center
Description: Block (full site editing) theme for Shiva Shakti Center, Garfield NJ. All page text, images, tables and links are normal blocks you can edit in the WordPress editor.
Version: 2.1.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: shiva-shakti-block
*/

:root{--saffron:#c2410c;--kumkum:#a3141b;--marigold:#f0a30a;--sand:#f7efe2;--muted:#6a5f6e;--radius:10px}
body{margin:0}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.3rem)}
h3{font-size:1.4rem}
.wp-site-blocks>*{margin-block-start:0}
.wp-block-post-content>*:not(.alignfull){padding-inline:4%}
.wp-block-post-content>.alignfull{margin-block:0!important}

/* Garland: signature element */
.garland{height:22px;padding:0!important;margin:0!important;background:
  radial-gradient(circle at 12px 11px,var(--marigold) 0 6px,transparent 6.5px),
  radial-gradient(circle at 12px 11px,var(--kumkum) 0 9px,transparent 9.5px);
  background-size:24px 22px;background-repeat:repeat-x;
  -webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.garland--flip{transform:scaleY(-1)}

/* Header */
header.wp-block-template-part{position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(0,0,0,.25)}
.admin-bar header.wp-block-template-part{top:32px}
.site-header{background:var(--saffron);color:#fff}
.header-inner{width:min(1120px,92%);margin-inline:auto;padding:.7rem 0;gap:1rem}
.brand{gap:.8rem}
.brand .wp-block-site-logo img{border-radius:50%;border:2px solid var(--marigold);object-fit:cover}
.brand .wp-block-site-title,.brand .wp-block-site-title a{font-family:var(--wp--preset--font-family--head);font-size:1.5rem;line-height:1.1;color:#fff;text-decoration:none;margin:0}
.brand-tag{font-size:.82rem;color:#ffe8cc;line-height:1.35;margin:0}
.site-header .wp-block-navigation a{color:#fff;padding:.5rem .85rem;border-radius:6px;font-weight:500;text-decoration:none}
.site-header .wp-block-navigation a:hover{background:var(--marigold);color:#1a1200}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--saffron)!important}

/* Hero (cover blocks) */
.wp-block-cover.hero{color:#fff;padding:0}
.hero .wp-block-cover__inner-container{width:min(1120px,92%);margin-inline:auto;padding:4.5rem 0 3rem}
.hero h1,.hero h2{color:#fff;margin-bottom:.3em}
.hero p{font-size:1.2rem;color:#f5e8cc}
.hero--page .wp-block-cover__inner-container{padding:3rem 0 2rem}
.hero .is-style-outline .wp-block-button__link{color:#fff;border-color:#fff;background:transparent}
.hero .is-style-outline .wp-block-button__link:hover{background:var(--marigold);border-color:var(--marigold);color:#1a1200}

/* Sections */
.section{padding:4rem 4%}
.section--sand{background:var(--sand)}
.section--saffron{background:var(--saffron);color:#fff3e0}
.section--saffron h2,.section--saffron h3{color:#fff}
.section--saffron a{color:#fff;text-decoration:underline}
.wp-block-columns{gap:2.5rem}
.photo img,.wp-block-image.photo img{border-radius:var(--radius);box-shadow:0 10px 28px rgba(124,45,18,.25);width:100%}
.photo--frame img{border:6px solid #fff;outline:2px solid var(--marigold)}
.lead::first-letter{font-family:var(--wp--preset--font-family--head);font-size:3.2em;float:left;line-height:.85;padding:.08em .12em 0 0;color:var(--kumkum)}

/* Tables */
.notice{background:#fff;border:2px solid var(--marigold);border-radius:var(--radius);padding:1.6rem 1.8rem;box-shadow:0 8px 24px rgba(124,45,18,.1)}
.wp-block-table table{width:100%;border-collapse:collapse}
.wp-block-table th,.wp-block-table td{padding:.8rem 1rem;border:0;border-bottom:1px solid #eadfc8;text-align:left;vertical-align:top}
.wp-block-table thead{border:0}
.wp-block-table thead th{background:var(--saffron);color:#fff;font-weight:500}
.wp-block-table td:first-child{font-weight:600;color:var(--kumkum)}
.events table{background:#fff;box-shadow:0 8px 24px rgba(124,45,18,.12);border-radius:var(--radius);overflow:hidden}
.fineprint{font-weight:600;color:var(--kumkum)}

/* Cards */
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px rgba(124,45,18,.12);border-top:5px solid var(--kumkum);height:100%}
.card .wp-block-image{margin:0}
.card .wp-block-image img{aspect-ratio:16/9;object-fit:cover;width:100%;border-radius:0}
.card-body{padding:1.5rem 1.6rem}
.blessing{font-family:var(--wp--preset--font-family--head);color:var(--kumkum);font-size:1.2rem}

/* Lists */
ul.linkgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
ul.linkgrid li{margin:0}
ul.linkgrid a{display:block;background:#fff;border:1px solid #eadfc8;border-left:5px solid var(--marigold);border-radius:8px;padding:.85rem 1rem;text-decoration:none;color:var(--saffron);font-weight:600;height:100%}
ul.linkgrid a:hover{border-left-color:var(--kumkum);background:#fff1cf}
ul.services{list-style:none;margin:1.2rem 0 2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}
ul.services li{background:#fff;border:1px solid #eadfc8;border-left:5px solid var(--kumkum);padding:.8rem 1rem;border-radius:8px;font-weight:600;color:var(--saffron)}
.review-gallery img{aspect-ratio:3/4;object-fit:cover;border-radius:8px}
.strip img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}

/* Contact */
.form{display:grid;gap:1rem}
.form label{font-weight:600;color:var(--saffron);display:block;margin-bottom:.25rem}
.form input,.form textarea{width:100%;padding:.75rem .9rem;border:2px solid #d9cdb4;border-radius:8px;font:inherit;background:#fff;box-sizing:border-box}
.form input:focus,.form textarea:focus{border-color:var(--kumkum);outline:none}
.form .hp{position:absolute;left:-9999px}
.form button{justify-self:start;cursor:pointer;font:inherit;font-weight:600;padding:.7rem 1.4rem;border-radius:999px;background:var(--marigold);border:0;color:#1a1200}
.flash{padding:1rem 1.2rem;border-radius:8px;margin-bottom:1rem;font-weight:600}
.flash.ok{background:#e4f5e4;color:#1d5a1d}.flash.err{background:#fde6e6;color:#8a1313}
.infobox{background:var(--saffron);color:#fff3e0;border-radius:var(--radius);padding:1.6rem}
.infobox h3{color:#fff}.infobox a{color:#fff;text-decoration:underline}

/* Banner + footer */
.sai{background:var(--marigold);color:#1a1200;text-align:center;padding:1.3rem 4%;font-style:italic;font-weight:500}
.sai p{margin:0}
.footer-main{background:var(--saffron);color:#fff3e0;padding:2rem 4%;text-align:center}
.footer-main a{color:#fff;text-decoration:underline}
.footer-main p{margin:.4rem 0}
.footer-main .wp-block-social-links{justify-content:center}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}