/*
Theme Name: Vancouver Island Designs Child Theme
Theme URI: https://www.vancouverislanddesigns.ca
Version: 1.0
Description: A child theme for custom development.
Author: The Vancouver Island Designs Team
Author URI: https://www.vancouverislanddesigns.ca
template: bb-theme
*/

/* Add your custom styles here... */ 
/* Accessibility panel */
#accessibility-toggle {
  position: fixed;
  top: 40px;
  right: 40px;
  z-index: 9999;
}

#accessibility-panel {
  position: fixed;
  top: 78px;
  right: 40px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 1rem;
  max-width: 220px;
}

/* Dark mode */
html[data-theme="dark"] .woocommerce div.product .woocommerce-tabs .panel, html[data-theme="dark"] .woocommerce-page div.product .woocommerce-tabs .panel {
	 background-color: #222;
}
html[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active, html[data-theme="dark"] .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
    background: #333;
}
html[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #222;
    color: #fff;
}
html[data-theme="dark"] body {
  background-color: #121212;
  color: #f5f5f5;
}
html[data-theme="dark"] .fl-page-content {
    background-color: #222;
}
html[data-theme="dark"] .fl-node-576oavct9ls4 .woocommerce ul.products li.product .woopack-product-title a , html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6, html[data-theme="dark"] p{
	color: #f5f5f5 !important;
}
html[data-theme="dark"] .woocommerce ul.products li.product .price{
color:#feff9d;
}
button#decrease-font,
button#increase-font {
	font-size:1rem;
}
html[data-theme="dark"] a {
  color: #ffd27d;
}
html[data-theme="dark"] #accessibility-panel {
	background:#333;
}
/* Font scaling */
html {
  font-size: var(--base-font-size, 100%);
}
body h1{
	font-size: 2.5rem;
}
.woocommerce-page ul.products li.product a.button, .woocommerce-page .woocommerce-message a.button, .woocommerce-page .woocommerce-message a.button.wc-forward, .woocommerce-page .woocommerce a.button.wc-forward, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page .woocommerce button[type=submit], .woocommerce-page button[type=submit].alt.disabled {
    font-size: 1.1rem;
}
body h2,
body h3,
body h4,
body h5,
body h6 {
	font-size: 2.55rem;
}
body,
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb{
    font-size: 1.25rem;
}

.woocommerce div.product form.cart .variations select {
    padding: 10px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    font-size: 1.25rem;
}
.theme-switch {
  display: flex;
  align-items: center;
	margin-bottom:5px
}

/* Hide checkbox visually, keep accessible */
.theme-toggle-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Label = clickable area */
.theme-toggle-label {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}

/* Pill track */
.theme-toggle-slider {
  width: 3rem;
  height: 1.5rem;
  background-color: #ccc;
  border-radius: 999px;
  position: relative;
  transition: background-color 0.25s ease;
}

/* Knob */
.theme-toggle-slider::after {
  content: '';
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.25s ease;
}

/* Checked state */
.theme-toggle-input:checked + .theme-toggle-label .theme-toggle-slider {
  background-color: #b998c7 /* chocolate vibe */
}

.theme-toggle-input:checked
  + .theme-toggle-label
  .theme-toggle-slider::after {
  transform: translateX(1.5rem);
}

/* Focus ring (important!) */
.theme-toggle-input:focus-visible
  + .theme-toggle-label
  .theme-toggle-slider {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
body.woocommerce .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) {
	position:relative !important;
}
.fl-full-width.fl-footer-effect .fl-page-footer-wrap {
        position: relative;
}
/*-------------------- cookie policy ---------------------*/
.pum-theme-default-theme .pum-container {
 padding: 0 !important;
 background-color: transparent !important;
}
.pum-content.popmake-content {
 padding: 15px 45px 15px 25px !important;
    background-color: rgba(0,0,0,.75) !important;
}
.pum-content.popmake-content p{
 margin:0 !important;
}
.pum-close.popmake-close {
    top: 0 !important;
    right: 0 !important;
    background-color: transparent !important;
    padding: 0 15px !important;
    font-size: 20px !important;
}
.pum-content.popmake-content a{
 color:goldenrod;
}
a:focus {
    outline: none;
}
.grecaptcha-badge {
z-index:-99999;
}
.pum-theme-25 .pum-container, .pum-theme-default-theme .pum-container {
	    border: none;
}
/*-------------------- end cookie policy ---------------------*/
.fl-page-footer a, .fl-page-footer a *, .fl-page-footer a.fas, .fl-page-footer a.fab {
	 color:goldenrod;
}