/*
Theme Name: Sheetal Cross Child
Theme URI: https://sheetalcross.com
Description: Child theme of Kadence. Reproduces the approved visual design (sheetalcross-preview.html). Kadence is used only as the clean parent: its own styling is switched off. Light appearance only.
Author: Sheetal Cross
Template: kadence
Version: 1.0.12
Text Domain: sheetalcross-child
*/

:root{
  --ink:#050404; --panel:rgba(245,245,245,.96); --hdr:rgba(248,248,248,.88); --accent:#E4572E; --link:#B8421C;
  --line:#333; --row:#ececec; --field:#fff; --muted:#4a4a4a; --card:#fff; --border:#d4d4d4;
  color-scheme:light;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 90px);height:100%}
body{margin:0;min-height:100%;background:#2a2c2d;color:var(--ink);font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--hdr);z-index:30}
.bg{position:fixed;inset:0;z-index:-1;background:
  radial-gradient(ellipse 42% 30% at 86% 6%,#6f8f46 0,rgba(111,143,70,0) 72%),
  radial-gradient(ellipse 26% 38% at 96% 34%,#8d9288 0,rgba(141,146,136,0) 72%),
  radial-gradient(ellipse 20% 26% at 6% 28%,#6e7378 0,rgba(110,115,120,0) 70%),
  linear-gradient(100deg,#3c4144 0%,#23262a 40%,#2c2e31 64%,#585c55 100%)}
.bg.has-photo{background-size:cover;background-position:center;background-repeat:no-repeat}
.bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.3px);background-size:4px 4px}
a{color:var(--link)}
a:hover{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:8px 12px;z-index:60}
.skip:focus{left:8px;top:calc(env(safe-area-inset-top,0px) + 8px)}

/* header: fixed, translucent, logo left, caps menu */
.site-header{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:20;background:var(--hdr);transition:box-shadow .25s}
.admin-bar .site-header{top:calc(32px + env(safe-area-inset-top,0px))}
.site-header.is-stuck{box-shadow:0 2px 12px rgba(0,0,0,.35)}
.hbar{width:min(1170px,100%);margin:0 auto;padding:6px 12px;display:flex;align-items:center;gap:20px;min-height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.thumb{width:36px;height:42px;border-radius:3px;background:linear-gradient(160deg,#c9743f,#8a4a2a);overflow:hidden;flex:none}
.thumb svg,.thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.sep{width:1px;height:34px;background:#555}
.wm{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1;font-weight:700;color:#555}
.wm b{color:var(--accent)}
.wm i{display:block;font-size:9.5px;font-weight:700;color:var(--ink);margin-top:3px;letter-spacing:.1px}
#nav{display:flex;flex-wrap:wrap;gap:0 4px;margin-left:auto}
#nav a{color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:14px;padding:8px 9px;border-bottom:2px solid transparent}
#nav a:hover{color:var(--accent)}
#nav a[aria-current="page"]{border-bottom-color:var(--accent)}
.hbtn{display:none;margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--ink);border-radius:4px;padding:6px 10px;font:inherit;cursor:pointer}
@media(max-width:980px){
  .hbtn{display:inline-block}
  .hbar{flex-wrap:wrap}
  #nav{display:none;width:100%;flex-direction:column;margin:0 0 6px}
  #nav.open{display:flex}
  main{margin-top:84px!important}
}

/* panel: light rounded content box over the photo */
main{margin-top:96px;outline:none}
.panel{width:min(1170px,calc(100% - 24px));margin:0 auto 18px;background:var(--panel);border-radius:5px;padding:20px}
.panel h2{font-size:31.5px;line-height:40px;font-weight:700;margin:10px 0 0;padding-bottom:6px;border-bottom:1px dashed var(--line);text-align:left}
.panel h3{font-size:14px;font-weight:700;margin:14px 0 4px;text-align:left}
.panel h4{font-size:15px;font-weight:700;margin:6px 0}
.panel p{margin:10px 0;text-align:justify;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.panel ul,.panel ol{margin:6px 0 10px;padding-left:22px}
.panel li{text-align:justify;hyphens:auto}
.panel .entry>*:first-child{margin-top:10px}
.video{position:relative;width:min(480px,100%);aspect-ratio:16/9;margin:14px auto;background:linear-gradient(135deg,#444,#1d1f22);border-radius:2px;overflow:hidden;color:#fff}
.video .vt{position:absolute;left:12px;top:10px;font-weight:700;font-size:15px;max-width:90%}
.video .vt small{display:block;font-weight:400;font-size:11px;opacity:.85}
.video .play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;background:#f00;border-radius:12px}
.video .play::after{content:"";position:absolute;left:27px;top:14px;border-left:18px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
.video .wy{position:absolute;right:12px;bottom:10px;font-weight:700}
.video button.vload{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;cursor:pointer;color:transparent;font-size:0}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-note{font-size:12px;color:var(--muted);text-align:center;margin:-8px 0 10px}
.social{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.social a{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:700 12px Arial,sans-serif;text-decoration:none;background:#555}
.social a:hover{background:var(--accent);color:#fff}
.quote{font-size:16px;font-weight:700;margin:14px 0 4px;text-align:center}
.vc{display:flex;justify-content:center;gap:3px;margin:12px 0}
.fd{display:inline-block;width:26px;height:36px;text-align:center;background:linear-gradient(#2b2b2b 50%,#161616 50%);color:#fff;font:700 24px/36px "Courier New",monospace;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.5)}
.news-list{list-style:none;margin:6px 0;padding:0}
.news-list li{padding:6px 0;border-bottom:1px solid var(--border)}
table.sc-table,.entry table{width:100%;border-collapse:collapse;margin:8px 0}
table.sc-table th,.entry table th{text-align:left;border-bottom:2px solid var(--line);padding:6px 8px;font-weight:700}
table.sc-table td,.entry table td{padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:top}
table.sc-table tr:nth-child(even) td,.entry table tr:nth-child(even) td{background:var(--row)}
.disp{margin:6px 0 8px;font-size:13px}
.disp select{background:var(--field);color:var(--ink);border:1px solid var(--border);padding:2px 4px}
.disp button{margin-left:6px;font:inherit;font-size:12px;padding:2px 8px;border:1px solid var(--border);background:var(--card);cursor:pointer}
.pager{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:8px 0;font-size:13px}
.pager li{padding:0;border:1px solid var(--border);background:var(--card)}
.pager li a,.pager li span{display:block;padding:3px 8px;text-decoration:none}
.pager li.on{background:var(--accent);border-color:var(--accent)}
.pager li.on span{color:#fff}
.pills{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 4px}
.pill{border:1px solid var(--border);background:var(--card);color:var(--ink);padding:3px 11px;border-radius:12px;cursor:pointer;font:inherit;font-size:13px;text-decoration:none}
.pill[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.box{border:1px solid var(--border);background:var(--card);padding:12px 14px;margin:10px 0}
.note{border:1px dashed var(--accent);padding:8px 12px;margin:10px 0;font-size:13px;color:var(--muted)}
mark.sc-placeholder,.entry mark{background:#fff3a3;color:#050404;padding:0 2px;border-bottom:1px dashed #b38600}
.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:3px;padding:7px 16px;font:700 14px Arial,sans-serif;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08);color:#fff}
.sc-form{display:grid;gap:10px;max-width:560px}
label{font-weight:700}
input[type=text],input[type=email],textarea{width:100%;padding:7px 8px;border:1px solid var(--border);background:var(--field);color:var(--ink);font:inherit;border-radius:2px}
.check{display:flex;gap:8px;align-items:flex-start;font-weight:400}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
@media(max-width:820px){.cols{grid-template-columns:1fr}}
.chv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0;border:1px solid var(--border);background:var(--card);margin:10px 0}
.chv>div{padding:10px 12px}
.chv>div:first-child{border-right:1px solid var(--border);font-weight:700}
.chv>div>*:first-child{margin-top:0}
@media(max-width:820px){.chv{grid-template-columns:1fr}.chv>div:first-child{border-right:0;border-bottom:1px solid var(--border)}}
.foot{width:min(1170px,calc(100% - 24px));margin:0 auto 18px;background:var(--hdr);border-radius:5px;padding:12px 16px;font-size:12.5px}
.foot a{margin-right:12px;white-space:nowrap}
.foot p{margin:4px 0;text-align:left}
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.js .rv.in{opacity:1;transform:none}
.card-lift{transition:transform .25s ease,box-shadow .25s ease}
.card-lift:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(20,33,61,.15)}
.screen-reader-text{position:absolute;left:-9999px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{transition:none;transform:none;opacity:1}.card-lift{transition:none}.card-lift:hover{transform:none}}

select{background:var(--field);color:var(--ink);border:1px solid var(--border);padding:6px 8px;font:inherit;border-radius:2px;width:100%}
.btn-alt{background:var(--card);color:var(--ink);border:1px solid var(--border)}
.btn-alt:hover{filter:none;color:var(--accent)}
.cookie-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;width:min(1170px,calc(100% - 24px));background:var(--panel);border-radius:5px;padding:14px 16px;z-index:50;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.cookie-bar[hidden]{display:none}
.cookie-bar p{margin:0 0 10px;text-align:left}
.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}
.cookie-panel{border:1px solid var(--border);margin:12px 0 0;padding:10px 12px;background:var(--card)}
.cookie-panel[hidden]{display:none}
.cookie-panel legend{font-weight:700;padding:0 6px}
.cookie-panel .check{margin:4px 0 8px}

/* Gallery page: photographs in the same panel block */
.photos{column-width:240px;column-gap:6px;margin:10px 0}
.photos a{display:block;margin:0 0 6px;break-inside:avoid}
.photos img{display:block;width:100%;height:auto}

/* Portfolio gallery */
.gallery{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}
.gallery img{display:block;max-width:100%;height:auto}