/*
Theme Name:   Sunergy Child
Theme URI:    https://github.com/kamesh2023/sunergy-website
Description:  Child theme of Kadence for Sunergy Technologies Pvt Ltd. Brand colours, typography and layout classes.
Author:       Sunergy Technologies Pvt Ltd
Template:     kadence
Version:      0.1.0
Text Domain:  sunergy-child
*/

/*
 * Colour options. Option D (clean neutral) is the default. Option C (warm sand and brown) is applied
 * when the body has the class sg-scheme-c, which the Sunergy Core plugin adds from
 * Tools > Sunergy Setup > Colour option. The orange header and home hero are the same in both.
 */
:root{
  --sg-orange-deep:#B0330A; --sg-orange:#D8470B; --sg-orange-bright:#F58A1F; --sg-red:#D63A28;
  --sg-amber:#FFB347; --sg-gold:#F5B52A; --sg-navy:#03356A;
  --sg-ink:#3B3330; --sg-bg:#FFFFFF; --sg-surface:#FFFFFF;

  /* Option D */
  --sg-alt:#F4F6F9; --sg-head:#0A3A6B; --sg-accent:#D4470B; --sg-muted:#5B6675; --sg-line:#E1E7EF;
  --sg-tbg:#F4F6F9; --sg-tfg:#0A3A6B; --sg-rule:3px solid #F58A1F; --sg-btn:#03356A;
  --sg-panel:linear-gradient(160deg,#03356A,#0A2447); --sg-foot:linear-gradient(160deg,#03356A,#0A2447);
  --sg-tag-bg:#E3EDF8; --sg-tag-fg:#03356A;

  /* Kadence global palette */
  --global-palette1:#D4470B; --global-palette2:#03356A; --global-palette3:#0A3A6B;
  --global-palette4:#3B3330; --global-palette5:#5B6675; --global-palette6:#8A94A3;
  --global-palette7:#F4F6F9; --global-palette8:#FAFBFC; --global-palette9:#FFFFFF;
  --global-palette-highlight:#D4470B; --global-palette-highlight-alt:#03356A;
}
body.sg-scheme-c{
  --sg-alt:#F7EEE3; --sg-head:#3B1A09; --sg-accent:#B0330A; --sg-muted:#6B4A33; --sg-line:#E8D5BF;
  --sg-tbg:#F2E3D0; --sg-tfg:#3B1A09; --sg-rule:0 solid transparent; --sg-btn:#4A2209;
  --sg-panel:linear-gradient(160deg,#2A1206,#4A2209); --sg-foot:linear-gradient(160deg,#2A1206,#4A2209);
  --sg-tag-bg:#F2E3D0; --sg-tag-fg:#4A2209;
  --global-palette1:#B0330A; --global-palette2:#4A2209; --global-palette3:#3B1A09;
  --global-palette5:#6B4A33; --global-palette7:#F7EEE3; --global-palette-highlight:#B0330A; --global-palette-highlight-alt:#4A2209;
}
body{background:var(--sg-bg);color:var(--sg-ink)}
h1,h2,h3,h4{letter-spacing:-.02em;color:var(--sg-head)}

/* Home hero (orange, same in both options) */
.sg-hero{background:radial-gradient(ellipse 42% 85% at 78% 55%,rgba(255,214,140,.5),transparent 72%),linear-gradient(110deg,#B0330A 0%,#D8470B 45%,#F58A1F 100%);color:#fff;padding:72px 24px 88px}
.sg-hero h1,.sg-hero h2,.sg-hero h3{color:#fff}
.sg-hero p{color:#FFEBD6;font-size:1.15rem}
.sg-hero h1 mark{background:none;color:#FFF0CF}
.sg-hero .sg-eyebrow{color:#FFF0D6}
.sg-hero .wp-block-button__link{background:#fff;color:#B8350A}
.sg-hero .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:#fff;border:2px solid #fff}

/* Inner page title band */
.sg-pagehead{background:var(--sg-tbg);border-bottom:var(--sg-rule);padding:40px 24px 44px}
.sg-pagehead h1{color:var(--sg-tfg)}
.sg-pagehead p{color:var(--sg-muted);font-size:1.1rem}

.sg-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-accent);margin-bottom:.5rem}
.sg-section{padding:72px 24px}
.sg-band{background:var(--sg-alt);padding:72px 24px}
.sg-card{background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:20px;padding:28px}
.sg-card h3{margin-top:0}
.sg-card p{color:var(--sg-muted)}
.sg-navy-card{background:var(--sg-panel);color:#fff;border-radius:24px;padding:32px}
.sg-navy-card h3{color:#FFC857}
.sg-card.sg-featured{background:var(--sg-orange);border:0;color:#fff;box-shadow:0 12px 30px rgba(216,71,11,.35)}
.sg-featured h3,.sg-featured p{color:#fff}
.sg-cta{background:var(--sg-alt);border-radius:24px;padding:40px}
.sg-note{background:var(--sg-alt);border-radius:14px;padding:14px 18px;color:var(--sg-muted);font-size:.95rem}
.sg-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--sg-tag-bg);color:var(--sg-tag-fg)}
.wp-block-button.is-style-fill .wp-block-button__link,.wp-block-button__link{background:var(--sg-btn);color:#fff;border-radius:999px;font-weight:600;padding:14px 26px}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:inherit;border:2px solid currentColor}
.sg-form{display:grid;gap:16px;background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:20px;padding:28px}
.sg-form label{display:grid;gap:6px;font-weight:600;font-size:.9rem}
.sg-form input,.sg-form select,.sg-form textarea{padding:12px 14px;border:1px solid var(--sg-line);border-radius:10px;font:inherit;width:100%}
.sg-form button{background:var(--sg-btn);color:#fff;border:0;border-radius:999px;padding:14px 26px;font-weight:600;cursor:pointer}
.sg-form .sg-hp{position:absolute;left:-9999px}
.sg-msg{font-weight:600;color:var(--sg-accent)}
@media (max-width:781px){.sg-hero,.sg-section,.sg-band{padding-block:48px}.sg-pagehead{padding-block:32px}}

/* Footer (Kadence footer wrappers) */
#colophon,.site-footer,.site-footer-wrap .site-footer-row-container-inner{background:var(--sg-foot);color:#C9D8EC}
.site-footer a{color:#C9D8EC}
.site-footer a:hover{color:#fff}
.site-footer h2,.site-footer h3,.site-footer h4,.site-footer .widget-title{color:#F5B52A}

/* Fonts (Kadence reads these variables) */
:root{--global-body-font-family:'Figtree',system-ui,sans-serif;--global-heading-font-family:'Bricolage Grotesque',system-ui,sans-serif}
body,.site{font-family:'Figtree',system-ui,sans-serif}
h1,h2,h3,h4,.site-title{font-family:'Bricolage Grotesque',system-ui,sans-serif}

/* Hide Kadence's own page title bar; our pages carry their own heading */
.page .entry-hero,.page .entry-hero-container-inner{display:none}
.page .content-container.site-container,.page .content-area{max-width:none;padding:0;margin:0}
.page .entry-content-wrap,.page .entry-content{padding:0;margin:0}
.page .entry.single-entry{box-shadow:none;border-radius:0;background:transparent}

/* Keep the text inside edge-to-edge bands at a readable width */
.sg-hero > *,.sg-pagehead > *,.sg-section > *,.sg-band > *{max-width:1160px;margin-left:auto;margin-right:auto}
.sg-hero > *,.sg-pagehead > *{max-width:1160px}
.sg-hero h1{font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.05;max-width:760px;margin-inline:auto}
.sg-pagehead h1{font-size:clamp(32px,5vw,52px);font-weight:800}
.sg-hero .sg-eyebrow,.sg-pagehead .sg-eyebrow,.sg-section .sg-eyebrow,.sg-band .sg-eyebrow{font-size:.8rem}
.sg-hero p,.sg-pagehead p{max-width:760px}
.wp-block-columns{gap:20px}

/* Header: orange gradient, white menu, logo on a white badge */
#masthead .site-header-row-container-inner,#masthead .site-main-header-wrap .site-header-row-container-inner{background:linear-gradient(180deg,#F58220,#D63A28)!important}
#masthead .site-title,#masthead .site-title a,#masthead .site-description{color:#fff!important}
#masthead .header-navigation .header-menu-container ul li.menu-item > a,#masthead .menu-toggle-open{color:#fff!important}
#masthead .header-navigation .header-menu-container ul li.menu-item.current-menu-item > a{box-shadow:inset 0 -3px 0 #fff}
#masthead .custom-logo{background:#fff;border-radius:12px;padding:5px 7px;max-height:56px;width:auto}