/* Art Gilding Studio: "Gallery" palette (light) + dark-green accent blocks with gold-leaf flecks. Styling only.
   Loaded LAST (see functions.php), so it only has to out-rank or equal the earlier rules and win by order. The earlier files are written
   against variables (--g, --ink, ...): redefining the variables turns most of the site light; the few hard-coded dark-theme colours are
   overridden below. References (approved by Dan): frontend-demos/gallery/style.css (palette) and
   frontend-demos/gallery-green-2026-11-13/index.html (green block, variant g3).
   Palette: paper #fbfbf6, paper2 #f4f5ee, paper3 #edf0e6, ink #28352e, muted #58675d, line #d8ddd2, gold #88734c (text-safe #705e3b), button #304d3a.
   Accent block = block style "Dark green flecks" (class .is-style-flecks on a core/group section); the flecks canvas is added by assets/js/flecks.js. */

/* ---- 1. palette -------------------------------------------------------------------------------------------------------- */
.ag-shell{--g:#fbfbf6;--g2:#f0f1e9;--g3:#edf0e6;--ink:#28352e;--muted:#58675d;--line:#d8ddd2;--gold:#88734c;--gold2:#705e3b;--paper:#fbfbf6;--dark:#28352e;--dmuted:#58675d;--dline:#d8ddd2;--link:#705e3b}
.ag-sec{--g:#fbfbf6;--g2:#f4f5ee;--g3:#edf0e6;--ink:#28352e;--muted:#536158;--line:#d8ddd2;--gold:#88734c;--gold2:#705e3b}
body.ag-kit #main-container>.container{--dark:#28352e;--dmuted:#58675d;--dline:#d8ddd2;--link:#705e3b}

/* concepts.css (older, still loaded) sets a light-gold hover and focus ring for .concept-studio, made for the dark theme */
.ag-shell.concept-studio a:hover{color:#253e30}
.ag-shell.concept-studio :is(a,button,summary):focus-visible{outline-color:#88734c}

/* ---- 2. shell: top bar, header, menus ------------------------------------------------------------------------------------- */
.ag-shell #top-bar{background:#f0f1e9;color:#556052;border-bottom:1px solid #e1e3d8}
.ag-shell .site-header{background:#fbfbf6;border-bottom:1px solid #d8ddd2}
.ag-shell .primary-navigation a:hover,.ag-shell .primary-navigation .current-menu-item>a{color:#705e3b}
.ag-shell .primary-navigation .current-menu-item>a,.ag-shell .primary-navigation .menu-item-home.current-menu-item>a{border-bottom-color:#88734c}
.ag-shell .primary-navigation .sub-menu{background:#fbfbf6;border-color:#d8ddd2;box-shadow:0 10px 25px #28352e22}
.ag-shell .primary-navigation .sub-menu a:hover{background:#edf0e6;color:#28352e}
.ag-shell .shopping-bag-item .sub-menu{background:#fff;border-color:#d8ddd2;box-shadow:0 10px 25px #28352e22}
.ag-shell .shopping-bag .sf-button{background:#304d3a;color:#fff}
.ag-shell #mobile-menu-wrap{background:#fbfbf6;color:#28352e}
.ag-shell #mobile-menu-wrap .mobile-search-form input{background:#fff;color:#28352e}
.ag-shell #mobile-menu a{border-bottom-color:#d8ddd2}
.ag-skip-link:focus{background:#304d3a;color:#fff;outline-color:#28352e}

/* ---- 3. shell: page heading band, content sheet, footer ----------------------------------------------------------------- */
.ag-shell .page-heading{background:#f0f1e9;border-bottom-color:#d8ddd2}
.ag-shell .page-heading .heading-text h1,.ag-shell .page-heading .heading-text h3{color:#28352e}
.ag-shell .page-heading .heading-text h3,.ag-shell .page-heading .heading-text h1 span{color:#705e3b}
.ag-shell .page-heading #breadcrumbs{color:#58675d}
.ag-shell .page-heading #breadcrumbs a,.ag-shell #main-container .page-heading a{color:#705e3b;text-decoration-color:#b9a982}
.ag-shell #main-container>.container{box-shadow:0 0 0 1px #d8ddd2}
.ag-shell #main-container a:hover{color:#253e30}
.ag-shell #page-wrap [style*="#d4b768"],.ag-shell #page-wrap [style*="#D4B768"]{color:#705e3b!important}
/* site footer: dark green with gold-leaf flecks (canvas added by assets/js/flecks.js to #footer-wrap). Light text on #1f3a2f..#0f1f18: body #d9dccf (>= 8:1), headings/links #e2c98f (>= 7:1), hover #fffaf0 */
.ag-shell .site-footer{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(120% 90% at 80% 0%,#284a3b,#1f3a2f 50%,#0f1f18);color:#d9dccf;border-top:0}
.ag-shell .site-footer>#footer,.ag-shell .site-footer>#copyright{position:relative;z-index:2}
.ag-shell .site-footer>.ag-flecks-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.ag-shell #footer .widget{color:#d9dccf}
.ag-shell #footer .widget-heading h6{color:#e2c98f}
.ag-shell #footer a,.ag-shell #copyright a{color:#e2c98f;text-decoration-color:#cdb17a99}
.ag-shell #footer a:hover,.ag-shell #copyright a:hover{color:#fffaf0}
.ag-shell #copyright{border-top-color:#cdb17a55;color:#d9dccf}
.ag-shell #footer .mc4wp-form input[type="text"],.ag-shell #footer .mc4wp-form input[type="email"],.ag-shell #footer .mc4wp-form select{background:#fff;border-color:#cdb17a99;color:#28352e}
.ag-shell #footer .mc4wp-form input[type="submit"]{background:linear-gradient(180deg,#e2c98f,#b89652);border:1px solid #c9ab6c;color:#1b2a21}
.ag-shell #footer .mc4wp-form input[type="submit"]:hover{background:linear-gradient(180deg,#ecd8a3,#c4a35e);border-color:#d9c08a}
.ag-shell #footer .mc4wp-response,.ag-shell #footer .mc4wp-response p{color:#fffaf0}
.ag-shell #back-to-top{background:#fbfbf6;color:#28352e}
.ag-shell .page-numbers.current{background:#304d3a;color:#fff;border-color:#304d3a}

/* ---- 4. buttons and fields (filled green, white text; hover lighter green) ---------------------------------------------------- */
body.ag-shell #page-wrap button,body.ag-shell #page-wrap input[type="submit"],body.ag-shell #page-wrap .button,body.ag-shell #page-wrap .sf-button,body.ag-shell #page-wrap .wpforms-submit,
body.ag-shell #page-wrap .ag-sec .wp-block-button__link,body.ag-shell #page-wrap .ag-sec input[type="submit"],body.ag-shell #page-wrap .ag-sec button[type="submit"],body.ag-shell #page-wrap .ag-sec .wpforms-submit,
body.ag-shell #page-wrap .ag-panel .wp-block-button__link,body.ag-shell #page-wrap .ag-cta .wp-block-button__link{background:#304d3a;border:1px solid #304d3a;border-radius:0;color:#fff;text-decoration:none}
body.ag-shell #page-wrap button:hover,body.ag-shell #page-wrap input[type="submit"]:hover,body.ag-shell #page-wrap .button:hover,body.ag-shell #page-wrap .sf-button:hover,body.ag-shell #page-wrap .wpforms-submit:hover,
body.ag-shell #page-wrap .ag-sec .wp-block-button__link:hover,body.ag-shell #page-wrap .ag-sec input[type="submit"]:hover,body.ag-shell #page-wrap .ag-sec button[type="submit"]:hover,body.ag-shell #page-wrap .ag-sec .wpforms-submit:hover,
body.ag-shell #page-wrap .ag-panel .wp-block-button__link:hover,body.ag-shell #page-wrap .ag-cta .wp-block-button__link:hover{background:#44674f;border-color:#44674f;color:#fff}
body.ag-shell #page-wrap .ag-sec .wp-block-button__link{font:600 12px/1.3 var(--sans);letter-spacing:.02em;text-transform:none;padding:15px 20px}
body.ag-shell #page-wrap .elementor-button,body.ag-shell #page-wrap .elementor-button-link{background:#304d3a!important;color:#fff!important}
body.ag-shell #page-wrap .elementor-button:hover{background:#44674f!important;color:#fff!important}
body.ag-shell #page-wrap .ag-faq-q,body.ag-shell #page-wrap .ag-faq-q:hover{background:none;border:0;color:inherit}
body.ag-shell #page-wrap input[type="text"],body.ag-shell #page-wrap input[type="email"],body.ag-shell #page-wrap input[type="tel"],body.ag-shell #page-wrap input[type="search"],body.ag-shell #page-wrap input[type="password"],body.ag-shell #page-wrap input[type="number"],body.ag-shell #page-wrap select,body.ag-shell #page-wrap textarea,
body.ag-shell #page-wrap .ag-sec input[type="text"],body.ag-shell #page-wrap .ag-sec input[type="email"],body.ag-shell #page-wrap .ag-sec input[type="tel"],body.ag-shell #page-wrap .ag-sec input[type="date"],body.ag-shell #page-wrap .ag-sec input[type="number"],body.ag-shell #page-wrap .ag-sec select,body.ag-shell #page-wrap .ag-sec textarea{background:#fff;color:#28352e;border:1px solid #b6c0b3}

/* ---- 5. kit sections in the Gallery palette ------------------------------------------------------------------------------ */
.ag-sec h5,.ag-sec h6,.ag-feature h4{color:#705e3b}
.ag-sec a{text-decoration-color:#b9a982}
.ag-sec a:hover{color:#253e30}
body.ag-shell #page-wrap .ag-hero h1{color:#28352e}
body.ag-shell #page-wrap .ag-sec a{color:#705e3b;text-decoration-color:#b9a982}
body.ag-shell #page-wrap .ag-sec a:hover{color:#253e30}
body.ag-shell #page-wrap .ag-sec a.wp-block-button__link,body.ag-shell #page-wrap .ag-sec .wp-block-button__link:hover{color:#fff;text-decoration:none}
.ag-feature .wp-block-list li,.ag-sec .ag-ruled li{border-bottom-color:#d8ddd2}
.ag-sec .ag-panel{background:#eef0e6;color:#28352e;border:1px solid #d6deca}
.ag-sec .ag-panel h2{border-bottom-color:#d8ddd2}
.ag-sec .ag-panel p,.ag-getrow .ag-panel ul{color:#536158}
.ag-getrow .ag-panel .ag-ruled li{border-bottom-color:#d8ddd2}
.ag-sec.ag-cta,.ag-sec.ag-cta:nth-of-type(even){background:#edf0e6;color:#28352e;border-top:1px solid #d8ddd2}
.ag-cta p{color:#536158}
body.ag-shell #page-wrap .ag-cta :is(h1,h2,h3,h4),.ag-cta strong{color:#28352e}
body.ag-shell #page-wrap .ag-cta a:not(.wp-block-button__link){color:#705e3b}
body.ag-kit #page-wrap .ag-gc-cta .ag-inner p a:not(.wp-block-button__link):hover,body.ag-kit #page-wrap .ag-cta.ag-raining-e a:hover{color:#fff}
.ag-card{background:#fff}
.ag-card h2,.ag-card h3,.ag-card h4{color:#28352e}

/* ---- 6. accent block: dark green with gold-leaf flecks (.is-style-flecks) ------------------------------------------------------- */
.ag-sec.is-style-flecks,.ag-sec.is-style-flecks:nth-of-type(even){
  --g:#1f3a2f;--g2:#0f1f18;--g3:#2f5644;--ink:#fffaf0;--muted:#d9dccf;--line:#cdb17a55;--gold:#d9c08a;--gold2:#e2c98f;
  position:relative;isolation:isolate;overflow:hidden;color:#fffaf0;border-top:0;
  background:radial-gradient(120% 90% at 80% 0%,#284a3b,#1f3a2f 50%,#0f1f18)}
.ag-sec.is-style-flecks>.ag-inner{position:relative;z-index:2}
.ag-sec.is-style-flecks>.ag-flecks-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
body.ag-shell #page-wrap .ag-sec.is-style-flecks :is(h1,h2,h3,h4,h5,h6),body.ag-shell #page-wrap .ag-sec.is-style-flecks strong{color:#fffaf0}
.ag-sec.is-style-flecks p,.ag-sec.is-style-flecks :is(ul,ol){color:#d9dccf}
body.ag-shell #page-wrap .ag-sec.is-style-flecks a:not(.wp-block-button__link){color:#e2c98f;text-decoration-color:#cdb17a99}
body.ag-shell #page-wrap .ag-sec.is-style-flecks a:not(.wp-block-button__link):hover{color:#fffaf0}
body.ag-shell #page-wrap .ag-sec.is-style-flecks .ag-moved h2{color:#e2c98f}
body.ag-shell #page-wrap .ag-sec.is-style-flecks .ag-moved h4{color:#d9dccf}
/* course cards: translucent panel with a gold hairline */
.ag-sec.is-style-flecks .ag-panel{background:#ffffff0a;border:1px solid #cdb17a55;color:#fffaf0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.ag-sec.is-style-flecks .ag-panel h2{border-bottom-color:#cdb17a55}
.ag-sec.is-style-flecks .ag-panel p{color:#d9dccf}
.ag-sec.is-style-flecks .ag-panel p strong{color:#e2c98f}
.ag-sec.is-style-flecks .ag-feature-media img,.ag-sec.is-style-flecks .ag-photo img{outline:1px solid #cdb17a66;outline-offset:-1px}
/* buttons: gold gradient primary, outlined secondary (every further button row after the first in the block) */
body.ag-shell #page-wrap .ag-sec.is-style-flecks .wp-block-button__link{background:linear-gradient(180deg,#e2c98f,#b89652);border:1px solid #c9ab6c;color:#1b2a21}
body.ag-shell #page-wrap .ag-sec.is-style-flecks .wp-block-button__link:hover{background:linear-gradient(180deg,#ecd8a3,#c4a35e);border-color:#d9c08a;color:#1b2a21}
body.ag-shell #page-wrap .ag-sec.is-style-flecks .wp-block-buttons~.wp-block-buttons .wp-block-button__link{background:transparent;border-color:#cdb17a99;color:#fffaf0}
body.ag-shell #page-wrap .ag-sec.is-style-flecks .wp-block-buttons~.wp-block-buttons .wp-block-button__link:hover{background:#ffffff14;border-color:#e2c98f;color:#fffaf0}
/* cards and lists inside a green block (the lower-specificity :where() keeps page rules such as .ag-facts .ag-card, which are transparent with a gold top rule) */
:where(.ag-sec.is-style-flecks) .ag-card{background:#ffffff0a;border:1px solid #cdb17a55;color:#fffaf0}
.ag-sec.is-style-flecks .ag-card p,.ag-sec.is-style-flecks .ag-card li,.ag-sec.is-style-flecks .ag-ruled li,.ag-sec.is-style-flecks .ag-inner>p,.ag-sec.is-style-flecks .ag-inner li{color:#d9dccf}
.ag-sec.is-style-flecks .ag-ruled li,.ag-sec.is-style-flecks .ag-feature .wp-block-list li{border-bottom-color:#cdb17a55}
.ag-sec.is-style-flecks .ag-card strong,.ag-sec.is-style-flecks .ag-inner strong{color:#fffaf0}
.ag-sec.is-style-flecks .ag-card img{outline:1px solid #cdb17a66;outline-offset:-1px}
/* forms inside a green block (contact form): white fields stay, labels light, submit gold */
.ag-sec.is-style-flecks label,.ag-sec.is-style-flecks .wpcf7 p,.ag-sec.is-style-flecks .wpforms-field-label{color:#d9dccf}
body.ag-shell #page-wrap .ag-sec.is-style-flecks input[type="submit"],body.ag-shell #page-wrap .ag-sec.is-style-flecks button[type="submit"]{background:linear-gradient(180deg,#e2c98f,#b89652);border:1px solid #c9ab6c;color:#1b2a21}
body.ag-shell #page-wrap .ag-sec.is-style-flecks input[type="submit"]:hover,body.ag-shell #page-wrap .ag-sec.is-style-flecks button[type="submit"]:hover{background:linear-gradient(180deg,#ecd8a3,#c4a35e);border-color:#d9c08a;color:#1b2a21}
.ag-sec.is-style-flecks .wpcf7-not-valid-tip,.ag-sec.is-style-flecks .wpcf7-response-output{color:#fffaf0}

/* ---- 7. fixes after visual QA (0.11.1) ------------------------------------------------------------------------------------ */
/* "What you will get" / "What you will learn" boxes (.ag-getrow .ag-panel): dark green panel like .is-style-flecks, light text, gold headings (WCAG AA) */
body.ag-shell #page-wrap .ag-getrow .ag-panel{background:radial-gradient(120% 90% at 80% 0%,#284a3b,#1f3a2f 50%,#0f1f18);border:1px solid #cdb17a55;color:#d9dccf}
body.ag-shell #page-wrap .ag-getrow .ag-panel :is(h2,h3,h4){color:#e2c98f;border-bottom-color:#cdb17a55}
body.ag-shell #page-wrap .ag-getrow .ag-panel :is(p,ul,ol,li){color:#d9dccf}
body.ag-shell #page-wrap .ag-getrow .ag-panel strong{color:#fffaf0}
body.ag-shell #page-wrap .ag-getrow .ag-panel .ag-ruled li{border-bottom-color:#cdb17a55}
body.ag-shell #page-wrap .ag-getrow .ag-panel .ag-ruled li:last-child{border-bottom:0}
body.ag-shell #page-wrap .ag-getrow .ag-panel .ag-ruled li:before{background:#d9c08a}
body.ag-shell #page-wrap .ag-getrow .ag-panel a:not(.wp-block-button__link){color:#e2c98f}
/* link-buttons written as plain links inside a green block (BOOK NOW! in .ag-gc-cta): gold, dark text, like .wp-block-button__link there */
body.ag-kit #page-wrap .ag-sec.is-style-flecks .ag-inner p a:not(.wp-block-button__link):is(.ag-btn,.button),
body.ag-kit #page-wrap .ag-sec.is-style-flecks.ag-gc-cta .ag-inner p a:not(.wp-block-button__link){background:linear-gradient(180deg,#e2c98f,#b89652);border:1px solid #c9ab6c;color:#1b2a21}
body.ag-kit #page-wrap .ag-sec.is-style-flecks .ag-inner p a:not(.wp-block-button__link):is(.ag-btn,.button):hover,
body.ag-kit #page-wrap .ag-sec.is-style-flecks.ag-gc-cta .ag-inner p a:not(.wp-block-button__link):hover{background:linear-gradient(180deg,#ecd8a3,#c4a35e);border-color:#d9c08a;color:#1b2a21}