/*
Theme Name: Flex Restaurant
Author: flextheme
Author URI: https://www.flextheme.net/
Theme URI: https://www.flextheme.net/products/flex-restaurant
Description: Flex Restaurant is a free, responsive theme designed for restaurants, cafes, fast food outlets, bakeries, food delivery services, and culinary businesses, offering a visually appealing and functional platform to showcase menus and manage online orders. With One Click Demo Import, you can quickly set up a fully designed restaurant website, including pre-built layouts with a banner section to highlight special dishes, promotions, or chef’s specials. The integrated product section works seamlessly with WooCommerce, enabling easy online ordering and menu management for customers. Built with Elementor page builder, customization is simple with drag-and-drop controls, allowing you to adjust layouts, colors, and sections without coding. Fully responsive and optimized for mobile, tablet, and desktop, Flex Restaurant ensures a smooth user experience across all devices. Contact Form 7 integration allows easy reservation requests, inquiries, and customer feedback. Ideal for creating restaurant websites, food delivery platforms, café portals, bakery sites, or fast food menus, this theme includes essential features like modern design, menu showcase, online ordering, and seamless customer interaction. Compatible with Charitable plugin and WooCommerce, it provides a professional solution for food businesses to build a stylish, user-friendly, and high-performing online presence.
Version: 1.0.0
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Template: flex-multi-business
Text Domain: flex-restaurant
Tags: blog, food-and-drink, e-commerce, custom-background, custom-logo, custom-menu, featured-images, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-header, flexible-header, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments, rtl-language-support

flex-restaurant is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

:root {
    --primary-theme-color: #DA1818 !important;
    --secondary-theme-color: #F09B12 !important;
}
body{
	font-family: "Poppins", sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Edu NSW ACT Foundation", cursive;
}

h1{
  font-size: 40px;
}

.custom-logo{
  max-width: 70px;
}

.sp-100{
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-two,.read-more a,.widget_block .wp-block-search .wp-block-search__button, .page-content .search-form .search-submit, .widget_search .search-form .search-submit,#c-scroll:hover,.footer-one,.pagination .page-numbers:hover, .pagination .current{
	background: var(--primary-theme-color);
}
.wp-block-calendar .wp-calendar-table tbody tr td#today, .widget_calendar .calendar_wrap .wp-calendar-table tbody tr td#today, .search-form .search-submit,.widget_block .wp-block-tag-cloud a:hover, .widget_tag_cloud .tagcloud a:hover{
	background-color:  var(--primary-theme-color) !important;
}

.widget_block .wp-block-search .wp-block-search__button,.main-navigation .menu .children .page_item > a::before, .main-navigation .menu .dropdown-menu .menu-item > a::before,.comments-area .form-submit .submit{
	background:  var(--primary-theme-color) !important;
}

.read-more a{
	outline-color:  var(--primary-theme-color);
}

.pagination .page-numbers, .pagination .current{
	border-color:  var(--primary-theme-color);
}

.comments-area .comment-form-comment textarea:focus, .comments-area .comment-form-comment textarea:hover,.widget_block .wp-block-tag-cloud a:hover, .widget_tag_cloud .tagcloud a:hover{
	border-color:  var(--primary-theme-color) !important;
}

.read-more a:hover,a:hover, a:active,#primary-menu .current-menu-item a,h5 a:hover, h6 a:hover,.post-meta li a:hover,.post-tags a:hover{
	color:  var(--primary-theme-color);
}

#primary-menu .menu-item:hover .nav-link,.main-navigation .menu .children .page_item:hover>a, .main-navigation .menu .dropdown-menu .menu-item:hover>a{
	color:  var(--primary-theme-color) !important;
}
.main-navbar{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.ac-btn:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input[type=submit].button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color:  var(--primary-theme-color) !important;
    color: #ffffff;
}
#page #primary-menu a.nav-link,
#page #primary-menu li:hover a.nav-link ,
#page #primary-menu li{
	color: #fff !important;
}
.single-post .comment-list{
	margin-left: 0px;
}
.footer-copyright a:hover{
	color: #000;
}
@media (min-width: 1440px) {
    .container {
        max-width: 1360px !important;
    }
}
@media screen and (max-width: 991px){
    #page #primary-menu a.nav-link, #page #primary-menu li:hover a.nav-link, #page #primary-menu li {
        color: #000 !important;
    }
}
.page-header h1,
.site-main .blog-detail h4,
#comments .comments-title,
.post-content a,
.wp-block-latest-comments__comment-link{
    word-break: break-word;
}
.woocommerce-cart .wc-block-cart-item__image img{
  padding: 10px;
}
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper{
  padding: 16px 10px !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li a{
    color: #000 !important;
}
.blog-2 .post-meta {
    background: hsl(0deg 100% 50% / 27%) 0% 0%;
}


.pos-block,
.neg-block {
  background: #000;
  border-radius: 14px;
  padding: 20px;
  color: #f2f2f2;
  box-shadow: 0 0 18px rgba(218, 24, 24, 0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}


.pos-block ul,
.neg-block ul {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
}

.pos-block li,
.neg-block li {
  margin-bottom: 10px;
  line-height: 1.6;
  position: relative;
  padding-left: 26px;
}

.pos-block li::before,
.neg-block li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.pos-block {
  border-left: 4px solid #2eff88;
  box-shadow: 0 0 18px rgba(46, 255, 136, 0.2);
}

.pos-block li::before {
  background: #2eff88;
  box-shadow: 0 0 8px #2eff88;
}

.pos-block:hover {
  box-shadow: 0 0 25px rgba(46, 255, 136, 0.4);
  transform: translateY(-3px);
}

.neg-block {
  border-left: 4px solid #DA1818;
  box-shadow: 0 0 18px rgba(218, 24, 24, 0.2);
}

.neg-block li::before {
  background: #DA1818;
  box-shadow: 0 0 8px #DA1818;
}

.neg-block:hover {
  box-shadow: 0 0 25px rgba(218, 24, 24, 0.4);
  transform: translateY(-3px);
}

.pos-block p strong,
.neg-block p strong {
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #fff;
}


.list-group {
  list-style: none;
  margin: 1.2em 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.list-group li {
  position: relative;
  padding-left: 28px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.list-group li::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2d9d8f; /* акцентный цвет из твоей палитры */
  box-shadow: 0 0 6px rgba(45, 157, 143, 0.6);
  transition: all 0.3s ease;
}

.list-group li:hover {
  background: rgba(45, 157, 143, 0.08);
  transform: translateX(3px);
}

.list-group li:hover::before {
  box-shadow: 0 0 10px rgba(45, 157, 143, 0.8);
}

.list-group li strong {
  color: #0b2b26;
  font-weight: 600;
}

body.dark .list-group li strong {
  color: #fff;
}


.num-list {
  counter-reset: num;
  list-style: none;
  margin: 1.5em 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.num-list li {
  position: relative;
  padding: 14px 16px 14px 48px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(45, 157, 143, 0.25);
  border-radius: 10px;
  transition: all 0.3s ease;
}

.num-list li::before {
  counter-increment: num;
  content: counter(num);
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #2d9d8f;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 6px rgba(45, 157, 143, 0.7);
  transition: all 0.3s ease;
}

.num-list li:hover {
  background: rgba(45, 157, 143, 0.08);
  transform: translateX(4px);
  border-color: rgba(45, 157, 143, 0.5);
}

.num-list li:hover::before {
  box-shadow: 0 0 10px rgba(45, 157, 143, 0.9);
}

.num-list li strong {
  color: #0b2b26;
}

body.dark .num-list li {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.15);
}

body.dark .num-list li strong {
  color: #fff;
}


.wp-block-table {
  width: 100%;
  overflow-x: auto;
  margin: 2em 0;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(11, 43, 38, 0.1);
}

.wp-block-table table {
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  margin: 0;
}

.wp-block-table thead th {
  background: #0b2b26;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding: 14px 10px;
  border-bottom: 2px solid #2d9d8f;
  letter-spacing: 0.3px;
}

.wp-block-table td {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(11, 43, 38, 0.1);
  text-align: center;
  color: #222;
  transition: background 0.3s ease;
}

.wp-block-table tbody tr:nth-child(even) {
  background: rgba(45, 157, 143, 0.05);
}

.wp-block-table tbody tr:hover {
  background: rgba(45, 157, 143, 0.15);
}

.wp-block-table th:first-child,
.wp-block-table td:first-child {
  border-left: none;
}

.wp-block-table th:last-child,
.wp-block-table td:last-child {
  border-right: none;
}


.rank-math-block {
  margin: 30px auto;
  padding: 0 16px;
}

.rank-math-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.rank-math-list-item {
  border: 1px solid #000;
  border-left: 6px solid #DA1818;
  border-radius: 10px;
  background: #fff;
  padding: 20px 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.rank-math-list-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.rank-math-question {
  font-weight: 700;
  color: #000;
  margin-bottom: 12px;
  position: relative;
  padding-left: 28px;
}

.rank-math-question::before {
  content: "❓";
  position: absolute;
  left: 0;
  top: 1px;
  color: #DA1818;
  font-size: 18px;
}

.rank-math-answer {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.rank-math-answer p {
  margin: 0 0 10px;
}

.rank-math-answer p:last-child {
  margin-bottom: 0;
}

.rank-math-answer strong {
  color: #DA1818;
}