/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.12.0
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.9
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

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

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */
/*
Theme Name: Astra Child
Theme URI: https://uptimechef.com/blog/
Description: Child theme for the Astra theme - Uptime Chef Blog
Author: Uptime Chef
Author URI: https://uptimechef.com/
Template: astra
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Tags: custom-menu, custom-logo, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
*/

/* ==========================================================================
   Uptime Chef Brand Styles
   Matching the Next.js Landing Page Design
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS Custom Properties (Design Tokens)
   -------------------------------------------------------------------------- */
:root {
    /* Brand Colors */
    --chef-dark: #1a1a2e;
    --chef-darker: #0f0f1a;
    --chef-card: #1e1e32;
    --chef-border: #2a2a40;

    /* Primary Accent - Orange */
    --chef-orange-300: #fdba74;
    --chef-orange-400: #fb923c;
    --chef-orange-500: #f97316;
    --chef-orange-600: #ea580c;
    --chef-orange-700: #c2410c;

    /* Gray Scale */
    --chef-gray-300: #d1d5db;
    --chef-gray-400: #9ca3af;
    --chef-gray-500: #6b7280;
    --chef-gray-600: #4b5563;

    /* Status Colors */
    --chef-green-400: #4ade80;
    --chef-green-500: #22c55e;
    --chef-yellow-400: #facc15;
    --chef-yellow-500: #eab308;
    --chef-red-500: #ef4444;

    /* Typography */
    --font-inter: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-cairo: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;

    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --shadow-orange: 0 10px 40px rgba(249, 115, 22, 0.25);
    --shadow-glow: 0 0 40px rgba(249, 115, 22, 0.15);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    --transition-slow: 500ms ease;

    /* Layout */
    --max-width-content: 80rem;
    --max-width-narrow: 48rem;
    --header-height: 4rem;
}

/* --------------------------------------------------------------------------
   Base Styles & Reset
   -------------------------------------------------------------------------- */
html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-inter);
    background-color: var(--chef-darker);
    color: var(--chef-gray-300);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Mobile viewport fixes */
html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

img, video, iframe, table {
    max-width: 100%;
    height: auto;
}

.ast-container,
.site-content,
#primary,
#content,
.entry-content {
    max-width: 100%;
    overflow-x: hidden;
}

/* RTL Support - Arabic */
html[lang="ar"] body,
html[dir="rtl"] body,
body.rtl {
    font-family: var(--font-cairo);
}

/* Selection Color */
::selection {
    background-color: var(--chef-orange-500);
    color: white;
}

::-moz-selection {
    background-color: var(--chef-orange-500);
    color: white;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--chef-dark);
}

::-webkit-scrollbar-thumb {
    background: #3a3a5e;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4a4a6e;
}

/* Focus States */
*:focus {
    outline: 2px solid var(--chef-orange-500);
    outline-offset: 2px;
}

*:focus:not(:focus-visible) {
    outline: none;
}

*:focus-visible {
    outline: 2px solid var(--chef-orange-500);
    outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Typography
   -------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.widget-title,
.ast-archive-title {
    font-family: var(--font-inter);
    font-weight: 700;
    color: white;
    line-height: 1.25;
    letter-spacing: -0.025em;
}

html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 {
    font-family: var(--font-cairo);
}

h1, .entry-title {
    font-size: clamp(2rem, 5vw, 3rem);
    margin-bottom: var(--spacing-lg);
}

h2 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    margin-bottom: var(--spacing-md);
}

h3 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    margin-bottom: var(--spacing-md);
}

h4 {
    font-size: clamp(1.125rem, 2.5vw, 1.5rem);
    margin-bottom: var(--spacing-sm);
}

h5, h6 {
    font-size: 1.125rem;
    margin-bottom: var(--spacing-sm);
}

p {
    margin-bottom: var(--spacing-md);
    color: var(--chef-gray-400);
}

/* Links */
a {
    color: var(--chef-orange-400);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--chef-orange-300);
}

/* Content Links */
.entry-content a,
.ast-single-post .entry-content a,
.comment-content a {
    color: var(--chef-orange-400);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.entry-content a:hover,
.ast-single-post .entry-content a:hover,
.comment-content a:hover {
    color: var(--chef-orange-300);
}

/* Strong and Bold */
strong, b {
    font-weight: 600;
    color: white;
}

/* Code and Pre */
code, pre, kbd, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    background-color: var(--chef-card);
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-sm);
}

code {
    padding: 0.125rem 0.375rem;
    font-size: 0.875em;
    color: var(--chef-orange-400);
}

pre {
    padding: var(--spacing-md);
    overflow-x: auto;
    margin-bottom: var(--spacing-lg);
}

pre code {
    padding: 0;
    background: none;
    border: none;
    color: var(--chef-gray-300);
}

/* Blockquotes */
blockquote {
    margin: var(--spacing-xl) 0;
    padding: var(--spacing-lg);
    background: linear-gradient(135deg, var(--chef-card), var(--chef-darker));
    border-left: 4px solid var(--chef-orange-500);
    border-radius: var(--radius-lg);
    font-style: italic;
    color: var(--chef-gray-300);
}

html[dir="rtl"] blockquote {
    border-left: none;
    border-right: 4px solid var(--chef-orange-500);
}

blockquote cite {
    display: block;
    margin-top: var(--spacing-md);
    font-size: 0.875rem;
    font-style: normal;
    color: var(--chef-gray-500);
}

blockquote cite::before {
    content: "\2014\00a0";
}

/* Lists */
ul, ol {
    margin-bottom: var(--spacing-md);
    padding-left: var(--spacing-lg);
}

html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-left: 0;
    padding-right: var(--spacing-lg);
}

li {
    margin-bottom: var(--spacing-xs);
    color: var(--chef-gray-400);
}

/* Horizontal Rule */
hr {
    border: none;
    border-top: 1px solid var(--chef-border);
    margin: var(--spacing-xl) 0;
}

/* --------------------------------------------------------------------------
   Site Header
   -------------------------------------------------------------------------- */
.ast-primary-header,
.ast-main-header-wrap,
#masthead {
    background-color: rgba(15, 15, 26, 0.8) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--chef-border);
}

.site-header,
.ast-primary-header-bar {
    background: transparent !important;
}

.ast-header-break-point .ast-primary-header,
.ast-header-break-point .main-header-bar {
    background-color: rgba(15, 15, 26, 0.95) !important;
}

/* Site Logo and Title */
.site-title a,
.ast-site-title-wrap .site-title a {
    font-family: var(--font-inter);
    font-weight: 700;
    font-size: 1.25rem !important;
    color: white !important;
}

.site-title a:hover {
    color: var(--chef-orange-400) !important;
}

/* Navigation Menu */
.ast-nav-menu,
.main-navigation ul {
    background: transparent;
}

.ast-nav-menu a,
.main-navigation a,
.ast-header-sections-navigation .menu-item > .menu-link {
    color: var(--chef-gray-300) !important;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.ast-nav-menu a:hover,
.main-navigation a:hover,
.ast-nav-menu .current-menu-item > a,
.ast-nav-menu .current-menu-ancestor > a {
    color: white !important;
}

/* Mobile Menu */
.ast-header-break-point .ast-mobile-menu-buttons .menu-toggle {
    color: white;
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner {
    background-color: var(--chef-darker);
    border-left: 1px solid var(--chef-border);
}

html[dir="rtl"] .ast-mobile-popup-drawer .ast-mobile-popup-inner {
    border-left: none;
    border-right: 1px solid var(--chef-border);
}

.ast-mobile-popup-drawer .main-navigation ul a {
    color: var(--chef-gray-300);
    border-bottom: 1px solid var(--chef-border);
}

.ast-mobile-popup-drawer .main-navigation ul a:hover {
    color: white;
    background-color: var(--chef-card);
}

/* Header CTA Button */
.ast-header-button-1 a,
.ast-custom-button,
.menu-item.ast-header-button > a {
    background: linear-gradient(135deg, var(--chef-orange-500), var(--chef-orange-600)) !important;
    color: white !important;
    padding: 0.5rem 1rem !important;
    border-radius: var(--radius-md) !important;
    font-weight: 500 !important;
    border: none !important;
    box-shadow: var(--shadow-orange);
    transition: all var(--transition-fast) !important;
}

.ast-header-button-1 a:hover,
.ast-custom-button:hover,
.menu-item.ast-header-button > a:hover {
    background: linear-gradient(135deg, var(--chef-orange-600), var(--chef-orange-700)) !important;
    transform: translateY(-1px);
}

/* --------------------------------------------------------------------------
   Site Content & Layout
   -------------------------------------------------------------------------- */
#content,
.site-content,
.ast-container {
    background-color: var(--chef-darker);
}

.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-comment-list li,
.ast-separate-container .ast-woocommerce-container,
.ast-separate-container .error-404,
.ast-separate-container .no-results,
.ast-separate-container .ast-pagination,
.ast-single-post .entry-content {
    background: linear-gradient(135deg, var(--chef-card), var(--chef-darker));
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}

/* Page/Post Header */
.entry-header {
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-lg);
    border-bottom: 1px solid var(--chef-border);
}

/* Entry Meta */
.entry-meta,
.ast-single-post-meta,
.posted-on,
.byline,
.cat-links,
.tags-links {
    color: var(--chef-gray-500);
    font-size: 0.875rem;
}

.entry-meta a,
.ast-single-post-meta a,
.cat-links a,
.tags-links a {
    color: var(--chef-orange-400);
}

.entry-meta a:hover,
.ast-single-post-meta a:hover,
.cat-links a:hover,
.tags-links a:hover {
    color: var(--chef-orange-300);
}

/* Category/Tag Pills */
.cat-links a,
.tags-links a,
.post-categories a,
.tagcloud a {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background-color: rgba(249, 115, 22, 0.1);
    border: 1px solid rgba(249, 115, 22, 0.2);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--chef-orange-400) !important;
    transition: all var(--transition-fast);
    margin: 0.125rem;
}

.cat-links a:hover,
.tags-links a:hover,
.post-categories a:hover,
.tagcloud a:hover {
    background-color: rgba(249, 115, 22, 0.2);
    border-color: rgba(249, 115, 22, 0.5);
    color: var(--chef-orange-300) !important;
}

/* Featured Image */
.post-thumbnail img,
.ast-article-image-container img,
.attachment-large,
.wp-post-image {
    border-radius: var(--radius-lg);
    margin-bottom: var(--spacing-lg);
}

/* Archive Pages */
.ast-archive-description {
    background: linear-gradient(135deg, var(--chef-card), var(--chef-darker));
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-xl);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}

.ast-archive-title {
    color: white;
    margin-bottom: var(--spacing-sm);
}

.ast-archive-description p {
    color: var(--chef-gray-400);
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   Blog Cards / Post Grid - Modern Dark Theme Design
   Matching Uptime Chef Landing Page Style
   -------------------------------------------------------------------------- */

/* Blog Card Container */
.ast-separate-container .ast-article-post,
.blog .ast-article-post,
.archive .ast-article-post,
.search .ast-article-post,
.home .ast-article-post,
article.ast-article-post {
    background: var(--chef-card) !important;
    border: 1px solid var(--chef-border) !important;
    border-radius: var(--radius-xl) !important;
    padding: 0 !important;
    margin-bottom: var(--spacing-xl) !important;
    overflow: hidden !important;
    transition: all var(--transition-normal) !important;
    box-shadow: var(--shadow-md) !important;
}

/* Card Hover Effect */
.ast-separate-container .ast-article-post:hover,
.blog .ast-article-post:hover,
.archive .ast-article-post:hover,
.search .ast-article-post:hover,
.home .ast-article-post:hover,
article.ast-article-post:hover {
    border-color: rgba(249, 115, 22, 0.5) !important;
    box-shadow: var(--shadow-glow), 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-4px) !important;
}

/* Featured Image Container */
.ast-article-post .post-thumb,
.ast-article-post .ast-blog-featured-section,
.ast-article-post .post-thumb-img-content,
.ast-article-post .ast-no-thumb {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Featured Image */
.ast-article-post .post-thumb img,
.ast-article-post .ast-blog-featured-section img,
.ast-article-post .post-thumb-img-content img,
.ast-article-post .attachment-large,
.ast-article-post .attachment-medium_large,
.ast-article-post .wp-post-image {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    transition: transform var(--transition-normal) !important;
}

/* Featured Image Hover */
.ast-article-post:hover .post-thumb img,
.ast-article-post:hover .ast-blog-featured-section img,
.ast-article-post:hover .wp-post-image {
    transform: scale(1.05) !important;
}

/* No thumbnail placeholder */
.ast-article-post .ast-no-thumb,
.ast-article-post .no-thumb {
    height: 220px !important;
    background: linear-gradient(135deg, var(--chef-dark), var(--chef-darker)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ast-article-post .ast-no-thumb::before,
.ast-article-post .no-thumb::before {
    content: "" !important;
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a3a5e' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.5 !important;
}

/* Card Content Area */
.ast-article-post .entry-content,
.ast-article-post .ast-blog-single-element,
.ast-article-post .post-content,
.ast-article-post article > .entry-content,
.ast-article-post .entry-header {
    padding: var(--spacing-lg) !important;
    background: transparent !important;
}

/* Remove extra padding/margin from nested content wrappers */
.ast-article-post .ast-blog-featured-section + .entry-content,
.ast-article-post .post-thumb + .entry-content,
.ast-article-post .ast-blog-featured-section ~ .entry-header,
.ast-article-post .post-thumb ~ .entry-header {
    padding-top: var(--spacing-lg) !important;
}

/* Entry Header in Cards */
.ast-article-post .entry-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Card Title */
.ast-article-post .entry-title,
.ast-article-post .entry-title a,
.blog .entry-title,
.blog .entry-title a,
.archive .entry-title,
.archive .entry-title a {
    font-family: var(--font-inter) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: white !important;
    margin-bottom: var(--spacing-sm) !important;
    text-decoration: none !important;
    transition: color var(--transition-fast) !important;
    display: block !important;
}

.ast-article-post .entry-title a:hover,
.blog .entry-title a:hover,
.archive .entry-title a:hover {
    color: var(--chef-orange-400) !important;
}

/* RTL Card Title */
html[lang="ar"] .ast-article-post .entry-title,
html[lang="ar"] .ast-article-post .entry-title a,
html[dir="rtl"] .ast-article-post .entry-title,
html[dir="rtl"] .ast-article-post .entry-title a {
    font-family: var(--font-cairo) !important;
}

/* Card Meta (Date, Author, Category) */
.ast-article-post .entry-meta,
.ast-article-post .ast-blog-meta,
.ast-article-post .posted-on,
.ast-article-post .byline,
.ast-article-post .cat-links,
.blog .entry-meta,
.archive .entry-meta {
    color: var(--chef-gray-500) !important;
    font-size: 0.8125rem !important;
    margin-bottom: var(--spacing-md) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* Posted date - no bottom margin */
.ast-article-post .posted-on {
    margin-bottom: 0 !important;
}

/* Meta separators */
.ast-article-post .entry-meta > span:not(:last-child)::after {
    content: "\2022" !important;
    margin-left: 0.5rem !important;
    color: var(--chef-gray-600) !important;
}

html[dir="rtl"] .ast-article-post .entry-meta > span:not(:last-child)::after {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* Meta Links */
.ast-article-post .entry-meta a,
.ast-article-post .posted-on a,
.ast-article-post .byline a,
.ast-article-post .author a {
    color: var(--chef-gray-400) !important;
    text-decoration: none !important;
    transition: color var(--transition-fast) !important;
}

.ast-article-post .entry-meta a:hover,
.ast-article-post .posted-on a:hover,
.ast-article-post .byline a:hover,
.ast-article-post .author a:hover {
    color: var(--chef-orange-400) !important;
}

/* Category Links in Meta */
.ast-article-post .cat-links a,
.ast-article-post .entry-meta .cat-links a {
    display: inline-block !important;
    padding: 0.125rem 0.5rem !important;
    background-color: rgba(249, 115, 22, 0.1) !important;
    border: 1px solid rgba(249, 115, 22, 0.2) !important;
    border-radius: var(--radius-full) !important;
    font-size: 0.6875rem !important;
    font-weight: 500 !important;
    color: var(--chef-orange-400) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.025em !important;
    transition: all var(--transition-fast) !important;
    margin: 0 !important;
}

.ast-article-post .cat-links a:hover,
.ast-article-post .entry-meta .cat-links a:hover {
    background-color: rgba(249, 115, 22, 0.2) !important;
    border-color: rgba(249, 115, 22, 0.5) !important;
    color: var(--chef-orange-300) !important;
}

/* Card Excerpt */
.ast-article-post .entry-content p,
.ast-article-post .entry-summary,
.ast-article-post .ast-excerpt-container,
.blog .entry-content p,
.archive .entry-content p {
    color: var(--chef-gray-400) !important;
    font-size: 0.9375rem !important;
    line-height: 1.7 !important;
    margin-bottom: var(--spacing-md) !important;
}

/* Read More Link */
.ast-article-post .read-more,
.ast-article-post .more-link,
.ast-article-post .ast-read-more-container,
.blog .read-more,
.archive .read-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
    padding: 0.5rem 1rem !important;
    background: linear-gradient(135deg, var(--chef-orange-500), var(--chef-orange-600)) !important;
    color: white !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: var(--radius-md) !important;
    transition: all var(--transition-fast) !important;
    box-shadow: 0 4px 15px rgba(249, 115, 22, 0.25) !important;
    margin-top: var(--spacing-sm) !important;
}

.ast-article-post .read-more:hover,
.ast-article-post .more-link:hover,
.blog .read-more:hover,
.archive .read-more:hover {
    background: linear-gradient(135deg, var(--chef-orange-600), var(--chef-orange-700)) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.35) !important;
    color: white !important;
}

/* Read More Arrow Icon */
.ast-article-post .read-more::after,
.ast-article-post .more-link::after {
    content: "\2192" !important;
    display: inline-block !important;
    transition: transform var(--transition-fast) !important;
}

html[dir="rtl"] .ast-article-post .read-more::after,
html[dir="rtl"] .ast-article-post .more-link::after {
    content: "\2190" !important;
}

.ast-article-post .read-more:hover::after,
.ast-article-post .more-link:hover::after {
    transform: translateX(3px) !important;
}

html[dir="rtl"] .ast-article-post .read-more:hover::after,
html[dir="rtl"] .ast-article-post .more-link:hover::after {
    transform: translateX(-3px) !important;
}

/* Blog Grid Layout */
.ast-row .ast-col-md-6,
.ast-row .ast-col-md-4,
.ast-row .ast-col-md-3 {
    padding: var(--spacing-md) !important;
}

/* Grid layout adjustments */
.ast-row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: calc(-1 * var(--spacing-md)) !important;
}

/* Two column grid cards */
.ast-row .ast-col-md-6 .ast-article-post .post-thumb img,
.ast-row .ast-col-md-6 .ast-article-post .wp-post-image {
    height: 200px !important;
}

/* Three column grid cards */
.ast-row .ast-col-md-4 .ast-article-post .post-thumb img,
.ast-row .ast-col-md-4 .ast-article-post .wp-post-image {
    height: 180px !important;
}

.ast-row .ast-col-md-4 .ast-article-post .entry-title {
    font-size: 1.125rem !important;
}

/* Four column grid cards */
.ast-row .ast-col-md-3 .ast-article-post .post-thumb img,
.ast-row .ast-col-md-3 .ast-article-post .wp-post-image {
    height: 160px !important;
}

.ast-row .ast-col-md-3 .ast-article-post .entry-title {
    font-size: 1rem !important;
}

/* List Layout (Full Width Posts) */
.ast-blog-single-element.ast-separate-container .ast-article-post,
.ast-plain-container .ast-article-post,
.ast-no-sidebar .ast-article-post {
    display: flex !important;
    flex-direction: column !important;
}

@media (min-width: 768px) {
    .ast-blog-single-element.ast-separate-container .ast-article-post,
    .ast-full-width .ast-article-post:not(.ast-grid-col-2):not(.ast-grid-col-3):not(.ast-grid-col-4) {
        flex-direction: row !important;
    }

    .ast-blog-single-element.ast-separate-container .ast-article-post .post-thumb,
    .ast-blog-single-element.ast-separate-container .ast-article-post .ast-blog-featured-section,
    .ast-full-width .ast-article-post:not(.ast-grid-col-2):not(.ast-grid-col-3):not(.ast-grid-col-4) .post-thumb,
    .ast-full-width .ast-article-post:not(.ast-grid-col-2):not(.ast-grid-col-3):not(.ast-grid-col-4) .ast-blog-featured-section {
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }

    .ast-blog-single-element.ast-separate-container .ast-article-post .post-thumb img,
    .ast-blog-single-element.ast-separate-container .ast-article-post .wp-post-image,
    .ast-full-width .ast-article-post:not(.ast-grid-col-2):not(.ast-grid-col-3):not(.ast-grid-col-4) .post-thumb img,
    .ast-full-width .ast-article-post:not(.ast-grid-col-2):not(.ast-grid-col-3):not(.ast-grid-col-4) .wp-post-image {
        height: 100% !important;
        min-height: 250px !important;
        border-radius: var(--radius-xl) 0 0 var(--radius-xl) !important;
    }

    html[dir="rtl"] .ast-blog-single-element.ast-separate-container .ast-article-post .post-thumb img,
    html[dir="rtl"] .ast-blog-single-element.ast-separate-container .ast-article-post .wp-post-image,
    html[dir="rtl"] .ast-full-width .ast-article-post:not(.ast-grid-col-2):not(.ast-grid-col-3):not(.ast-grid-col-4) .post-thumb img,
    html[dir="rtl"] .ast-full-width .ast-article-post:not(.ast-grid-col-2):not(.ast-grid-col-3):not(.ast-grid-col-4) .wp-post-image {
        border-radius: 0 var(--radius-xl) var(--radius-xl) 0 !important;
    }

    .ast-blog-single-element.ast-separate-container .ast-article-post .entry-content,
    .ast-blog-single-element.ast-separate-container .ast-article-post .post-content,
    .ast-full-width .ast-article-post:not(.ast-grid-col-2):not(.ast-grid-col-3):not(.ast-grid-col-4) .entry-content,
    .ast-full-width .ast-article-post:not(.ast-grid-col-2):not(.ast-grid-col-3):not(.ast-grid-col-4) .post-content {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
}

/* Featured/Sticky Post Highlight */
.sticky .ast-article-post,
article.sticky {
    border: 2px solid var(--chef-orange-500) !important;
    position: relative !important;
}

.sticky .ast-article-post::before,
article.sticky::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--chef-orange-400), var(--chef-orange-600)) !important;
    z-index: 1 !important;
}

/* Post Format Icons */
.ast-article-post.format-video .post-thumb::after,
.ast-article-post.format-audio .post-thumb::after,
.ast-article-post.format-gallery .post-thumb::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    height: 60px !important;
    background-color: rgba(249, 115, 22, 0.9) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0.9 !important;
    transition: opacity var(--transition-fast) !important;
}

.ast-article-post.format-video:hover .post-thumb::after,
.ast-article-post.format-audio:hover .post-thumb::after,
.ast-article-post.format-gallery:hover .post-thumb::after {
    opacity: 1 !important;
}

/* Ensure proper dark backgrounds */
.ast-separate-container {
    background-color: var(--chef-darker) !important;
}

.ast-separate-container > .ast-container {
    background-color: transparent !important;
}

/* Post Card Inner Content Wrappers */
.ast-article-post .blog-layout-1,
.ast-article-post .blog-layout-2,
.ast-article-post .blog-layout-3 {
    background: transparent !important;
}

/* Hide duplicate elements that Astra might add */
.ast-article-post .ast-blog-single-element.ast-separate-container {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Make sure tags have proper styling */
.ast-article-post .tags-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.375rem !important;
    margin-top: var(--spacing-md) !important;
}

.ast-article-post .tags-links a {
    display: inline-block !important;
    padding: 0.125rem 0.5rem !important;
    background-color: var(--chef-darker) !important;
    border: 1px solid var(--chef-border) !important;
    border-radius: var(--radius-full) !important;
    font-size: 0.6875rem !important;
    color: var(--chef-gray-400) !important;
    text-decoration: none !important;
    transition: all var(--transition-fast) !important;
}

.ast-article-post .tags-links a:hover {
    border-color: rgba(249, 115, 22, 0.5) !important;
    color: var(--chef-orange-400) !important;
}

/* Footer area of card */
.ast-article-post .entry-footer {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) !important;
    margin-top: auto !important;
}

/* --------------------------------------------------------------------------
   Blog Cards - Responsive Styles
   -------------------------------------------------------------------------- */

@media (max-width: 992px) {
    .ast-article-post .entry-title,
    .ast-article-post .entry-title a {
        font-size: 1.125rem !important;
    }

    .ast-article-post .post-thumb img,
    .ast-article-post .wp-post-image {
        height: 200px !important;
    }

    .ast-article-post .entry-content,
    .ast-article-post .entry-header {
        padding: var(--spacing-md) !important;
    }

    /* Reset list layout on tablet */
    .ast-blog-single-element.ast-separate-container .ast-article-post,
    .ast-full-width .ast-article-post {
        flex-direction: column !important;
    }

    .ast-blog-single-element.ast-separate-container .ast-article-post .post-thumb,
    .ast-blog-single-element.ast-separate-container .ast-article-post .ast-blog-featured-section,
    .ast-full-width .ast-article-post .post-thumb,
    .ast-full-width .ast-article-post .ast-blog-featured-section {
        flex: none !important;
        max-width: 100% !important;
    }

    .ast-blog-single-element.ast-separate-container .ast-article-post .post-thumb img,
    .ast-blog-single-element.ast-separate-container .ast-article-post .wp-post-image,
    .ast-full-width .ast-article-post .post-thumb img,
    .ast-full-width .ast-article-post .wp-post-image {
        border-radius: 0 !important;
        height: 200px !important;
        min-height: auto !important;
    }
}

@media (max-width: 768px) {
    .ast-article-post .entry-title,
    .ast-article-post .entry-title a {
        font-size: 1.0625rem !important;
        line-height: 1.5 !important;
    }

    .ast-article-post .post-thumb img,
    .ast-article-post .wp-post-image {
        height: 180px !important;
    }

    .ast-article-post .entry-content p,
    .ast-article-post .entry-summary {
        font-size: 0.875rem !important;
    }

    .ast-article-post .entry-meta {
        font-size: 0.75rem !important;
    }

    .ast-article-post .read-more,
    .ast-article-post .more-link {
        padding: 0.4375rem 0.875rem !important;
        font-size: 0.75rem !important;
    }

    .ast-row .ast-col-md-6,
    .ast-row .ast-col-md-4,
    .ast-row .ast-col-md-3 {
        padding: var(--spacing-sm) !important;
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .ast-row {
        margin: calc(-1 * var(--spacing-sm)) !important;
    }
}

@media (max-width: 544px) {
    .ast-article-post .entry-title,
    .ast-article-post .entry-title a {
        font-size: 1rem !important;
    }

    .ast-article-post .post-thumb img,
    .ast-article-post .wp-post-image {
        height: 160px !important;
    }

    .ast-article-post .entry-content,
    .ast-article-post .entry-header {
        padding: var(--spacing-sm) var(--spacing-md) !important;
    }

    .ast-separate-container .ast-article-post,
    article.ast-article-post {
        margin-bottom: var(--spacing-lg) !important;
        border-radius: var(--radius-lg) !important;
    }

    /* Full width cards on mobile */
    .ast-row .ast-col-md-6 .ast-article-post,
    .ast-row .ast-col-md-4 .ast-article-post,
    .ast-row .ast-col-md-3 .ast-article-post {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* --------------------------------------------------------------------------
   Blog Cards - Dark Theme Color Overrides
   Ensure all elements inherit dark theme colors
   -------------------------------------------------------------------------- */

/* Additional specificity for stubborn Astra styles */
body .ast-separate-container .ast-article-post,
body.blog .ast-article-post,
body.archive .ast-article-post,
body.home .ast-article-post {
    background-color: var(--chef-card) !important;
}

body .ast-separate-container .ast-article-post .entry-title a,
body.blog .ast-article-post .entry-title a,
body.archive .ast-article-post .entry-title a {
    color: white !important;
}

body .ast-separate-container .ast-article-post .entry-title a:hover,
body.blog .ast-article-post .entry-title a:hover,
body.archive .ast-article-post .entry-title a:hover {
    color: var(--chef-orange-400) !important;
}

body .ast-separate-container .ast-article-post .entry-content p,
body.blog .ast-article-post .entry-content p,
body.archive .ast-article-post .entry-content p {
    color: var(--chef-gray-400) !important;
}

/* Ensure links inside paragraphs are styled properly */
.ast-article-post .entry-content p a {
    color: var(--chef-orange-400) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

.ast-article-post .entry-content p a:hover {
    color: var(--chef-orange-300) !important;
}

/* Author avatar in meta */
.ast-article-post .ast-author-avatar img,
.ast-article-post .author-avatar img {
    width: 24px !important;
    height: 24px !important;
    border-radius: var(--radius-full) !important;
    border: 2px solid var(--chef-border) !important;
}

/* Astra Blog Pro Grid compatibility */
.ast-grid-1 .ast-article-post .post-thumb img,
.ast-grid-1 .ast-article-post .wp-post-image {
    height: 250px !important;
}

.ast-grid-2 .ast-article-post .post-thumb img,
.ast-grid-2 .ast-article-post .wp-post-image {
    height: 200px !important;
}

.ast-grid-3 .ast-article-post .post-thumb img,
.ast-grid-3 .ast-article-post .wp-post-image {
    height: 180px !important;
}

.ast-grid-4 .ast-article-post .post-thumb img,
.ast-grid-4 .ast-article-post .wp-post-image {
    height: 160px !important;
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */
button,
.button,
.wp-block-button__link,
input[type="submit"],
input[type="button"],
.ast-button,
.ast-custom-button,
a.button,
a.wp-block-button__link,
.read-more a,
.more-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, var(--chef-orange-500), var(--chef-orange-600));
    color: white !important;
    font-family: var(--font-inter);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    border: none;
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all var(--transition-fast);
    box-shadow: var(--shadow-orange);
}

html[lang="ar"] button,
html[lang="ar"] .button,
html[lang="ar"] .wp-block-button__link,
html[dir="rtl"] button,
html[dir="rtl"] .button,
html[dir="rtl"] .wp-block-button__link {
    font-family: var(--font-cairo);
}

button:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.ast-button:hover,
a.button:hover,
a.wp-block-button__link:hover,
.read-more a:hover,
.more-link:hover {
    background: linear-gradient(135deg, var(--chef-orange-600), var(--chef-orange-700));
    transform: translateY(-1px);
    box-shadow: 0 15px 45px rgba(249, 115, 22, 0.35);
}

button:active,
.button:active,
.wp-block-button__link:active,
input[type="submit"]:active {
    transform: translateY(0);
}

/* Secondary/Outline Button */
.wp-block-button.is-style-outline .wp-block-button__link,
.button-secondary,
a.button-secondary {
    background: transparent !important;
    border: 1px solid var(--chef-border) !important;
    color: var(--chef-gray-300) !important;
    box-shadow: none !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.button-secondary:hover,
a.button-secondary:hover {
    border-color: rgba(249, 115, 22, 0.5) !important;
    color: white !important;
    background: transparent !important;
}

/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea,
select {
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: var(--chef-card);
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-md);
    color: white;
    font-family: var(--font-inter);
    font-size: 1rem;
    transition: all var(--transition-fast);
}

html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    font-family: var(--font-cairo);
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--chef-orange-500);
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
    outline: none;
}

input::placeholder,
textarea::placeholder {
    color: var(--chef-gray-500);
}

label {
    display: block;
    margin-bottom: var(--spacing-sm);
    font-weight: 500;
    color: var(--chef-gray-300);
}

/* Search Form */
.search-form {
    display: flex;
    gap: var(--spacing-sm);
}

.search-form .search-field {
    flex: 1;
}

.search-form .search-submit {
    padding: 0.75rem 1.25rem;
}

/* --------------------------------------------------------------------------
   Sidebar & Widgets
   -------------------------------------------------------------------------- */
.widget-area,
#secondary {
    background: transparent;
}

.widget {
    background: linear-gradient(135deg, var(--chef-card), var(--chef-darker));
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-xl);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
}

.widget-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: white;
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-sm);
    border-bottom: 1px solid var(--chef-border);
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget li {
    padding: var(--spacing-sm) 0;
    border-bottom: 1px solid var(--chef-border);
}

.widget li:last-child {
    border-bottom: none;
}

.widget a {
    color: var(--chef-gray-300);
}

.widget a:hover {
    color: var(--chef-orange-400);
}

/* Recent Posts Widget */
.widget_recent_entries .post-date {
    display: block;
    font-size: 0.75rem;
    color: var(--chef-gray-500);
    margin-top: 0.25rem;
}

/* Calendar Widget */
.widget_calendar table {
    width: 100%;
    border-collapse: collapse;
}

.widget_calendar caption {
    font-weight: 600;
    color: white;
    margin-bottom: var(--spacing-sm);
}

.widget_calendar th,
.widget_calendar td {
    text-align: center;
    padding: var(--spacing-xs);
    border: 1px solid var(--chef-border);
}

.widget_calendar th {
    background-color: var(--chef-darker);
    color: var(--chef-gray-300);
}

.widget_calendar td a {
    color: var(--chef-orange-400);
    font-weight: 600;
}

/* --------------------------------------------------------------------------
   Comments
   -------------------------------------------------------------------------- */
.comments-area {
    margin-top: var(--spacing-2xl);
}

.comments-title {
    font-size: 1.5rem;
    color: white;
    margin-bottom: var(--spacing-lg);
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ast-comment-list li.depth-1,
.comment {
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-md);
    background: linear-gradient(135deg, var(--chef-card), var(--chef-darker));
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-lg);
}

.comment .children {
    margin-top: var(--spacing-md);
    margin-left: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    border-left: 2px solid var(--chef-border);
}

html[dir="rtl"] .comment .children {
    margin-left: 0;
    margin-right: var(--spacing-lg);
    padding-left: 0;
    padding-right: var(--spacing-lg);
    border-left: none;
    border-right: 2px solid var(--chef-border);
}

.comment-author {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
}

.comment-author .avatar {
    border-radius: var(--radius-full);
}

.comment-author .fn {
    font-weight: 600;
    color: white;
}

.comment-author .says {
    display: none;
}

.comment-metadata {
    font-size: 0.75rem;
    color: var(--chef-gray-500);
    margin-bottom: var(--spacing-md);
}

.comment-metadata a {
    color: var(--chef-gray-500);
}

.comment-metadata a:hover {
    color: var(--chef-orange-400);
}

.comment-content {
    color: var(--chef-gray-300);
}

.reply a {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.75rem;
    background-color: rgba(249, 115, 22, 0.1);
    border: 1px solid rgba(249, 115, 22, 0.2);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--chef-orange-400);
    transition: all var(--transition-fast);
}

.reply a:hover {
    background-color: rgba(249, 115, 22, 0.2);
    border-color: rgba(249, 115, 22, 0.5);
}

/* Comment Form */
.comment-respond {
    margin-top: var(--spacing-xl);
}

.comment-reply-title {
    font-size: 1.25rem;
    color: white;
    margin-bottom: var(--spacing-md);
}

.comment-form label {
    color: var(--chef-gray-300);
}

.comment-form .required {
    color: var(--chef-red-500);
}

/* --------------------------------------------------------------------------
   Pagination
   -------------------------------------------------------------------------- */
.ast-pagination,
.navigation.pagination {
    margin-top: var(--spacing-xl);
    padding: var(--spacing-lg);
}

.ast-pagination .page-numbers,
.nav-links .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    background-color: var(--chef-card);
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-md);
    color: var(--chef-gray-300);
    font-weight: 500;
    transition: all var(--transition-fast);
}

.ast-pagination .page-numbers:hover,
.nav-links .page-numbers:hover {
    border-color: rgba(249, 115, 22, 0.5);
    color: white;
}

.ast-pagination .page-numbers.current,
.nav-links .page-numbers.current {
    background: linear-gradient(135deg, var(--chef-orange-500), var(--chef-orange-600));
    border-color: transparent;
    color: white;
}

.ast-pagination .next,
.ast-pagination .prev,
.nav-links .next,
.nav-links .prev {
    background-color: rgba(249, 115, 22, 0.1);
    border-color: rgba(249, 115, 22, 0.2);
    color: var(--chef-orange-400);
}

/* Post Navigation */
.post-navigation {
    margin-top: var(--spacing-2xl);
    padding: var(--spacing-lg);
    background: linear-gradient(135deg, var(--chef-card), var(--chef-darker));
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-xl);
}

.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--spacing-lg);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1;
    min-width: 200px;
}

.post-navigation .nav-subtitle {
    display: block;
    font-size: 0.75rem;
    color: var(--chef-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--spacing-xs);
}

.post-navigation .nav-title {
    color: var(--chef-gray-300);
    font-weight: 500;
}

.post-navigation a:hover .nav-title {
    color: var(--chef-orange-400);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.site-footer,
.ast-footer-overlay,
footer.site-footer {
    background-color: var(--chef-dark) !important;
    border-top: 1px solid var(--chef-border);
}

.ast-footer-copyright,
.ast-footer-copyright a,
.site-footer a,
.ast-small-footer {
    color: var(--chef-gray-500);
}

.site-footer a:hover,
.ast-footer-copyright a:hover {
    color: var(--chef-orange-400);
}

/* Footer Widgets */
.footer-widget-area {
    padding: var(--spacing-2xl) 0;
}

.footer-widget-area .widget {
    background: transparent;
    border: none;
    padding: 0;
}

.footer-widget-area .widget-title {
    font-size: 1rem;
    font-weight: 600;
    color: white;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: var(--spacing-md);
}

.footer-widget-area .widget ul li {
    border-bottom: none;
    padding: 0.375rem 0;
}

/* Copyright Bar */
.ast-small-footer {
    padding: var(--spacing-md) 0;
    border-top: 1px solid var(--chef-border);
    font-size: 0.875rem;
}

/* --------------------------------------------------------------------------
   WordPress Blocks
   -------------------------------------------------------------------------- */

/* Cover Block */
.wp-block-cover {
    border-radius: var(--radius-xl);
    overflow: hidden;
}

/* Group Block with Background */
.wp-block-group.has-background {
    border-radius: var(--radius-xl);
    padding: var(--spacing-xl);
}

/* Columns Block */
.wp-block-columns {
    margin-bottom: var(--spacing-xl);
}

/* Image Block */
.wp-block-image {
    margin-bottom: var(--spacing-lg);
}

.wp-block-image img {
    border-radius: var(--radius-lg);
}

.wp-block-image figcaption {
    color: var(--chef-gray-500);
    font-size: 0.875rem;
    text-align: center;
    margin-top: var(--spacing-sm);
}

/* Gallery Block */
.wp-block-gallery {
    margin-bottom: var(--spacing-xl);
}

.wp-block-gallery .wp-block-image {
    margin-bottom: 0;
}

.wp-block-gallery .wp-block-image img {
    border-radius: var(--radius-md);
}

/* Quote Block */
.wp-block-quote {
    margin: var(--spacing-xl) 0;
    padding: var(--spacing-lg);
    background: linear-gradient(135deg, var(--chef-card), var(--chef-darker));
    border-left: 4px solid var(--chef-orange-500);
    border-radius: var(--radius-lg);
}

html[dir="rtl"] .wp-block-quote {
    border-left: none;
    border-right: 4px solid var(--chef-orange-500);
}

.wp-block-quote p {
    font-size: 1.125rem;
    font-style: italic;
    color: var(--chef-gray-300);
    margin-bottom: var(--spacing-sm);
}

.wp-block-quote cite {
    font-size: 0.875rem;
    font-style: normal;
    color: var(--chef-gray-500);
}

/* Pullquote Block */
.wp-block-pullquote {
    border: none;
    padding: var(--spacing-xl);
    margin: var(--spacing-2xl) 0;
    text-align: center;
}

.wp-block-pullquote blockquote {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}

.wp-block-pullquote blockquote p {
    font-size: 1.5rem;
    font-weight: 500;
    color: white;
}

.wp-block-pullquote cite {
    margin-top: var(--spacing-md);
    color: var(--chef-orange-400);
}

/* Table Block */
.wp-block-table {
    margin-bottom: var(--spacing-xl);
}

.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
}

.wp-block-table th,
.wp-block-table td {
    padding: var(--spacing-md);
    border: 1px solid var(--chef-border);
    text-align: left;
}

html[dir="rtl"] .wp-block-table th,
html[dir="rtl"] .wp-block-table td {
    text-align: right;
}

.wp-block-table th {
    background-color: var(--chef-card);
    color: white;
    font-weight: 600;
}

.wp-block-table td {
    color: var(--chef-gray-300);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: rgba(30, 30, 50, 0.5);
}

/* Separator Block */
.wp-block-separator {
    border: none;
    border-top: 1px solid var(--chef-border);
    margin: var(--spacing-2xl) auto;
}

.wp-block-separator.is-style-wide {
    max-width: 100%;
}

.wp-block-separator.is-style-dots {
    border: none;
    text-align: center;
}

.wp-block-separator.is-style-dots::before {
    content: "...";
    letter-spacing: 1em;
    color: var(--chef-gray-500);
}

/* Code Block */
.wp-block-code {
    background-color: var(--chef-card);
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    overflow-x: auto;
}

.wp-block-code code {
    background: transparent;
    border: none;
    padding: 0;
    color: var(--chef-gray-300);
    font-size: 0.875rem;
}

/* Preformatted Block */
.wp-block-preformatted {
    background-color: var(--chef-card);
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    overflow-x: auto;
    color: var(--chef-gray-300);
}

/* List Block */
.wp-block-list {
    margin-bottom: var(--spacing-lg);
}

.wp-block-list li {
    color: var(--chef-gray-400);
    margin-bottom: var(--spacing-sm);
}

/* --------------------------------------------------------------------------
   Tables (General)
   -------------------------------------------------------------------------- */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--spacing-xl);
}

table th,
table td {
    padding: var(--spacing-md);
    border: 1px solid var(--chef-border);
    text-align: left;
}

html[dir="rtl"] table th,
html[dir="rtl"] table td {
    text-align: right;
}

table th {
    background-color: var(--chef-card);
    color: white;
    font-weight: 600;
}

table td {
    color: var(--chef-gray-300);
}

table tbody tr:nth-child(even) {
    background-color: rgba(30, 30, 50, 0.3);
}

/* --------------------------------------------------------------------------
   404 Page
   -------------------------------------------------------------------------- */
.error-404 {
    text-align: center;
    padding: var(--spacing-3xl);
}

.error-404 .page-title {
    font-size: 6rem;
    background: linear-gradient(135deg, var(--chef-orange-400), var(--chef-orange-600));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: var(--spacing-md);
}

.error-404 .page-content p {
    font-size: 1.25rem;
    color: var(--chef-gray-400);
    margin-bottom: var(--spacing-xl);
}

/* --------------------------------------------------------------------------
   Search Results
   -------------------------------------------------------------------------- */
.search-results .page-title {
    margin-bottom: var(--spacing-xl);
}

.search-results .entry-summary {
    color: var(--chef-gray-400);
}

.search-results .search-highlight {
    background-color: rgba(249, 115, 22, 0.2);
    color: var(--chef-orange-300);
    padding: 0.125rem 0.25rem;
    border-radius: var(--radius-sm);
}

/* --------------------------------------------------------------------------
   Accessibility
   -------------------------------------------------------------------------- */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: var(--chef-card);
    border-radius: var(--radius-md);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: white;
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: var(--spacing-md);
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Skip Link */
.skip-link {
    position: absolute;
    left: -9999rem;
    top: 2.5rem;
    z-index: 999999999;
    background-color: var(--chef-card);
    color: var(--chef-orange-400);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
}

.skip-link:focus {
    left: 1rem;
}

/* --------------------------------------------------------------------------
   Animations & Transitions
   -------------------------------------------------------------------------- */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(249, 115, 22, 0.3);
    }
    50% {
        box-shadow: 0 0 40px rgba(249, 115, 22, 0.6);
    }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

.animate-pulse-glow {
    animation: pulse-glow 2s ease-in-out infinite;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    html {
        scroll-behavior: auto;
    }
}

/* --------------------------------------------------------------------------
   RTL Specific Adjustments
   -------------------------------------------------------------------------- */
html[dir="rtl"] .entry-meta > span:not(:last-child)::after,
html[dir="rtl"] .posted-on::after {
    margin-right: 0;
    margin-left: 0.5rem;
}

html[dir="rtl"] .nav-links .nav-previous {
    text-align: right;
}

html[dir="rtl"] .nav-links .nav-next {
    text-align: left;
}

/* --------------------------------------------------------------------------
   Print Styles
   -------------------------------------------------------------------------- */
@media print {
    body {
        background: white;
        color: black;
    }

    a {
        color: black;
        text-decoration: underline;
    }

    .ast-primary-header,
    .site-footer,
    .sidebar,
    .comments-area,
    .post-navigation,
    .ast-pagination,
    button,
    .button {
        display: none !important;
    }

    .entry-content a[href]::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
    }
}

/* --------------------------------------------------------------------------
   Astra Theme Specific Overrides
   -------------------------------------------------------------------------- */

/* Override Astra's default container backgrounds */
.ast-page-builder-template .site-content > .ast-container,
.ast-plain-container .site-content > .ast-container {
    background: var(--chef-darker);
}

/* Override Astra's button styles */
.ast-button,
.button,
.ast-custom-button,
.wp-block-button .wp-block-button__link,
.menu-toggle,
button,
.ast-menu-toggle,
input#submit,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    background: linear-gradient(135deg, var(--chef-orange-500), var(--chef-orange-600)) !important;
    border: none !important;
    border-radius: var(--radius-lg) !important;
    color: white !important;
}

/* Override Astra's link colors */
a,
.ast-single-post .entry-content a,
.ast-comment-list li.depth-1 .comment-content a,
.ast-comment-list li.depth-2 .comment-content a {
    color: var(--chef-orange-400);
}

a:hover,
a:focus {
    color: var(--chef-orange-300);
}

/* Override Astra's heading colors */
.entry-title a,
h1, h2, h3, h4, h5, h6 {
    color: white;
}

.entry-title a:hover {
    color: var(--chef-orange-400);
}

/* Override Astra breadcrumbs */
.ast-breadcrumbs,
.ast-breadcrumbs a,
.ast-breadcrumbs .breadcrumb-separator {
    color: var(--chef-gray-500);
}

.ast-breadcrumbs a:hover {
    color: var(--chef-orange-400);
}

/* Astra transparent header */
.ast-theme-transparent-header #masthead {
    background-color: transparent;
}

.ast-theme-transparent-header .ast-primary-header {
    background-color: rgba(15, 15, 26, 0.8) !important;
}

/* Override Astra's body font family */
body,
button,
input,
select,
textarea {
    font-family: var(--font-inter);
}

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family: var(--font-cairo);
}

/* --------------------------------------------------------------------------
   Responsive Adjustments
   -------------------------------------------------------------------------- */
@media (max-width: 992px) {
    .ast-separate-container .ast-article-post,
    .ast-separate-container .ast-article-single {
        padding: var(--spacing-lg);
        margin-bottom: var(--spacing-lg);
    }

    h1, .entry-title {
        font-size: 1.75rem;
    }

    h2 {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    :root {
        --spacing-xl: 1.5rem;
        --spacing-2xl: 2rem;
        --spacing-3xl: 3rem;
    }

    .ast-separate-container .ast-article-post,
    .ast-separate-container .ast-article-single {
        padding: var(--spacing-md);
        border-radius: var(--radius-lg);
    }

    .widget {
        padding: var(--spacing-md);
        border-radius: var(--radius-lg);
    }

    button,
    .button,
    .wp-block-button__link,
    input[type="submit"] {
        padding: 0.625rem 1.25rem;
        font-size: 0.875rem;
    }

    .post-navigation .nav-links {
        flex-direction: column;
    }
}

@media (max-width: 544px) {
    .ast-separate-container .ast-article-post,
    .ast-separate-container .ast-article-single {
        margin-left: calc(-1 * var(--spacing-md));
        margin-right: calc(-1 * var(--spacing-md));
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
}

/* ==========================================================================
   Mobile Viewport & Container Fixes
   ========================================================================== */
@media (max-width: 768px) {
    /* Prevent horizontal overflow */
    html, body, #page, .hfeed, .site {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    /* Fix container widths */
    .ast-container,
    .site-content,
    #primary,
    #content,
    .entry-content,
    .chef-header-container,
    .chef-footer-inner {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* Fix Astra grid on mobile */
    .ast-row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Single post content */
    .single-post .entry-content,
    .ast-article-single .entry-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Marketing CTA box */
    .chef-marketing-cta {
        margin-left: -15px !important;
        margin-right: -15px !important;
        border-radius: 0 !important;
    }

    /* Featured image */
    .chef-post-featured-image img {
        border-radius: 0 !important;
    }

    /* Header adjustments */
    .chef-header-inner {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Footer adjustments */
    .chef-footer-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ==========================================================================
   Blog Homepage - Hero & Category Cards
   ========================================================================== */

/* Hero Section */
.chef-blog-hero {
    text-align: center;
    padding: 3rem 1rem 2rem;
    margin-bottom: 2rem;
}

.chef-hero-content {
    max-width: 800px;
    margin: 0 auto 2.5rem;
}

.chef-hero-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 1rem;
    line-height: 1.2;
}

.chef-hero-subtitle {
    font-size: 1.125rem;
    color: var(--chef-gray-400);
    margin: 0;
    line-height: 1.6;
}

/* Category Pills (Inline) */
.chef-category-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    max-width: 800px;
    margin: 0 auto;
}

.chef-category-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--chef-card);
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-full);
    padding: 0.625rem 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.chef-category-pill:hover {
    border-color: var(--chef-orange-500);
    background: rgba(249, 115, 22, 0.1);
    transform: translateY(-2px);
}

.chef-pill-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--chef-orange-400);
}

.chef-pill-icon svg {
    width: 18px;
    height: 18px;
}

.chef-pill-name {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #ffffff;
}

.chef-pill-count {
    font-size: 0.75rem;
    color: var(--chef-orange-400);
    background: rgba(249, 115, 22, 0.15);
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-full);
}

/* Latest Posts Section */
.chef-latest-posts {
    padding: 0 1rem;
}

.chef-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--chef-border);
}

.chef-section-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
}

.chef-section-link {
    font-size: 0.875rem;
    color: var(--chef-orange-400);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: color 0.2s ease;
}

.chef-section-link:hover {
    color: var(--chef-orange-300);
}

/* RTL Adjustments for Blog Hero */
html[dir="rtl"] .chef-hero-title,
html[dir="rtl"] .chef-hero-subtitle,
html[dir="rtl"] .chef-pill-name,
html[dir="rtl"] .chef-section-title {
    font-family: var(--font-cairo);
}

/* Responsive - Tablet */
@media (max-width: 992px) {
    .chef-hero-title {
        font-size: 2rem;
    }

    .chef-category-pills {
        gap: 0.5rem;
    }
}

/* Responsive - Mobile */
@media (max-width: 544px) {
    .chef-blog-hero {
        padding: 2rem 0.5rem 1.5rem;
    }

    .chef-hero-title {
        font-size: 1.75rem;
    }

    .chef-hero-subtitle {
        font-size: 1rem;
    }

    .chef-category-pills {
        gap: 0.5rem;
    }

    .chef-category-pill {
        padding: 0.5rem 0.75rem;
    }

    .chef-pill-name {
        font-size: 0.8125rem;
    }

    .chef-pill-icon svg {
        width: 16px;
        height: 16px;
    }

    .chef-section-header {
        padding: 0 0.5rem 1rem;
    }

    .chef-latest-posts {
        padding: 0;
    }
}

/* ==========================================================================
   Full Width Layout (No Sidebar)
   ========================================================================== */
.ast-no-sidebar #primary {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.ast-no-sidebar .ast-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.ast-no-sidebar #secondary {
    display: none;
}

/* ==========================================================================
   Search Section (Before Footer)
   ========================================================================== */
.chef-search-section {
    background: linear-gradient(135deg, var(--chef-card), var(--chef-dark));
    border-top: 1px solid var(--chef-border);
    border-bottom: 1px solid var(--chef-border);
    padding: 2.5rem 1rem;
    margin-top: 3rem;
    text-align: center;
}

.chef-search-inner {
    max-width: 500px;
    margin: 0 auto;
}

.chef-search-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.5rem;
}

.chef-search-desc {
    font-size: 1rem;
    color: var(--chef-gray-400);
    margin: 0 0 1.5rem;
}

.chef-search-form {
    width: 100%;
}

.chef-search-input-wrap {
    display: flex;
    align-items: center;
    background: var(--chef-darker);
    border: 1px solid var(--chef-border);
    border-radius: var(--radius-full);
    padding: 0.5rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.chef-search-input-wrap:focus-within {
    border-color: var(--chef-orange-500);
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
}

.chef-search-icon {
    color: var(--chef-gray-500);
    margin: 0 0.75rem;
    flex-shrink: 0;
}

.chef-search-input {
    flex: 1;
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 1rem;
    padding: 0.5rem 0;
    outline: none;
}

.chef-search-input::placeholder {
    color: var(--chef-gray-500);
}

.chef-search-btn {
    background: linear-gradient(135deg, var(--chef-orange-500), var(--chef-orange-600));
    color: #ffffff;
    font-weight: 600;
    border: none;
    border-radius: var(--radius-full);
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.chef-search-btn:hover {
    background: linear-gradient(135deg, var(--chef-orange-400), var(--chef-orange-500));
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(249, 115, 22, 0.3);
}

/* RTL for search */
html[dir="rtl"] .chef-search-title,
html[dir="rtl"] .chef-search-desc,
html[dir="rtl"] .chef-search-input,
html[dir="rtl"] .chef-search-btn {
    font-family: var(--font-cairo);
}

html[dir="rtl"] .chef-search-icon {
    margin: 0 0.75rem 0 0;
}

/* Mobile search */
@media (max-width: 544px) {
    .chef-search-section {
        padding: 1.5rem 1rem;
        margin-top: 2rem;
    }

    .chef-search-title {
        font-size: 1.25rem;
    }

    .chef-search-desc {
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }

    .chef-search-input-wrap {
        padding: 0.25rem 0.25rem 0.25rem 0.75rem;
    }

    .chef-search-icon {
        display: none;
    }

    .chef-search-input {
        font-size: 0.875rem;
        padding: 0.5rem 0;
    }

    .chef-search-btn {
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
    }
}