/*!
Theme Name: Shamayim Shepherds
URI: https://shamayimshepherds.com/
Template: kadence
Author: Web Design by Mark
Author URI: https://webdesignbymark.com/
Description: A child theme for Shamayim Shepherds.
Version: 1.1.09160205
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: shepherds
*/

/* Theme customization starts here
-------------------------------------------------------------- */


















/* ==== SHM-HEAVENS START ====
   The Heavens build, 2026-09-15 (SyncShepherd). Decorative details from the approved mockup that
   Kadence block settings cannot express. Every rule hooks onto a class set in the block's
   "Additional CSS class" field, so removing a class switches its rule off. Content stays in blocks.
   - shm-sky        star field behind a section (row)
   - shm-hook       hero row: clips the Hebrew watermark
   - shm-heb        Hebrew watermark heading, positioned behind the hero text
   - shm-portal     hero photo: gold orbit line + moon
   - shm-portal-col hero photo column (positioning context for the tag)
   - shm-tagcard    litter announcement card, overlapping the hero photo
   - shm-chips      health/result chips (each chip is a highlight in the heading)
   - shm-stepn      numbered gold circles in The Shamayim Way
   - shm-pillar     diamond marker on the philosophy pillars
   - shm-rel        column that holds an overlay label (litter badge)
   - shm-badge      litter "Home Sept 26" badge over the photo
   - shm-mnames     puppy names list, phones only (constellation labels are too small there)
   - shm-legend     constellation legend (blue-merle dot colour)
   - shm-credit     photo credit over a dog photo
   - shm-sticky-btns  mobile sticky bar: application button stretches, call button stays round
*/
.shm-sky{position:relative;isolation:isolate}
.shm-sky::before,.shm-sky::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
   radial-gradient(1.2px 1.2px at 12% 18%,#fff 60%,transparent),radial-gradient(1px 1px at 27% 72%,#fff 60%,transparent),
   radial-gradient(1.4px 1.4px at 41% 33%,#fff 60%,transparent),radial-gradient(1px 1px at 58% 12%,#fff 60%,transparent),
   radial-gradient(1.2px 1.2px at 69% 58%,#fff 60%,transparent),radial-gradient(1px 1px at 83% 26%,#fff 60%,transparent),
   radial-gradient(1.5px 1.5px at 91% 78%,#fff 60%,transparent),radial-gradient(1px 1px at 6% 88%,#fff 60%,transparent),
   radial-gradient(1px 1px at 35% 92%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 76% 91%,#fff 60%,transparent);
  background-size:520px 520px;opacity:.5}
.shm-sky::after{background-size:780px 780px;background-position:130px 90px;opacity:.3;animation:shm-twinkle 6s ease-in-out infinite alternate}
@keyframes shm-twinkle{from{opacity:.12}to{opacity:.45}}

.shm-hook{overflow:hidden}
.wp-block-kadence-advancedheading.shm-heb{position:absolute;right:-2vw;top:2vh;z-index:0;margin:0;direction:rtl;white-space:nowrap;pointer-events:none;user-select:none}

.shm-portal-col>.kt-inside-inner-col{position:relative;width:min(440px,84vw);margin-inline:auto}
.shm-portal{position:relative;margin:0}
.shm-portal::before{content:"";position:absolute;inset:-22px;border:1px solid rgba(232,193,112,.35);border-radius:999px 999px 40px 40px;pointer-events:none}
.shm-portal .kb-is-ratio-image,.shm-portal img{border-radius:999px 999px 28px 28px}
.shm-portal .kb-is-ratio-image{overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(232,193,112,.25)}
/* litter announcement card: overlaps the bottom of the hero photo */
.wp-block-kadence-advancedheading.shm-tagcard{position:relative;z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 18px 40px -22px rgba(0,0,0,.9)}
.shm-tagcard mark{display:block;margin-bottom:4px}

.wp-block-kadence-advancedheading.shm-chips mark.kt-highlight{display:inline-block;margin:0 3px 7px 0;padding:7px 10px!important;border-radius:999px!important;border:1px solid rgba(201,182,228,.18)!important;background:rgba(255,255,255,.03)!important;line-height:1!important}
.wp-block-kadence-advancedheading.shm-chips mark.kt-highlight:has(strong){border-color:rgba(232,193,112,.45)!important}
.shm-chips mark strong{font-weight:500;color:#e8c170}
.wp-block-kadence-advancedheading.shm-chips.shm-soon mark.kt-highlight{border-style:dashed!important;color:#bcb1d4!important}
.wp-block-kadence-advancedheading.shm-chips.shm-soft mark.kt-highlight{border:0!important;background:rgba(201,182,228,.1)!important;padding:8px 13px!important}

.wp-block-kadence-advancedheading.shm-stepn{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff6de,#e8c170 70%);box-shadow:0 0 28px 4px rgba(232,193,112,.3)}

.wp-block-kadence-advancedheading.shm-pillar{position:relative}
.shm-pillar::before{content:"";position:absolute;left:0;top:calc(22px + .42em);width:14px;height:14px;box-sizing:border-box;transform:rotate(45deg);border:1px solid #e8c170;padding:3px;background:#e8c170;background-clip:content-box}

.shm-rel>.kt-inside-inner-col{position:relative}
.wp-block-kadence-advancedheading.shm-badge{position:absolute;top:16px;left:16px;z-index:2}

/* past-puppy tiles: caption sits over the photo, clicks pass through to the image link */
.shm-tile>.kt-inside-inner-col{position:relative}
.wp-block-kadence-advancedheading.shm-tile-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(rgba(11,8,32,0),rgba(11,8,32,.92));border-radius:0 0 18px 18px;pointer-events:none}

.wp-block-kadence-advancedheading.shm-mnames{display:none}
@media(max-width:700px){.wp-block-kadence-advancedheading.shm-mnames{display:block}}

.shm-legend strong{color:#b9d4ff;font-weight:400}

.wp-block-kadence-advancedheading.shm-credit{position:relative;z-index:2;text-shadow:0 1px 6px rgba(0,0,0,.6)}

/* shm-form: the Gravity Form sits on a light panel, so its fields need dark text */
.shm-form .gform_title{display:none} /* the panel heading above it already says this */
.shm-form .gform_wrapper h1,.shm-form .gform_wrapper h2,.shm-form .gform_wrapper h3,.shm-form .gform_wrapper h4,.shm-form .gform_wrapper p,.shm-form .gform_wrapper li,.shm-form .gform_wrapper strong{color:#2a1745}
.shm-form .gform_wrapper label,.shm-form .gform_wrapper legend,.shm-form .gform_wrapper .gfield_label,.shm-form .gform_wrapper .gfield_required,.shm-form .gform_wrapper .gchoice label{color:#2a1745}
.shm-form .gform_wrapper .gfield_description,.shm-form .gform_wrapper .ginput_counter,.shm-form .gform_wrapper .gform_required_legend{color:#5a4a73}
.shm-form .gform_wrapper input[type=text],.shm-form .gform_wrapper input[type=email],.shm-form .gform_wrapper input[type=tel],.shm-form .gform_wrapper input[type=url],.shm-form .gform_wrapper input[type=number],.shm-form .gform_wrapper textarea,.shm-form .gform_wrapper select{color:#2a1745;background:#fff;border:1px solid #cdbfe3;border-radius:10px}
.shm-form .gform_wrapper input:focus,.shm-form .gform_wrapper textarea:focus,.shm-form .gform_wrapper select:focus{border-color:#8650a8;outline:2px solid rgba(134,80,168,.25)}
.shm-form .gform_wrapper .gform_footer input[type=submit],.shm-form .gform_wrapper .gform_button{background:#e8c170;color:#1a1030;border:0;border-radius:999px;padding:14px 30px;font-weight:600}
.shm-form .gform_wrapper .gform_footer input[type=submit]:hover{background:#f1d18f}

/* Hero layout: text + photo side by side, Kiana's starred list under the text on desktop.
   The list is the row's third column, so on phones it stacks last (below the photo), which is
   what Kiana asked for, without duplicating the list in the markup. */
@media(min-width:1025px){
  .shm-hook>.kt-row-column-wrap{display:grid!important;grid-template-columns:55% 45%!important;
    grid-template-areas:"text photo" "list list"!important;align-items:start!important}
  .shm-hook>.kt-row-column-wrap>.wp-block-kadence-column:nth-child(1){grid-area:text}
  .shm-hook>.kt-row-column-wrap>.wp-block-kadence-column:nth-child(2){grid-area:photo}
  .shm-hook>.kt-row-column-wrap>.wp-block-kadence-column:nth-child(3){grid-area:list}
}
@media(max-width:767px){
  /* one centred block with every star on the same left edge, and no rules on phones */
  .shm-trust .wp-block-kadence-advancedheading{display:block;text-align:left;width:min(290px,100%);margin-inline:auto!important;
    border-top:0!important;border-bottom:0!important;padding-top:0!important}
  .shm-trust .kt-row-column-wrap{row-gap:0!important}
  .shm-trust .kt-row-column-wrap>.wp-block-kadence-column>.kt-inside-inner-col{border:0!important;padding-top:0!important;padding-bottom:0!important}
}

.shm-sticky-btns.kb-buttons-wrap{flex-wrap:nowrap}
.shm-sticky-btns .kb-button:first-child{flex:1}

@media (prefers-reduced-motion:reduce){.shm-sky::after{animation:none}}
/* ==== SHM-HEAVENS END ==== */