/*
Theme Name: Cooking Master Class Child
Theme URI: https://www.themagnifico.net/products/free-cooking-wordpress-theme
Template: cooking-master-class
Author: TheMagnifico52
Author URI: https://www.themagnifico.net/
Description: The elegant and adaptable WordPress theme Cooking Master Class was created especially for chefs, cooking schools, and foodies. This theme offers the perfect framework for showcasing culinary skills, recipes, and cooking classes on an aesthetically pleasing and incredibly functional website. The theme has an easy-to-use interface and a crisp, contemporary design that emphasizes sharp images. Its design is both chic and functional, with multiple areas for showcasing in-depth details about cooking courses, teacher biographies, and forthcoming events. An eye-catching hero picture or video on the homepage can draw visitors in and set the mood for your delicious offerings. The Cooking Master Class WordPress Theme comes with multiple editable templates for various pages, including testimonials, recipe blogs, and class schedules. Because these templates are so simple to use, even someone without any coding experience can create a website that looks professional. Additionally, the theme supports a variety of multimedia content, such as photo galleries and videos, which are ideal for displaying class highlights and cooking tutorials. This theme's responsiveness is one of its main advantages. It guarantees that your website will look great and work flawlessly across all platforms, including desktops and smartphones. Since more people are accessing content on mobile devices, this is essential for reaching a larger audience.
Tags: three-columns,four-columns,wide-blocks,block-styles,custom-logo,one-column,two-columns,grid-layout,sticky-post,custom-background,custom-colors,custom-header,custom-menu,featured-images,flexible-header,threaded-comments,theme-options,left-sidebar,right-sidebar,full-width-template,editor-style,e-commerce,food-and-drink,blog,post-formats,translation-ready
Version: 0.7.1.1769573810
Updated: 2026-01-27 22:16:50
*/

/* =====================================================
   BRAND COLOR SYSTEM
===================================================== */
:root {
  --blue-dark: #3b4b8e;
  --blue-light: #c7c0ff;
  --pink-shadow: #f2cfff;
  --white: #ffffff;

  --primary: var(--blue-dark);
  --secondary: var(--blue-dark);
  --accent: var(--blue-dark);
  --wp--preset--color--primary: var(--blue-dark);
  --wp--preset--color--secondary: var(--blue-dark);
}

/* =====================================================
   GLOBAL TEXT
===================================================== */
body,
p,
li,
label,
h1, h2, h3, h4, h5, h6,
nav a,
.menu a,
.site-header a,
.wp-block-heading,
.posted_in,
.tagged_as,
.user-account,
.cart_no,
.woocommerce,
.woocommerce .price,
.woocommerce-page .price {
  color: var(--blue-dark) !important;
}

/* =====================================================
   STORE NOTICE (TOP BAR TEXT)
===================================================== */
.woocommerce-store-notice,
.woocommerce-store-notice a,
.woocommerce-store-notice__dismiss-link {
  color: #ffffff !important;
}

/* =====================================================
   BUTTONS
===================================================== */
button,
.button,
a.button,
.wp-block-button__link,
.wc-block-components-button,
.wp-element-button,
.wcpa_add_to_cart_button,
wc-block-components-product-button__button,
add_to_cart_button,
.btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .single_add_to_cart_button {
  background-color: var(--blue-dark) !important;
  border-color: var(--blue-dark) !important;
  color: var(--white) !important;
  font-weight: 600;
}

button:hover,
.button:hover,
a.button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--blue-light) !important;
  border-color: var(--blue-light) !important;
  color: var(--white) !important;
  box-shadow: 0 0 0 3px var(--pink-shadow);
}

/* =====================================================
   WOO BLOCK BUTTON FIX
===================================================== */
.wc-block-components-button,
.wp-block-woocommerce-product-button {
  --wc-block-components-button-text-color: #ffffff !important;
  --wc-block-components-button-background-color: #3b4b8e !important;
  --wc-block-components-button-border-color: #3b4b8e !important;
}

.wc-block-components-button a,
.wp-block-woocommerce-product-button a {
  color: #ffffff !important;
}

/* =====================================================
   HEADER RIGHT (SHOP + CART)
===================================================== */
.header-right-box {
  display: flex;
  justify-content: flex-end;
  gap: 1.25rem;
  align-items: center;
}

.header-right-box a {
  color: var(--blue-dark);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: all 0.25s ease;
}

.header-right-box i {
  color: var(--blue-dark);
  font-size: 0.95em;
}

.header-right-box a:hover {
  color: var(--blue-light);
  transform: translateY(-1px);
}

.header-right-box a:hover i {
  text-shadow: 0 0 6px var(--pink-shadow);
}

/* =====================================================
   MOBILE MENU ICON — KILL RED
===================================================== */
.navigation_header .fas.fa-th {
  background-color: var(--blue-dark) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: none !important;
}

.navigation_header .fas.fa-th::before {
  background: none !important;
  color: #ffffff !important;
}

.navigation_header button {
  background: transparent !important;
  border: none !important;
  padding: 0.4em !important;
}

.navigation_header button:hover .fas.fa-th {
  background-color: var(--blue-light) !important;
  color: #ffffff !important;
}

/* =====================================================
   KILL RANDOM REDS FROM THEME
===================================================== */
[class*="red"],
[class*="danger"],
.has-red-color {
  color: var(--blue-dark) !important;
}

.has-red-background-color {
  background-color: var(--blue-dark) !important;
}

/* ================= FORCE BRAND COLORS ================= */

/* Store notice text */
body .woocommerce-store-notice,
body .woocommerce-store-notice a {
  color: #ffffff !important;
}

/* Header links */
body .header-right-box a,
body .header-right-box i {
  color: #3b4b8e !important;
}

/* Buttons */
body .button,
body a.button,
body .woocommerce a.button,
body .wc-block-components-button,
body .single_add_to_cart_button {
  background-color: #3b4b8e !important;
  color: #ffffff !important;
  border-color: #3b4b8e !important;
}

/* Mobile menu icon */
body .navigation_header .fas.fa-th {
  background-color: #3b4b8e !important;
  color: #ffffff !important;
}

body .navigation_header .fas.fa-th::before {
  background: none !important;
  color: #ffffff !important;
}