/*
Theme Name: Ye Di Di Da Kitchen
Theme URI: https://example.com/
Author: Ye Di Di Da
Description: Lightweight WordPress theme for homemade food businesses.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.2
Text Domain: yddda-kitchen
License: GPL v2 or later
*/

/* ==========================================
   CSS VARIABLES
========================================== */

:root{

    --yddda-primary:#8C4A2F;
    --yddda-secondary:#556B2F;
    --yddda-accent:#D79A2B;

    --yddda-bg:#FFF8F0;
    --yddda-bg-alt:#FFFFFF;

    --yddda-text:#333333;
    --yddda-heading:#222222;

    --yddda-border:#E5E5E5;

    --yddda-radius:10px;

    --yddda-container:1200px;

    --yddda-transition:0.3s ease;

}

/* ==========================================
   RESET
========================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:Arial, Helvetica, sans-serif;

    background:var(--yddda-bg);

    color:var(--yddda-text);

    line-height:1.7;

    font-size:16px;

}

/* ==========================================
   TYPOGRAPHY
========================================== */

h1,h2,h3,h4,h5,h6{

    color:var(--yddda-heading);

    margin-bottom:15px;

    line-height:1.2;

}

p{

    margin-bottom:20px;

}

/* ==========================================
   LINKS
========================================== */

a{

    color:var(--yddda-primary);

    text-decoration:none;

    transition:var(--yddda-transition);

}

a:hover{

    color:var(--yddda-accent);

}

/* ==========================================
   LAYOUT
========================================== */

.yddda-container{

    width:90%;

    max-width:var(--yddda-container);

    margin:auto;

}

/* ==========================================
   IMAGES
========================================== */

img{

    max-width:100%;

    height:auto;

    display:block;

}

/* ==========================================
   BUTTONS
========================================== */

.yddda-button{

    display:inline-block;

    background:var(--yddda-primary);

    color:#fff;

    padding:12px 24px;

    border-radius:var(--yddda-radius);

    transition:var(--yddda-transition);

}

.yddda-button:hover{

    background:var(--yddda-secondary);

    color:#fff;

}

/* =====================================================
   HEADER
===================================================== */

.yddda-header{

    background:#ffffff;

    position:sticky;

    top:0;

    z-index:999;

    box-shadow:0 2px 10px rgba(0,0,0,.08);

}

.yddda-header-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:90px;

}

.custom-logo{

    max-width:180px;

    height:auto;

}

.yddda-site-title{

    font-size:1.6rem;

    font-weight:700;

    color:var(--yddda-heading);

}

.yddda-navigation ul{

    display:flex;

    gap:30px;

    list-style:none;

    margin:0;

    padding:0;

}

.yddda-navigation a{

    color:var(--yddda-text);

    font-weight:600;

}

.yddda-navigation a:hover{

    color:var(--yddda-primary);

}

.yddda-menu-toggle{

    display:none;

    background:none;

    border:none;

    font-size:28px;

    cursor:pointer;

}

/* ==============================
   Mobile
============================== */

@media (max-width:768px){

.yddda-menu-toggle{

    display:block;

}

.yddda-navigation{

    display:none;

    position:absolute;

    left:0;

    top:90px;

    width:100%;

    background:#ffffff;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.yddda-navigation ul{

    flex-direction:column;

}

.yddda-navigation a{

    display:block;

    padding:15px 25px;

}

body.yddda-menu-open .yddda-navigation{

    display:block;

}

}

/* =====================================================
   FOOTER
===================================================== */

.yddda-footer{

	background:var(--yddda-footer-bg, #2D241F);

	color:#ffffff;

	padding:60px 0 20px;

}

.yddda-footer-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

	gap:40px;

}

.yddda-footer h3{

	color:#ffffff;

	margin-bottom:15px;

}

.yddda-footer p{

	color:#dddddd;

}

.yddda-footer-nav{

	list-style:none;

	padding:0;

	margin:0;

}

.yddda-footer-nav li{

	margin-bottom:10px;

}

.yddda-footer-nav a{

	color:#ffffff;

}

.yddda-footer-nav a:hover{

	color:var(--yddda-accent);

}

.yddda-social-links{

	display:flex;

	flex-wrap:wrap;

	gap:12px;

}

.yddda-social-links a{

	color:#ffffff;

	font-weight:600;

}

.yddda-footer-bottom{

	margin-top:40px;

	padding-top:20px;

	border-top:1px solid rgba(255,255,255,.15);

	text-align:center;

}

.yddda-back-to-top{

	position:fixed;

	right:25px;

	bottom:25px;

	width:48px;

	height:48px;

	border:none;

	border-radius:50%;

	background:var(--yddda-primary);

	color:#ffffff;

	cursor:pointer;

	font-size:20px;

	box-shadow:0 4px 12px rgba(0,0,0,.15);

	transition:.3s;

}

.yddda-back-to-top:hover{

	transform:translateY(-3px);

	background:var(--yddda-secondary);

}

/* =====================================================
   POSTS
===================================================== */

.yddda-page{

	padding:60px 0;

}

.yddda-post{

	background:#ffffff;

	padding:30px;

	border-radius:10px;

	margin-bottom:40px;

	box-shadow:0 2px 10px rgba(0,0,0,.06);

}

.yddda-post-image{

	margin-bottom:25px;

	border-radius:10px;

	overflow:hidden;

}

.yddda-post-title{

	margin-bottom:20px;

}

.yddda-post-title a{

	color:var(--yddda-heading);

}

.yddda-post-title a:hover{

	color:var(--yddda-primary);

}

.yddda-pagination{

	margin-top:40px;

	text-align:center;

}

/* =====================================================
   HERO
===================================================== */

.yddda-hero{

	position:relative;

	display:flex;

	align-items:center;

	background-size:cover;

	background-position:center;

	background-repeat:no-repeat;

	color:#ffffff;

	overflow:hidden;

}

.yddda-hero-overlay{

	position:absolute;

	inset:0;

	background:#000000;

	z-index:1;

}

.yddda-hero .yddda-container{

	position:relative;

	z-index:2;

	width:100%;

}

.yddda-hero-content{

	max-width:650px;

	padding:100px 0;

}

.yddda-hero h1{

	color:#ffffff;

	font-size:clamp(2.5rem,5vw,4.5rem);

	margin-bottom:25px;

	line-height:1.1;

}

.yddda-hero p{

	font-size:1.15rem;

	margin-bottom:35px;

	color:#ffffff;

}

@media (max-width:768px){

	.yddda-hero{

		min-height:500px !important;

	}

	.yddda-hero-content{

		padding:70px 0;

		text-align:center;

	}

}

/* =====================================================
   PRODUCTS
===================================================== */

.yddda-products{

	padding:80px 0;

}

.yddda-section-heading{

	text-align:center;

	margin-bottom:50px;

}

.yddda-products-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

	gap:30px;

}

.yddda-product-card{

	background:#ffffff;

	border-radius:12px;

	overflow:hidden;

	box-shadow:0 2px 12px rgba(0,0,0,.08);

	transition:.3s;

}

.yddda-product-card:hover{

	transform:translateY(-6px);

}

.yddda-product-image{

	width:100%;

	aspect-ratio:1/1;

	object-fit:cover;

}

.yddda-product-content{

	padding:25px;

}

.yddda-product-content h3{

	margin-bottom:15px;

}

.yddda-product-content p{

	margin-bottom:25px;

}

/* =====================================================
   ABOUT
===================================================== */

.yddda-about{

	padding:90px 0;

	background:#ffffff;

}

.yddda-about-grid{

	display:grid;

	grid-template-columns:1fr 1fr;

	gap:60px;

	align-items:center;

}

.yddda-about-content h2{

	margin-bottom:25px;

}

.yddda-about-content p{

	margin-bottom:35px;

	font-size:1.05rem;

}

.yddda-about-image img{

	width:100%;

	border-radius:12px;

	display:block;

}

.yddda-image-placeholder{

	height:450px;

	display:flex;

	align-items:center;

	justify-content:center;

	background:#f5f5f5;

	border-radius:12px;

	color:#888;

	font-size:20px;

}

@media (max-width:900px){

	.yddda-about-grid{

		grid-template-columns:1fr;

	}

}

/* =====================================================
   GALLERY
===================================================== */

.yddda-gallery{

	padding:90px 0;

	background:#faf8f5;

}

.yddda-gallery-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

	gap:20px;

}

.yddda-gallery-item{

	display:block;

	overflow:hidden;

	border-radius:12px;

}

.yddda-gallery-item img{

	width:100%;

	height:100%;

	aspect-ratio:1/1;

	object-fit:cover;

	display:block;

	transition:.35s;

}

.yddda-gallery-item:hover img{

	transform:scale(1.08);

}

/* =====================================================
   PAGES
===================================================== */

.yddda-page{

	padding:80px 0;

}

.yddda-page-image{

	margin-bottom:35px;

}

.yddda-page-image img{

	width:100%;

	height:auto;

	border-radius:12px;

	display:block;

}

.yddda-page-header{

	margin-bottom:30px;

}

.yddda-page-content{

	line-height:1.8;

}

.yddda-page-content img{

	max-width:100%;

	height:auto;

}

.yddda-page-content table{

	width:100%;

}

/* =====================================================
   SINGLE POST
===================================================== */

.yddda-single-post{

	background:#fff;

	padding:40px;

	border-radius:12px;

	box-shadow:0 2px 10px rgba(0,0,0,.06);

}

.yddda-single-image{

	margin-bottom:30px;

}

.yddda-single-image img{

	width:100%;

	height:auto;

	border-radius:12px;

	display:block;

}

.yddda-single-header{

	margin-bottom:30px;

}

.yddda-post-meta{

	font-size:.9rem;

	color:#777;

	margin-top:10px;

}

.yddda-single-content{

	line-height:1.8;

}

.yddda-single-content img{

	max-width:100%;

	height:auto;

	border-radius:8px;

}

.yddda-post-footer{

	margin-top:40px;

	padding-top:20px;

	border-top:1px solid #eee;

}

/* =====================================================
   ARCHIVES
===================================================== */

.yddda-archive-description{

	margin:20px 0 40px;

	color:#666;

}

/* =====================================================
   SEARCH
===================================================== */

.yddda-no-results{

	text-align:center;

	padding:80px 20px;

}

.yddda-no-results form{

	margin-top:30px;

	max-width:500px;

	margin-left:auto;

	margin-right:auto;

}

/* =====================================================
   404 PAGE
===================================================== */

.yddda-404{

	padding:120px 20px;

	text-align:center;

}

.yddda-404-content{

	max-width:700px;

	margin:auto;

}

.yddda-404 h1{

	font-size:7rem;

	color:var(--yddda-primary);

	margin-bottom:20px;

	line-height:1;

}

.yddda-404 h2{

	margin-bottom:20px;

}

.yddda-404 p{

	margin-bottom:30px;

}

.yddda-404 form{

	max-width:500px;

	margin:30px auto;

}