/*
Theme Name: Erdal Danışmanlık
Theme URI: https://tigerakademi.com.tr
Author: Erdal Danışmanlık
Author URI: https://tigerakademi.com.tr
Description: Erdal Danışmanlık için geliştirilmiş süper profesyonel WordPress teması. Hero slider, müşteri yorumları, işbirlikçiler, tam özelleştirilebilir menü/buton/renk/tipografi. Görünüm > Özelleştir > Erdal Danışmanlık Ayarları panelinden tüm detayları değiştirebilirsiniz.
Version: 3.1.0
License: GPL v2 or later
Text Domain: erdal-danismanlik
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-header, custom-menu, custom-logo, custom-colors, featured-images, theme-options, translation-ready, blog, business, e-commerce, portfolio
*/

:root {
    --primary: #1a3c6e;
    --primary-dark: #0f2445;
    --primary-light: #2a5ca0;
    --secondary: #c9a84c;
    --secondary-light: #e0c56a;
    --accent: #e74c3c;
    --text-dark: #2c3e50;
    --text-light: #7f8c8d;
    --bg-light: #f8f9fa;
    --bg-dark: #1a1a2e;
    --header-bg: #ffffff;
    --header-top-bg: #1a3c6e;
    --footer-bg: #1a1a2e;
    --footer-bottom-bg: #0f0f1a;
    --white: #ffffff;
    --black: #000000;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow: 0 2px 15px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.1);
    --shadow-hover: 0 8px 35px rgba(0,0,0,0.15);
    --radius-sm: 4px;
    --radius: 8px;
    --radius-lg: 16px;
    --radius-full: 50px;
    --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    --transition-slow: all 0.5s cubic-bezier(0.4,0,0.2,1);
    --body-font: 'Segoe UI', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --heading-font: 'Georgia', 'Times New Roman', serif;
    --body-font-size: 16px;
    --body-line-height: 1.8;
    --body-color: #2c3e50;
    --heading-color: #0f2445;
    --link-color: #1a3c6e;
    --link-hover: #2a5ca0;
    --menu-color: #2c3e50;
    --menu-hover-bg: #1a3c6e;
    --menu-hover-color: #ffffff;
    --menu-active-bg: #1a3c6e;
    --menu-active-color: #ffffff;
    --menu-fs: 14px;
    --menu-fw: 500;
    --dropdown-bg: #ffffff;
    --dropdown-link: #2c3e50;
    --dropdown-hover-bg: #f8f9fa;
    --dropdown-hover-color: #1a3c6e;
    --btn-bg: #c9a84c;
    --btn-color: #0f2445;
    --btn-hover-bg: #e0c56a;
    --btn-hover-color: #0f2445;
    --btn-radius: 50px;
    --btn-px: 34;
    --btn-py: 14;
    --btn-fs: 15;
    --btn-fw: 600;
    --btn-ls: 0.3;
    --logo-max-height: 60px;
    --header-padding: 12px;
    --container: 1200px;
}

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

html { scroll-behavior: smooth; }

body {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--body-color);
    overflow-x: hidden;
    background: var(--white);
    -webkit-font-smoothing: antialiased;
}

a { color: var(--link-color); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--link-hover); }
a:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

img { max-width: 100%; height: auto; display: block; }

h1,h2,h3,h4,h5,h6 { font-family: var(--heading-font); color: var(--heading-color); margin-bottom: 0.6em; line-height: 1.3; font-weight: 700; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

p { margin-bottom: 1.2em; }
ul,ol { margin-bottom: 1.2em; padding-left: 20px; }

.container { max-width: var(--container); margin: 0 auto; padding: 0 20px; }

/* ===== PRELOADER ===== */
.preloader {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--white);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}
.preloader.loaded { opacity: 0; visibility: hidden; pointer-events: none; }
.preloader-spinner {
    width: 50px; height: 50px;
    border: 4px solid var(--bg-light);
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ===== HEADER TOP ===== */
.header-top {
    background: var(--header-top-bg);
    color: var(--white);
    padding: 8px 0;
    font-size: 13px;
    line-height: 1.4;
}
.header-top .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
.header-top-left, .header-top-right { display: flex; align-items: center; gap: 16px; }
.header-top-link {
    color: rgba(255,255,255,0.85);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    transition: var(--transition);
}
.header-top-link:hover { color: var(--secondary); }
.header-top-link svg { flex-shrink: 0; }

/* ===== HEADER ===== */
.site-header { background: var(--header-bg); box-shadow: var(--shadow-sm); transition: var(--transition); position: relative; }
.header-sticky { position: sticky; top: 0; z-index: 1000; }
.header-sticky.header-scrolled { box-shadow: var(--shadow-md); }

.header-main {
    padding: var(--header-padding) 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.site-branding { display: flex; align-items: center; flex-shrink: 0; }
.site-logo { display: flex; align-items: center; }
.site-logo img { max-height: var(--logo-max-height); width: auto; }
.site-branding-text { display: flex; flex-direction: column; }
.site-title { font-size: 24px; font-weight: 700; font-family: var(--body-font); color: var(--primary); margin: 0; line-height: 1.2; }
.site-title a { color: inherit; }
.site-title a:hover { color: var(--primary-light); }
.site-description { font-size: 13px; color: var(--text-light); margin: 2px 0 0; }

.header-actions { display: flex; align-items: center; gap: 10px; }

/* ===== NAVIGATION ===== */
.main-navigation { display: flex; align-items: center; }
.main-navigation ul { list-style: none; display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; }
.main-navigation ul li { position: relative; margin: 0; }
.main-navigation ul li a {
    display: block;
    padding: 10px 16px;
    color: var(--menu-color);
    font-size: var(--menu-fs);
    font-weight: var(--menu-fw);
    border-radius: var(--radius);
    white-space: nowrap;
    transition: var(--transition);
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li.current-page-ancestor > a {
    background: var(--menu-active-bg);
    color: var(--menu-active-color);
}
.main-navigation ul li.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 6px; height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-left: 6px; margin-bottom: 2px;
    transition: var(--transition);
}

.main-navigation ul ul {
    display: none;
    position: absolute;
    top: 100%; left: 0;
    background: var(--dropdown-bg);
    box-shadow: var(--shadow-md);
    border-radius: var(--radius);
    min-width: 240px;
    z-index: 999;
    padding: 8px 0;
    animation: fadeInDown 0.2s ease;
}
.main-navigation ul ul ul { top: -8px; left: 100%; }
.main-navigation ul ul li { display: block; }
.main-navigation ul ul a { padding: 10px 22px; white-space: normal; border-radius: 0; color: var(--dropdown-link); }
.main-navigation ul ul a:hover { background: var(--dropdown-hover-bg); color: var(--dropdown-hover-color); }
.main-navigation ul li:hover > ul { display: block; }

@keyframes fadeInDown { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }

.menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: center; align-items: center;
    width: 44px; height: 44px;
    background: none;
    border: 2px solid var(--primary);
    border-radius: var(--radius);
    cursor: pointer;
    padding: 8px; gap: 4px;
}
.menu-toggle-bar { display: block; width: 20px; height: 2px; background: var(--primary); border-radius: 2px; transition: var(--transition); }
.menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(1) { transform: rotate(45deg) translate(4px,4px); }
.menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(3) { transform: rotate(-45deg) translate(4px,-4px); }

/* ===== BREADCRUMB ===== */
.breadcrumb-wrapper { background: var(--bg-light); border-bottom: 1px solid #eef0f2; padding: 10px 0; }
.breadcrumb ul { list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; font-size: 13px; }
.breadcrumb li a { color: var(--text-light); }
.breadcrumb li a:hover { color: var(--primary); }
.breadcrumb .sep { color: #ccc; }
.breadcrumb .current { color: var(--primary); font-weight: 600; }

/* ===== BUTTONS ===== */
.btn {
    display: inline-flex;
    align-items: center; justify-content: center;
    gap: 8px;
    padding: var(--btn-py) var(--btn-px);
    font-size: var(--btn-fs);
    font-weight: var(--btn-fw);
    letter-spacing: var(--btn-ls);
    border-radius: var(--btn-radius);
    border: none;
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
    line-height: 1.4;
    text-transform: uppercase;
}
.btn-primary { background: var(--btn-bg); color: var(--btn-color); }
.btn-primary:hover { background: var(--btn-hover-bg); color: var(--btn-hover-color); transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.btn-outline { background: transparent; color: var(--white); border: 2px solid var(--white); }
.btn-outline:hover { background: var(--white); color: var(--primary); transform: translateY(-2px); }
.btn-secondary { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,0.3); }
.btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: var(--white); transform: translateY(-2px); }
.btn-sm { padding: 8px 20px; font-size: 13px; }
.btn-lg { padding: 16px 42px; font-size: 17px; }

/* ===== HERO / SLIDER ===== */
.hero-section {
    color: var(--white);
    padding: 100px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.hero-section::before {
    content: '';
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    background: url('assets/images/pattern.png') repeat;
    opacity: 0.04;
}
.hero-section::after {
    content: '';
    position: absolute;
    bottom:-2px; left:0; right:0;
    height:100px;
    background: var(--white);
    clip-path: ellipse(70% 100% at 50% 100%);
    opacity: 0.06;
}

/* Hero slide with background image */
.hero-slide {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* Visual-only slide: hero-section padding yok, sadece görsel */
.hero-slide.slide-visual-only .hero-section {
    padding: 0;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-slide.slide-visual-only .hero-section::before,
.hero-slide.slide-visual-only .hero-section::after {
    display: none;
}

/* When a slide has a background image, override the CSS gradient */
.hero-slide.has-bg-image .hero-section {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.hero-content { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }
.hero-content h1 { font-size: 44px; color: var(--white); margin-bottom: 20px; font-weight: 700; }
.hero-content p { font-size: 18px; opacity: 0.92; margin-bottom: 35px; line-height: 1.8; }
.hero-buttons { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }

/* Slider */
.hero-slider { position: relative; }
.hero-slides { position: relative; overflow: hidden; }
.hero-slide { display: none; }
.hero-slide.active { display: block; }
.hero-slide.fade-in { animation: heroFadeIn 0.6s ease; }
@keyframes heroFadeIn { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }

.slider-nav {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}
.slider-dot {
    width: 14px; height: 14px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    border: 2px solid rgba(255,255,255,0.6);
    cursor: pointer;
    transition: var(--transition);
}
.slider-dot.active { background: var(--secondary); border-color: var(--secondary); transform: scale(1.2); }

.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px; height: 50px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    color: var(--white);
    border: 2px solid rgba(255,255,255,0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: var(--transition);
    z-index: 10;
}
.slider-arrow:hover { background: var(--secondary); border-color: var(--secondary); color: var(--primary-dark); }
.slider-prev { left: 20px; }
.slider-next { right: 20px; }
.slider-arrow svg { width: 24px; height: 24px; }

/* ===== SECTIONS ===== */
.section { padding: 80px 0; }
.section-alt { background: var(--bg-light); }

.section-title { text-align: center; font-size: 34px; margin-bottom: 10px; font-weight: 700; }
.section-subtitle { text-align: center; color: var(--text-light); font-size: 16px; margin-bottom: 50px; max-width: 600px; margin-left: auto; margin-right: auto; }

/* ===== SERVICES ===== */
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.service-card {
    background: var(--white); padding: 40px 28px 35px;
    border-radius: var(--radius); box-shadow: var(--shadow);
    text-align: center; transition: var(--transition);
    position: relative; overflow: hidden;
    border: 1px solid transparent;
}
.service-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--secondary); transform:scaleX(0); transform-origin:left; transition:var(--transition); }
.service-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-hover); border-color:var(--secondary); }
.service-card:hover::before { transform:scaleX(1); }
.service-icon { width:80px; height:80px; margin:0 auto 22px; background:var(--bg-light); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:34px; transition:var(--transition); }
.service-card:hover .service-icon { background:var(--primary); color:var(--white); }
.service-card h3 { font-size:20px; font-family:var(--body-font); margin-bottom:12px; }
.service-card p { font-size:14px; color:var(--text-light); margin-bottom:18px; }

/* ===== STATS ===== */
.stats-section { padding:70px 0; background:var(--primary); color:var(--white); text-align:center; }
.stats-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:30px; }
.stat-item { padding:20px; }
.stat-item h3 { font-size:46px; color:var(--secondary); margin-bottom:5px; font-family:var(--body-font); font-weight:800; }
.stat-item p { font-size:16px; opacity:0.9; margin:0; }

/* ===== ABOUT ===== */
.about-section { padding:80px 0; }
.about-content { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.about-text h2 { font-size:34px; }
.about-text p { margin-bottom:15px; color:var(--text-light); }
.about-features { list-style:none; margin:20px 0 0; padding:0; }
.about-features li { padding:10px 0 10px 34px; position:relative; font-weight:500; }
.about-features li::before { content:'✓'; position:absolute; left:0; top:12px; width:20px; height:20px; background:var(--secondary); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; color:var(--primary-dark); font-weight:bold; }
.about-cta-box { background:var(--bg-light); padding:50px 40px; border-radius:var(--radius-lg); border:1px solid #eef0f2; }
.about-cta-box h3 { font-family:var(--body-font); margin-bottom:10px; }
.about-cta-box .phone-large { font-size:28px; font-weight:700; color:var(--primary); margin:15px 0; }

/* ===== VISA ===== */
.visa-section { padding:80px 0; }
.visa-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:25px; }
.visa-card { background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); transition:var(--transition); border:1px solid transparent; }
.visa-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-hover); border-color:var(--secondary); }
.visa-card-header { background:var(--primary); color:var(--white); padding:22px; text-align:center; }
.visa-card-header h3 { color:var(--white); margin:0; font-size:18px; font-family:var(--body-font); }
.visa-card-body { padding:24px; }
.visa-card-body p { font-size:14px; color:var(--text-light); margin-bottom:18px; }

/* ===== TRANSLATION ===== */
.translation-section { padding:80px 0; }
.translation-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:20px; }
.translation-item { background:var(--bg-light); padding:30px 25px; border-radius:var(--radius); text-align:center; transition:var(--transition); border:1px solid #eef0f2; cursor:default; }
.translation-item:hover { background:var(--primary); color:var(--white); transform:translateY(-3px); box-shadow:var(--shadow-hover); }
.translation-item h4 { font-family:var(--body-font); font-size:17px; margin-bottom:10px; transition:var(--transition); }
.translation-item:hover h4 { color:var(--secondary); }
.translation-item p { font-size:13px; color:var(--text-light); margin:0; transition:var(--transition); }
.translation-item:hover p { color:rgba(255,255,255,0.85); }

/* ===== TESTIMONIALS ===== */
.testimonials-section { padding:80px 0; }
.testimonials-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr)); gap:30px; }
.testimonial-card {
    background:var(--white); padding:35px 30px;
    border-radius:var(--radius); box-shadow:var(--shadow);
    position:relative; border:1px solid #eef0f2;
    transition:var(--transition);
}
.testimonial-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-hover); }
.testimonial-card::before { content:'"'; position:absolute; top:15px; right:25px; font-size:60px; color:var(--secondary); opacity:0.2; font-family:Georgia,serif; line-height:1; }
.testimonial-stars { color:var(--secondary); font-size:18px; margin-bottom:15px; }
.testimonial-text { font-size:15px; color:var(--text-light); font-style:italic; line-height:1.8; margin-bottom:20px; }
.testimonial-author { display:flex; align-items:center; gap:15px; }
.testimonial-avatar { width:55px; height:55px; border-radius:50%; background:var(--bg-light); display:flex; align-items:center; justify-content:center; font-size:22px; color:var(--primary); }
.testimonial-name { font-weight:600; font-size:15px; color:var(--primary-dark); font-family:var(--body-font); }
.testimonial-title { font-size:13px; color:var(--text-light); }

/* ===== PARTNERS ===== */
.partners-section { padding:60px 0; background:var(--white); }
.partners-grid { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:40px; }
.partner-item { opacity:0.6; transition:var(--transition); filter:grayscale(100%); max-width:160px; }
.partner-item:hover { opacity:1; filter:grayscale(0%); transform:scale(1.05); }
.partner-item img { max-height:60px; width:auto; }
.partner-item .partner-placeholder { width:120px; height:50px; background:var(--bg-light); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--text-light); border:1px dashed #d0d0d0; }

/* ===== BLOG ===== */
.blog-section { padding:80px 0; }
.blog-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr)); gap:30px; }
.blog-card { background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); transition:var(--transition); border:1px solid transparent; }
.blog-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-hover); border-color:#eef0f2; }
.blog-card-image { height:210px; overflow:hidden; position:relative; }
.blog-card-image img { width:100%; height:100%; object-fit:cover; transition:var(--transition-slow); }
.blog-card:hover .blog-card-image img { transform:scale(1.08); }
.blog-card-body { padding:25px; }
.blog-card-meta { font-size:13px; color:var(--text-light); margin-bottom:12px; display:flex; flex-wrap:wrap; gap:15px; }
.blog-card h3 { font-size:20px; margin-bottom:12px; font-family:var(--body-font); }
.blog-card h3 a { color:var(--primary-dark); }
.blog-card h3 a:hover { color:var(--primary); }
.blog-card p { font-size:14px; color:var(--text-light); margin-bottom:18px; }

/* ===== CTA ===== */
.cta-section { padding:70px 0; text-align:center; color:var(--white); position:relative; overflow:hidden; }
.cta-section::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.04; }
.cta-section * { position:relative; z-index:1; }
.cta-section h2 { color:var(--white); font-size:34px; font-weight:700; }
.cta-section p { opacity:0.9; margin-bottom:30px; font-size:18px; max-width:600px; margin-left:auto; margin-right:auto; }

/* ===== PAGE HEADER ===== */
.page-header { background:linear-gradient(135deg, var(--primary-dark), var(--primary)); color:var(--white); padding:60px 0; text-align:center; }
.page-header h1 { color:var(--white); font-size:38px; margin:0; }
.page-header p { color:rgba(255,255,255,0.85); margin-top:10px; font-size:16px; }
.page-header .post-meta { justify-content:center; margin-top:15px; color:rgba(255,255,255,0.8); }

/* ===== PAGE CONTENT ===== */
.page-content { padding:60px 0; }
.page-content-full { padding-bottom:60px; }
.page-featured-image { margin-bottom:40px; max-height:500px; overflow:hidden; }
.page-featured-image img { width:100%; object-fit:cover; }

.content-area { max-width:800px; margin:0 auto; }
.content-layout { display:grid; grid-template-columns:1fr 300px; gap:40px; }
.content-layout-left { grid-template-columns:300px 1fr; }

.post-thumbnail { margin-bottom:35px; border-radius:var(--radius); overflow:hidden; }
.post-meta { font-size:14px; color:var(--text-light); margin-bottom:25px; display:flex; flex-wrap:wrap; gap:20px; }
.post-navigation { display:flex; justify-content:space-between; margin-top:50px; padding-top:35px; border-top:1px solid #eef0f2; }

.comments-area { margin-top:60px; padding-top:40px; border-top:2px solid #eef0f2; }
.comment-list { list-style:none; padding:0; }
.comment { padding:25px 0; border-bottom:1px solid #f0f0f0; }
.comment:last-child { border-bottom:none; }
.comment-author { font-weight:600; }
.comment-author .avatar { border-radius:50%; margin-right:10px; vertical-align:middle; }
.comment-meta { font-size:13px; color:var(--text-light); margin-bottom:10px; }

/* ===== SIDEBAR ===== */
.sidebar .widget { background:var(--bg-light); padding:28px; border-radius:var(--radius); margin-bottom:30px; border:1px solid #eef0f2; }
.sidebar .widget-title { font-size:20px; font-family:var(--body-font); margin-bottom:18px; padding-bottom:12px; border-bottom:3px solid var(--primary); color:var(--primary-dark); }
.sidebar .widget ul { list-style:none; padding:0; margin:0; }
.sidebar .widget ul li { padding:10px 0; border-bottom:1px solid #eef0f2; }
.sidebar .widget ul li:last-child { border-bottom:none; }
.sidebar .widget ul li a { color:var(--text-dark); display:block; }
.sidebar .widget ul li a:hover { color:var(--primary); padding-left:5px; }

/* ===== FOOTER ===== */
.site-footer { background:var(--footer-bg); color:rgba(255,255,255,0.8); position:relative; }

.footer-map { width:100%; height:250px; overflow:hidden; }
.footer-map iframe { width:100%; height:100%; border:none; }

.footer-widgets { padding:70px 0 40px; }
.footer-grid { display:grid; gap:40px; }
.footer-grid-2 { grid-template-columns:1fr 1fr; }
.footer-grid-3 { grid-template-columns:1fr 1fr 1fr; }
.footer-grid-4 { grid-template-columns:1fr 1fr 1fr 1fr; }

.footer-widget { margin-bottom:30px; }
.footer-widget-title { color:var(--white); font-size:19px; font-family:var(--body-font); margin-bottom:22px; padding-bottom:12px; position:relative; }
.footer-widget-title::after { content:''; position:absolute; bottom:0; left:0; width:40px; height:3px; background:var(--secondary); border-radius:2px; }
.footer-widget p { font-size:14px; line-height:1.8; color:rgba(255,255,255,0.7); }
.footer-links { list-style:none; padding:0; margin:0; }
.footer-links li { padding:6px 0; }
.footer-links li a { color:rgba(255,255,255,0.7); font-size:14px; transition:var(--transition); display:inline-flex; align-items:center; gap:6px; }
.footer-links li a::before { content:'›'; font-size:16px; font-weight:bold; color:var(--secondary); }
.footer-links li a:hover { color:var(--secondary); padding-left:5px; }
.footer-contact { list-style:none; padding:0; margin:0; }
.footer-contact li { display:flex; align-items:flex-start; gap:10px; padding:8px 0; font-size:14px; color:rgba(255,255,255,0.7); }
.footer-contact-icon { flex-shrink:0; font-size:16px; }
.footer-contact li a { color:rgba(255,255,255,0.7); }
.footer-contact li a:hover { color:var(--secondary); }

.footer-social { display:flex; gap:10px; margin-top:20px; }
.social-icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.08); color:var(--white); transition:var(--transition); }
.social-icon:hover { transform:translateY(-3px); }
.social-icon svg { width:18px; height:18px; }
.social-icon.facebook:hover { background:#1877f2; }
.social-icon.twitter:hover { background:#000; }
.social-icon.instagram:hover { background:#e4405f; }
.social-icon.linkedin:hover { background:#0a66c2; }
.social-icon.youtube:hover { background:#ff0000; }
.social-icon.whatsapp:hover { background:#25d366; }

.footer-bottom { background:var(--footer-bottom-bg); padding:20px 0; font-size:14px; }
.footer-bottom-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.footer-copyright { color:rgba(255,255,255,0.6); }
.footer-copyright a { color:var(--secondary); }
.footer-copyright a:hover { color:var(--secondary-light); }
.footer-sep { margin:0 8px; opacity:0.3; }
.footer-bottom-menu ul { list-style:none; display:flex; gap:15px; margin:0; padding:0; }
.footer-bottom-menu ul li a { color:rgba(255,255,255,0.6); font-size:13px; }
.footer-bottom-menu ul li a:hover { color:var(--secondary); }

/* ===== BACK TO TOP ===== */
.back-to-top {
    position:fixed; bottom:30px; right:30px;
    width:50px; height:50px; border-radius:50%;
    background:var(--primary); color:var(--white);
    border:none; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    box-shadow:var(--shadow-md);
    transition:var(--transition);
    opacity:0; visibility:hidden; transform:translateY(20px);
    z-index:999;
}
.back-to-top.visible { opacity:1; visibility:visible; transform:translateY(0); }
.back-to-top:hover { background:var(--primary-dark); transform:translateY(-3px); box-shadow:var(--shadow-hover); }

/* ===== COOKIE CONSENT ===== */
.cookie-consent {
    position:fixed; bottom:0; left:0; right:0;
    background:var(--primary-dark); color:var(--white);
    padding:15px 20px;
    display:flex; align-items:center; justify-content:center;
    gap:20px; flex-wrap:wrap;
    z-index:9998;
    transform:translateY(100%);
    transition:var(--transition);
    font-size:14px;
}
.cookie-consent.visible { transform:translateY(0); }
.cookie-consent p { margin:0; color:rgba(255,255,255,0.85); font-size:13px; }
.cookie-btn {
    padding:8px 22px;
    background:var(--secondary);
    color:var(--primary-dark);
    border:none; border-radius:var(--radius-full);
    cursor:pointer;
    font-weight:600;
    font-size:13px;
    transition:var(--transition);
    white-space:nowrap;
}
.cookie-btn:hover { background:var(--secondary-light); }

/* ===== 404 ===== */
.not-found { text-align:center; padding:120px 0; }
.not-found h1 { font-size:140px; color:var(--primary); line-height:1; font-family:var(--body-font); opacity:0.15; margin-bottom:10px; }
.not-found p { font-size:18px; color:var(--text-light); margin:0 0 30px; }

/* ===== PAGINATION ===== */
.pagination { text-align:center; margin:50px 0 20px; }
.pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 12px; margin:0 3px; border-radius:var(--radius); border:1px solid #e0e0e0; font-size:14px; font-weight:500; color:var(--text-dark); background:var(--white); transition:var(--transition); }
.pagination .page-numbers.current { background:var(--primary); color:var(--white); border-color:var(--primary); }
.pagination a.page-numbers:hover { background:var(--bg-light); border-color:var(--primary); }

/* ===== SEARCH ===== */
.search-form { display:flex; gap:5px; }
.search-form input[type="search"] { flex:1; padding:11px 16px; border:1px solid #d0d0d0; border-radius:var(--radius); font-size:14px; outline:none; transition:var(--transition); }
.search-form input[type="search"]:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(26,60,110,0.1); }
.search-form button { padding:11px 20px; background:var(--primary); color:var(--white); border:none; border-radius:var(--radius); cursor:pointer; transition:var(--transition); font-weight:600; }
.search-form button:hover { background:var(--primary-dark); }

/* ===== SCROLL ANIMATION ===== */
.has-scroll-animation .animate-on-scroll { opacity:0; transform:translateY(40px); transition:opacity 0.7s ease, transform 0.7s ease; }
.has-scroll-animation .animate-on-scroll.animated { opacity:1; transform:translateY(0); }
.has-scroll-animation .animate-on-scroll.delay-1 { transition-delay:0.1s; }
.has-scroll-animation .animate-on-scroll.delay-2 { transition-delay:0.2s; }
.has-scroll-animation .animate-on-scroll.delay-3 { transition-delay:0.3s; }
.has-scroll-animation .animate-on-scroll.delay-4 { transition-delay:0.4s; }

/* ===== CONTACT PAGE ===== */
.contact-page-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; }
.contact-info-cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:30px; }
.contact-info-card { background:var(--bg-light); padding:25px; border-radius:var(--radius); text-align:center; border:1px solid #eef0f2; transition:var(--transition); }
.contact-info-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
.contact-info-card .icon { font-size:32px; margin-bottom:12px; }
.contact-info-card h4 { font-family:var(--body-font); font-size:16px; margin-bottom:5px; }
.contact-info-card p { font-size:14px; color:var(--text-light); margin:0; }
.contact-info-card a { color:var(--primary); font-weight:500; }

/* ===== WORDPRESS ALIGN ===== */
.alignleft { float:left; margin-right:20px; margin-bottom:20px; }
.alignright { float:right; margin-left:20px; margin-bottom:20px; }
.aligncenter { display:block; margin:0 auto; }
.wp-caption { max-width:100%; }
.wp-caption-text { font-size:13px; color:var(--text-light); text-align:center; padding:10px 0; }

/* ===== WOOCOMMERCE ===== */
.woocommerce .products li { border:1px solid #eef0f2; border-radius:var(--radius); overflow:hidden; transition:var(--transition); }
.woocommerce .products li:hover { box-shadow:var(--shadow-hover); transform:translateY(-3px); }
.woocommerce .price { color:var(--primary); font-weight:700; }
.woocommerce .button { background:var(--btn-bg) !important; color:var(--btn-color) !important; border-radius:var(--radius-full) !important; font-weight:600 !important; }
.woocommerce .button:hover { background:var(--btn-hover-bg) !important; color:var(--btn-hover-color) !important; }

/* ===== UTILITY ===== */
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.mt-10 { margin-top:10px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }
.mb-10 { margin-bottom:10px; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }
.mb-40 { margin-bottom:40px; }