/*
Theme Name: Home Experts Child
Theme URI: https://glthemes.com/wordpress-theme/home-experts/
Template: home-experts
Author: Good Looking Themes
Author URI: https://glthemes.com/
Description: Home experts is a free, versatile WordPress theme designed specifically for service-based businesses, local providers, and small enterprises. Whether you run a cleaning, plumbing, electrical, landscaping, or handyman business, this theme makes it simple to create a professional website that showcases your experts and connects with clients. Fully compatible with WooCommerce, Home experts allows you to offer service packages, online bookings, and promotions directly on your site. The theme is lightweight, fast-loading, SEO-friendly, and fully responsive, ensuring your website looks great and performs well on desktops, tablets, and smartphones. Home experts comes with an intuitive homepage, ready-made templates, and flexible customization options to highlight your experts, team, customer reviews, and special offers. Its clean layout, modern typography, and balanced color palette create a professional look that inspires trust and encourages bookings. With reliable support, regular updates, and detailed documentation, you can focus on growing your business while the theme handles the technical aspects. Start building your online presence today with Home experts and turn visitors into loyal customers. No need to worry about the technicalities when you have an excellent support team, timely updates, and well-crafted documentation in place. Instead, you can focus on building your brand, business and recognition. Don’t take our words for it; try out the theme here: https://glthemes.com/live-demo/?theme=home-experts. If you stumble upon any issues or have queries about the theme, refer to the official theme documentation: https://glthemes.com/documentation/home-experts/ or leave an inquiry at https://glthemes.com/support/
Tags: blog,portfolio,education,one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,full-width-template,rtl-language-support
Version: 1.0.0.1764633566
Updated: 2025-12-01 23:59:26

*/

.header-right{
  margin-top: 19px !important;
}
:root {
  /* Color Palette */
  --primary-color: #2d5f4d;
  --primary-light: #3a7a61;
  --primary-dark: #1e4034;
  --accent-color: #c89f6f;
  --accent-light: #dbb892;
  
  --text-primary: #2c2c2c;
  --text-secondary: #5a5a5a;
  --text-muted: #888888;
  
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9f7;
  --bg-accent: #faf7f3;
  --border-color: #e5e5e5;
  --border-accent: #d4cec4;
  
  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1.25rem;
  --spacing-lg: 1.75rem;
  --spacing-xl: 2.5rem;
  
  /* Typography */
  --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-heading: Georgia, 'Times New Roman', serif;
  
  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
  
  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
}

/* ====================================
   Site Footer
   ==================================== */
.site-footer {
  background-color: #006d75; 
  padding: 20px 0;
  text-align: center;
}

.site-footer .site-info {
  color: #ffffff;           
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.site-footer .site-info a {
  color: #ffffff;
  text-decoration: none;
}

.site-footer .site-info a:hover {
  opacity: 0.8;
}

/* ====================================
   Layout Adjustments
   ==================================== */

.gl-full-wrap .site-main {
  margin-top: 13px;
}


@media screen and (min-width: 320px) {
  .breadcrumb-wrapper {
    padding: 50px 0 !important;
  }
}

@media screen and (min-width: 1199px) {
  .page-grid {
    margin-top: 5px !important;
  }
}

.breadcrumb-wrapper .breadcrumb-nav {
  display: none !important;
}

/* ====================================
   Base Typography
   ==================================== */

.entry-content {
  font-family: var(--font-primary);
  color: var(--text-primary);
  line-height: 1.75;
  font-size: 1.0625rem;
}

/* ====================================
   Headings
   ==================================== */

.wp-block-heading,
.entry-content h1,
.entry-content h2,
.entry-content h3 {
  font-family: var(--font-heading);
  color: var(--primary-color);
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.entry-content h1 {
  font-size: 2.7rem !important;
  margin-top: 0;
  padding-bottom: var(--spacing-sm);
  border-bottom: 3px solid var(--accent-color);
  position: relative;
  margin-bottom: var(--spacing-md);
}

.entry-content h1::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 80px;
  height: 3px;
  background: var(--primary-color);
}

@media screen and (min-width: 1024px) {
  .entry-content:not(.elementor-page) h1 {
    margin: 25px 0 27px 0 !important;
  }
}
.entry-content h2 {
  font-size: 2rem !important;
  padding-left: var(--spacing-md);
  border-left: 4px solid var(--accent-color);
  margin-top: var(--spacing-xl);
}
.modify{
  border-left: none !important;
  padding-left: 0 !important;
  }

@media screen and (min-width: 1024px) {
  .entry-content:not(.elementor-page) h2 {
    margin: 37px 0 25px 0 !important;
  }
}

.entry-content h3 {
  font-size: 1.8rem !important;
  color: var(--primary-dark);
  display: flex;
  align-items: center;
}

.entry-content h3::before {
  content: '◆';
  color: var(--accent-color);
  font-size: 0.7em;
  margin-right: 10px;
}

@media screen and (min-width: 1024px) {
  .entry-content:not(.elementor-page) h3 {
    margin: 10px 0 24px 0 !important;
  }
}

/* ====================================
   Recipe Block Container
   ==================================== */
.recip-block {
  background: linear-gradient(135deg, #ffffff 0%, #fafaf8 100%);
  margin: var(--spacing-sm) 0;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.recip-block::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color) 0%, var(--primary-color) 50%, var(--accent-color) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
  0%, 100% { background-position: 0% 0%; }
  50% { background-position: 100% 0%; }
}

.recip-block .wp-block-column {
  padding: var(--spacing-sm);
  position: relative;
}

.recip-block .wp-block-column:first-child::after {
  content: '';
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  width: 2px;
  background: linear-gradient(180deg, 
    transparent 0%, 
    var(--accent-light) 20%, 
    var(--accent-color) 50%, 
    var(--accent-light) 80%, 
    transparent 100%
  );
}

.recip-block h3 {
  color: var(--primary-color);
  font-size: 1.5rem !important;
  margin-bottom: var(--spacing-md) !important;
  margin-top: 0 !important;
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--bg-secondary);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.recip-block h3::before {
  content: '👨‍🍳';
  font-size: 1.3em;
  filter: grayscale(0);
}

.recip-block .wp-block-column:last-child h3::before {
  content: '📝';
}

/* ====================================
   Ingredients List 
   ==================================== */

.entry-content ul.ingredients-list,
.wp-block-post-content ul.ingredients-list {
  list-style: none !important;
  margin-bottom: 10px !important;
  padding: 1rem !important;
  background: linear-gradient(135deg, #f8faf9 0%, #ffffff 100%);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-color);
  position: relative;
}

.entry-content ul.ingredients-list::before,
.wp-block-post-content ul.ingredients-list::before {
  content: '🌿';
  position: absolute;
  top: -18px;
  left: var(--spacing-md);
  background: white;
  padding: 0 var(--spacing-sm);
  font-size: 1.1rem;
  z-index: 1;
   margin-bottom: 10px !important;
}

.entry-content ul.ingredients-list li,
.wp-block-post-content ul.ingredients-list li {
  position: relative;
  padding: 0.5rem 2.5rem !important;
  margin-bottom: var(--spacing-sm) !important;
  color: var(--text-secondary);
  font-size: 1.05rem;
  line-height: 1.6;
  transition: all 0.3s ease;
  border-radius: var(--radius-sm);
  margin-left: 0px !important;
}

.entry-content ul.ingredients-list li:hover,
.wp-block-post-content ul.ingredients-list li:hover {
  background: rgba(200, 159, 111, 0.08);
  padding-left: 2.8rem !important;
  color: var(--text-primary);
}

.entry-content ul.ingredients-list li::before,
.wp-block-post-content ul.ingredients-list li::before,
.entry-content ul.ingredients-list li::marker,
.wp-block-post-content ul.ingredients-list li::marker {
  content: none !important;
}

.entry-content ul.ingredients-list li::after,
.wp-block-post-content ul.ingredients-list li::after {
  content: "✓";
  position: absolute;
  left: 0.5rem; 
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, var(--accent-color) 0%, var(--primary-color) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.75rem;
  font-weight: bold;
  box-shadow: 0 2px 8px rgba(200, 159, 111, 0.3);
  transition: all 0.3s ease;
}

.entry-content ul.ingredients-list li:hover::after,
.wp-block-post-content ul.ingredients-list li:hover::after {
  transform: translateY(-50%) rotate(360deg) scale(1.1);
  box-shadow: 0 4px 12px rgba(200, 159, 111, 0.5);
  left: 0.6rem; 
}

/* ====================================
   Numbered List (Steps)
   ==================================== */

.entry-content ol.number-list,
.wp-block-post-content ol.number-list {
  list-style: none !important;
  counter-reset: step-counter;
  margin: 0 0 var(--spacing-md) 0 !important;
  padding: 0 !important;
  position: relative;
}

.entry-content ol.number-list li,
.wp-block-post-content ol.number-list li {
  counter-increment: step-counter;
  position: relative;
  padding: 0.7rem 4rem !important;
  margin-bottom: var(--spacing-md) !important;
  background: linear-gradient(135deg, #ffffff 0%, #fafaf8 100%);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--accent-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--text-secondary);
  line-height: 1.7;
  font-size: 1.05rem;
}

.entry-content ol.number-list li:hover,
.wp-block-post-content ol.number-list li:hover {
  transform: translateX(8px);
  box-shadow: 0 4px 16px rgba(45, 95, 77, 0.12);
  border-left-color: var(--primary-color);
  background: #ffffff;
  color: var(--text-primary);
}

.entry-content ol.number-list li::before,
.wp-block-post-content ol.number-list li::before {
  content: counter(step-counter);
  position: absolute;
  left: var(--spacing-md);
  top: 22%;
  width: 27px;
  height: 27px;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(45, 95, 77, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-heading);
}

.entry-content ol.number-list li:hover::before,
.wp-block-post-content ol.number-list li:hover::before {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 6px 16px rgba(45, 95, 77, 0.4);
}

.entry-content ol.number-list li:active::before,
.wp-block-post-content ol.number-list li:active::before {
  transform: scale(0.95);
}

/* ====================================
   Without List (Simple Points) 
   ==================================== */

.entry-content ul.without-list,
.wp-block-post-content ul.without-list {
  list-style: none !important;
  margin: var(--spacing-md) 0 !important; 
  padding: 0 !important;
  display: grid;
  gap: var(--spacing-sm); 
}

.entry-content ul.without-list li,
.wp-block-post-content ul.without-list li {
  position: relative;
  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 1rem !important; 
  background: linear-gradient(135deg, #ffffff 0%, #f8faf9 100%);
  border-radius: var(--radius-md);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid var(--accent-color);
  overflow: hidden;
  margin-bottom: 0 !important;
  margin-left: 0px !important;
}

.entry-content ul.without-list li::before,
.wp-block-post-content ul.without-list li::before {
  position: absolute;
  left: var(--spacing-sm); 
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.8rem;
  transition: all 0.3s ease;
  filter: grayscale(0.3);
}

.entry-content ul.without-list li:nth-child(1)::before { content: '🍌'; }
.entry-content ul.without-list li:nth-child(2)::before { content: '🎃'; }
.entry-content ul.without-list li:nth-child(3)::before { content: '🍪'; }
.entry-content ul.without-list li:nth-child(4)::before { content: '🧈'; }
.entry-content ul.without-list li:nth-child(5)::before { content: '🌰'; }

.entry-content ul.without-list li:hover,
.wp-block-post-content ul.without-list li:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(45, 95, 77, 0.15);
  border-color: var(--accent-color);
  background: #ffffff;
}

.entry-content ul.without-list li:hover::before,
.wp-block-post-content ul.without-list li:hover::before {
  transform: translateY(-50%) scale(1.15) rotate(10deg);
  filter: grayscale(0);
}

.entry-content ul.without-list li::after,
.wp-block-post-content ul.without-list li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, transparent 0%, rgba(200, 159, 111, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.entry-content ul.without-list li:hover::after,
.wp-block-post-content ul.without-list li:hover::after {
  opacity: 1;
}

.entry-content ul.without-list li strong,
.wp-block-post-content ul.without-list li strong {
  color: var(--primary-color);
  font-size: 1.1rem;
  font-weight: 600;
}
@media (max-width: 1100px) {
 .page-grid {
    margin-top: 5px !important;
    margin-bottom: 40px !important;
  }
}
@media (max-width: 768px) {
  .entry-content ul.without-list,
  .wp-block-post-content ul.without-list {
    gap: var(--spacing-xs); 
  }
  
  .entry-content ul.without-list li,
  .wp-block-post-content ul.without-list li {
    padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 3rem !important;
  }
  
  .entry-content ul.without-list li::before,
  .wp-block-post-content ul.without-list li::before {
    font-size: 1.5rem;
    left: 0.5rem;
  }
  
  .entry-content ul.without-list li strong {
    font-size: 1rem;
  }
}

/* ====================================
   Styled List
   ==================================== */
.styled-list {
  list-style: none;
  padding: 0;
  margin: var(--spacing-lg) 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
 
}

.styled-list li {
  background: linear-gradient(135deg, #f8f9f7 0%, #ffffff 100%);
  padding: 1rem 1rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--primary-color);
  font-weight: 600;
  color: var(--primary-dark);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  display: block;
  font-size: 1.1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
   margin-left: 0px !important;
  margin-bottom: 1px  !important;
}

.styled-list li strong {
  color: inherit;
  font-weight: inherit;
  display: block;
  position: relative;
  padding-left: 0;
}

.styled-list li strong::before {
  content: '✦';
  color: var(--accent-color);
  margin-right: 0.625rem;
  font-size: 1.1em;
  opacity: 0.7;
  transition: all 0.3s ease;
}

/* ====================================
   Overview Block
   ==================================== */

.overview-block {
  background: var(--bg-primary);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  margin: var(--spacing-md) 0;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-color);
  transition: all 0.3s ease;
}

.overview-block:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--accent-color);
}

.overview-block .wp-block-column {
  padding: 0;
}

.overview-block h3 {
  margin-top: 0;
  color: var(--primary-color);
  font-size: 1.75rem;
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--bg-secondary);
}

.overview-block h3::before {
  content: '🌿';
  margin-right: 3px;
  font-size: 1em;
}

.overview-block p {
  color: var(--text-secondary);
  line-height: 1.7;
}

.overview-block p strong {
  color: var(--primary-dark);
  font-weight: 600;
}

.overview-block em {
  display: block;
  font-style: italic;
  color: var(--primary-light);
  font-size: 1.05em;
  margin: var(--spacing-sm) 0;
  padding-left: var(--spacing-md);
  border-left: 3px solid var(--accent-light);
}

.overview-block a {
  color: var(--primary-color);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s ease;
  font-weight: 500;
}
.link-modify a {
  border-bottom: 0px solid transparent !important;
}

.overview-block a:hover {
  border-bottom-color: var(--accent-color);
}

.overview-block .wp-block-image {
  margin: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.overview-block .wp-block-image img {
  transition: transform 0.4s ease;
  display: block;
  width: 100%;
  height: auto;
}

.overview-block:hover .wp-block-image img {
  transform: scale(1.05);
}

/* ====================================
   Disclaimer Box
   ==================================== */

.disclamer-box {
  background: linear-gradient(135deg, #fef9f3 0%, #fcf5eb 100%);
  border: 2px solid var(--accent-color);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md);
  margin: var(--spacing-lg) 0;
  position: relative;
  box-shadow: var(--shadow-md);
}

.disclamer-box::before {
  content: '⚠️';
  position: absolute;
  top: -20px;
  left: var(--spacing-lg);
  background: var(--bg-primary);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-sm);
  font-size: 1.3rem;
  box-shadow: var(--shadow-sm);
}

.disclamer-box p:first-of-type {
  margin-top: 0;
}

.disclamer-box p strong {
  color: var(--primary-color);
  font-size: 1.15em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: var(--spacing-sm);
}

.disclamer-box em {
  color: var(--text-secondary);
  font-size: 0.95em;
  line-height: 1.8;
  display: block;
  margin: var(--spacing-sm) 0;
}

.disclamer-box p {
  margin: var(--spacing-sm) 0;
}

.disclamer-box .wp-block-group__inner-container {
  position: relative;
}

/* ====================================
   FAQ Section
   ==================================== */

.schema-faq {
  margin: var(--spacing-lg) 0;
}

.schema-faq-section {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.schema-faq-section::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: var(--accent-color);
  transform: scaleY(0);
  transition: transform 0.3s ease;
}

.schema-faq-section:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--accent-color);
}

.schema-faq-section:hover::before {
  transform: scaleY(1);
}

.schema-faq-question {
  color: var(--primary-color);
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
}

.schema-faq-question::before {
  content: 'Q:';
  color: var(--accent-color);
  font-weight: 700;
  min-width: 2rem;
}

.schema-faq-answer {
  color: var(--text-secondary);
  line-height: 1.7;
  padding-left: 2.5rem;
  position: relative;
}

.schema-faq-answer::before {
  content: 'A:';
  position: absolute;
  left: 0;
  color: var(--primary-light);
  font-weight: 600;
}

/* ====================================
   Tables
   ==================================== */

.entry-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: var(--spacing-md) 0;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.entry-content table thead {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
}

.entry-content table thead th {
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.9rem;
  padding: var(--spacing-md);
  text-align: left;
  border: none;
}

.entry-content table tbody tr {
  background: var(--bg-primary);
  transition: all 0.3s ease;
}

.entry-content table tbody tr:nth-child(even) {
  background: var(--bg-secondary);
}

.entry-content table tbody tr:hover {
  background: var(--bg-accent);
  transform: scale(1.01);
  box-shadow: var(--shadow-sm);
}

.entry-content table tbody td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-secondary);
}

.entry-content table tbody tr:last-child td {
  border-bottom: none;
}

.entry-content table tbody td:first-child {
  font-weight: 500;
  color: var(--primary-color);
}

/* ====================================
   Images
   ==================================== */

.wp-block-image {
  margin: var(--spacing-md) 0;
}

.wp-block-image img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

.wp-block-image img:hover {
  box-shadow: var(--shadow-md);
}

/* ====================================
   Links
   ==================================== */

.entry-content a {
  color: var(--primary-color);
  text-decoration: none !important;
  border-bottom: 1px solid var(--accent-light);
  transition: all 0.3s ease;
  font-weight: 500;
}

.entry-content a:hover {
  color: var(--primary-dark);
  border-bottom-color: var(--primary-color);
}

/* ====================================
   Paragraphs
   ==================================== */

.entry-content p {
  margin-bottom: var(--spacing-sm);
  line-height: 1.8;
}

.entry-content p strong {
  color: var(--primary-dark);
  font-weight: 600;
}

/* ====================================
   Edit Link
   ==================================== */

.edit-link {
  display: inline-block;
  margin-top: var(--spacing-lg);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--bg-secondary);
  border-radius: var(--radius-sm);
  transition: all 0.3s ease;
}

.edit-link:hover {
  background: var(--accent-light);
}

.post-edit-link {
  color: var(--text-muted);
  font-size: 0.9rem;
  text-decoration: none;
  border: none;
}

/* ====================================
   Responsive Design
   ==================================== */

@media (max-width: 768px) {
  :root {
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
  }
  
  .entry-content h1 {
    font-size: 2rem !important;
  }
  
  .entry-content h2 {
    font-size: 1.6rem !important;
  }
  
  .entry-content h3 {
    font-size: 1.3rem !important;
  }
  
  .recip-block {
    padding: var(--spacing-md);
  }
  
  .recip-block .wp-block-column {
    padding: var(--spacing-sm);
  }
  
  .recip-block .wp-block-column:first-child::after {
    content: none;
  }
  
  .recip-block .wp-block-column:first-child {
    padding-bottom: var(--spacing-lg);
    margin-bottom: var(--spacing-md);
    border-bottom: 2px dashed var(--border-accent);
  }
  
  .entry-content ol.number-list li,
  .wp-block-post-content ol.number-list li {
    padding-left: 3.5rem !important;
  }
  
  .entry-content ol.number-list li::before,
  .wp-block-post-content ol.number-list li::before {
    width: 36px;
    height: 36px;
    font-size: 1.1rem;
  }
  
  .entry-content ul.without-list li,
  .wp-block-post-content ul.without-list li {
    padding-left: 3.5rem !important;
  }
  
  .entry-content ul.without-list li::before,
  .wp-block-post-content ul.without-list li::before {
    font-size: 1.5rem;
  }
  
  .overview-block {
    padding: var(--spacing-md);
  }
  
  .styled-list {
    grid-template-columns: 1fr;
  }
  
  .styled-list li {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 1rem;
  }
  
  .disclamer-box::before {
    position: static;
    display: block;
    margin-bottom: var(--spacing-sm);
  }
  
  .schema-faq-answer {
    padding-left: 0;
    margin-top: var(--spacing-sm);
  }
  
  .schema-faq-answer::before {
    position: static;
    display: block;
  }
}


/* ====================================
   Accessibility & Reduced Motion
   ==================================== */

.entry-content ol.number-list li:focus-within,
.entry-content ul.ingredients-list li:focus-within,
.entry-content ul.without-list li:focus-within {
  outline: 3px solid var(--accent-color);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .recip-block,
  .recip-block::before,
  .entry-content ol.number-list li,
  .entry-content ul.ingredients-list li,
  .entry-content ul.without-list li,
  .entry-content ol.number-list li::before,
  .entry-content ul.ingredients-list li::after {
    transition: none;
    animation: none;
  }
}