/*
 Theme Name: Woodmart Child
 Theme URI: https://woodmart.xtemos.com/
 Description: Rotamız Eğitim Danışmanlığı Child Theme
 Author: Xtemos
 Author URI: https://woodmart.xtemos.com/
 Template: woodmart
 Version: 1.0.0
 Text Domain: woodmart
*/

/* -------------------------------------------------------------
 * 1. GLOBAL TYPOGRAPHY & RESET
 * ----------------------------------------------------------- */
:root {
    --rotamiz-primary: #026B47;
    --rotamiz-primary-hover: #014F34;
    --rotamiz-navy: #192938;
    --rotamiz-navy-dark: #0f172a;
    --rotamiz-bg-light: #f8fafc;
    --rotamiz-text-dark: #0f172a;
    --rotamiz-text-muted: #64748b;
    --rotamiz-border: #e2e8f0;
}

body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
.entry-title, .widget-title,
.wd-nav > li > a {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Hover geçişleri: Elementor, işletim sisteminde "animasyonları azalt" açıkken tüm geçişleri
   0 sn'ye indiriyor (html * { transition-duration: 0s !important }). Buton, link ve kartlardaki
   kısa renk/gölge geçişleri hareket sayılmaz; bunlar yumuşak kalsın. Büyük animasyonlar kapalı kalır. */
@media (prefers-reduced-motion: reduce) {
    html body :is(a, button, input, textarea, select, label,
        [class*="btn"], [class*="button"], [class*="card"], [class*="chip"], [class*="badge"],
        [class*="arrow"], [class*="social"], [class*="card"] img, [class*="card"] *,
        [class^="rn-"], [class*=" rn-"], [class^="rn-"] *, [class*="rotamiz"], [class*="rotamiz"] *) {
        transition-duration: .25s !important;
    }
}

/* Woodmart'ın boş "prefooter" alanı footer'ın üstünde beyaz şerit bırakmasın */
.wd-prefooter:not(:has(.wd-entry-content *)) {
    display: none;
}

/* -------------------------------------------------------------
 * 2. GLOBAL HEADER & NAVBAR (WOODMART HEADER BUILDER)
 * ----------------------------------------------------------- */
/* 2.1 Transparan navbar: içeriğin üstünde durur, arka plan yok */
.whb-header {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 400 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.whb-header:not(.whb-sticked) .whb-main-header,
.whb-header:not(.whb-sticked) .whb-row {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 2.2 Scroll sonrası (sticky): buzlu cam efekti */
.whb-header.whb-sticked .whb-main-header {
    position: fixed !important;
    background: rgba(255, 255, 255, 0.86) !important;
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(14px);
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.08) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.7) !important;
}

.whb-header.whb-sticked .whb-row {
    background: transparent !important;
}

/* 2.3 Koyu banner üzerindeyken (sayfa başlığı / blog) beyaz navbar */
body.rotamiz-news-view .whb-header:not(.whb-sticked) .wd-nav-main > li > a,
body:has(.wd-page-title) .whb-header:not(.whb-sticked) .wd-nav-main > li > a {
    color: #ffffff !important;
}

body.rotamiz-news-view .whb-header:not(.whb-sticked) .wd-nav-main > li:hover > a,
body:has(.wd-page-title) .whb-header:not(.whb-sticked) .wd-nav-main > li:hover > a {
    color: #6ee7b7 !important;
}

body.rotamiz-news-view .whb-header:not(.whb-sticked) .wd-logo img,
body:has(.wd-page-title) .whb-header:not(.whb-sticked) .wd-logo img {
    filter: brightness(0) invert(1);
}

body.rotamiz-news-view .whb-header:not(.whb-sticked) .wd-info-box .info-box-inner > *,
body:has(.wd-page-title) .whb-header:not(.whb-sticked) .wd-info-box .info-box-inner > * {
    color: #ffffff !important;
}

body.rotamiz-news-view .whb-header:not(.whb-sticked) .wd-info-box .info-box-inner p,
body:has(.wd-page-title) .whb-header:not(.whb-sticked) .wd-info-box .info-box-inner p {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.rotamiz-news-view .whb-header:not(.whb-sticked) .wd-info-box .info-svg-wrapper img,
body:has(.wd-page-title) .whb-header:not(.whb-sticked) .wd-info-box .info-svg-wrapper img,
body.rotamiz-news-view .whb-header:not(.whb-sticked) .wd-header-mobile-nav .wd-tools-icon,
body:has(.wd-page-title) .whb-header:not(.whb-sticked) .wd-header-mobile-nav .wd-tools-icon {
    filter: brightness(0) invert(1);
}

/* 2.4 Navbar artık içeriğin üstünde: sayfa başlığı altta kalmasın */
.wd-page-title.page-title-default {
    padding-top: calc(var(--wd-header-h, 90px) + 40px) !important;
}

@media (max-width: 1024px) {
    .wd-page-title.page-title-default {
        padding-top: calc(var(--wd-header-general-sm-h, 60px) + 30px) !important;
    }
}

/* Yatay logo (572x160): yükseklik sınırı okunaklı kalacak kadar */
.site-logo img, .whb-logo img, .wd-logo img {
    max-height: 56px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Navigation Menu */
.wd-nav-main > li > a,
.whb-column .wd-nav > li > a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #192938 !important;
    letter-spacing: -0.1px !important;
    text-transform: capitalize !important;
    padding: 10px 14px !important;
    transition: color 0.2s ease !important;
}

.wd-nav-main > li:hover > a,
.wd-nav-main > li.current-menu-item > a,
.wd-nav-main > li.current_page_item > a {
    color: #026B47 !important;
}

/* Header Phone Info Box */
.whb-column .woodmart-info-box {
    margin-bottom: 0 !important;
}
.whb-column .woodmart-info-box .box-icon-wrapper i,
.whb-column .woodmart-info-box svg {
    color: #026B47 !important;
    fill: #026B47 !important;
}

/* Header CTA Button */
.rotamiz-header-cta-btn {
    background: #026B47 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 10px 22px !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(2,107,71,0.25) !important;
    transition: all 0.25s ease !important;
}

.rotamiz-header-cta-btn:hover {
    background: #014F34 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(2,107,71,0.35) !important;
    color: #ffffff !important;
}

/* -------------------------------------------------------------
 * 3. PAGE TITLE & BREADCRUMBS BANNER
 * ----------------------------------------------------------- */
.page-title-default {
    background: linear-gradient(135deg, #192938 0%, #111d28 65%, #026B47 130%) !important;
    padding: 45px 0 !important;
    border-bottom: 3px solid #026B47 !important;
    position: relative;
    overflow: hidden;
}

.page-title-default::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: radial-gradient(circle, rgba(2,107,71,0.2) 0%, transparent 70%);
    pointer-events: none;
}

.page-title-default .entry-title,
.page-title-default h1,
.page-title-default .page-title {
    color: #ffffff !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 8px !important;
}

.page-title-default .breadcrumbs,
.page-title-default .breadcrumbs a,
.page-title-default .breadcrumbs span {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-weight: 500 !important;
}

.page-title-default .breadcrumbs a:hover {
    color: #34d399 !important;
}

.page-title-default .breadcrumbs .current-item {
    color: #34d399 !important;
    font-weight: 600 !important;
}

/* -------------------------------------------------------------
 * 4. SINGLE BLOG POST & ARCHIVE STYLING
 * ----------------------------------------------------------- */
.single-post .site-content,
.blog .site-content,
.archive .site-content {
    padding-top: 50px !important;
    padding-bottom: 70px !important;
    background-color: #fbfcfd !important;
}

/* Post Categories Badge */
.single-post .post-categories a,
.post-date-wrapper .post-categories a,
.meta-post-categories a,
.article-inner .post-categories a {
    background-color: #e8f5ee !important;
    color: #026B47 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: 1px solid rgba(2,107,71,0.15) !important;
    text-decoration: none !important;
    margin-bottom: 14px !important;
    transition: all 0.2s ease !important;
}

.single-post .post-categories a:hover {
    background-color: #026B47 !important;
    color: #ffffff !important;
}

/* Post Title */
.single-post .entry-title,
.post-single-page .entry-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    margin-top: 10px !important;
    margin-bottom: 16px !important;
    letter-spacing: -0.5px !important;
}

/* Meta Data */
.single-post .meta-author,
.single-post .meta-date,
.single-post .meta-comments,
.single-post .post-meta {
    color: #64748b !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
}

/* Post Content Body */
.single-post .entry-content {
    font-size: 16.5px !important;
    line-height: 1.85 !important;
    color: #334155 !important;
    margin-top: 24px !important;
}

.single-post .entry-content p {
    margin-bottom: 22px !important;
}

.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-top: 36px !important;
    margin-bottom: 16px !important;
    letter-spacing: -0.3px !important;
}

.single-post .entry-content blockquote {
    border-left: 4px solid #026B47 !important;
    background: #f8fafc !important;
    padding: 22px 26px !important;
    border-radius: 0 14px 14px 0 !important;
    font-style: italic !important;
    color: #1e293b !important;
    margin: 30px 0 !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* Post Social Share */
.single-post .woodmart-social-icons a {
    border-radius: 50% !important;
    transition: transform 0.2s ease !important;
}
.single-post .woodmart-social-icons a:hover {
    transform: translateY(-2px) !important;
}

/* Next / Previous Post Navigation */
.single-post-navigation,
.posts-navigation {
    margin-top: 40px !important;
    padding: 20px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
}

/* Reply / Comments Form */
#respond {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 32px !important;
    margin-top: 45px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
}

#reply-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 20px !important;
    letter-spacing: -0.3px !important;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    transition: all 0.2s !important;
    outline: none !important;
    width: 100% !important;
}

#commentform input:focus,
#commentform textarea:focus {
    background: #ffffff !important;
    border-color: #026B47 !important;
    box-shadow: 0 0 0 3px rgba(2,107,71,0.12) !important;
}

#commentform #submit {
    background: #026B47 !important;
    border-color: #026B47 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 12px 32px !important;
    border-radius: 9999px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

#commentform #submit:hover {
    background: #014F34 !important;
    border-color: #014F34 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(2,107,71,0.3) !important;
}

/* -------------------------------------------------------------
 * 5. BLOG SIDEBAR WIDGETS
 * ----------------------------------------------------------- */
.sidebar-container .widget,
.woodmart-sidebar .widget {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin-bottom: 28px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.03) !important;
}

.sidebar-container .widget-title,
.woodmart-sidebar .widget-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #026B47 !important;
    display: block !important;
}

/* Categories Widget */
.widget_categories ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.widget_categories ul li {
    display: flex !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    border-bottom: 1px dashed #f1f5f9 !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

.widget_categories ul li:last-child {
    border-bottom: none !important;
}

.widget_categories ul li a {
    color: #334155 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.widget_categories ul li a:hover {
    color: #026B47 !important;
    padding-left: 6px !important;
}

/* Recent Posts Widget */
.widget_recent_entries ul,
.woodmart-recent-posts ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.widget_recent_entries ul li,
.woodmart-recent-posts ul li {
    padding: 12px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.widget_recent_entries ul li:last-child,
.woodmart-recent-posts ul li:last-child {
    border-bottom: none !important;
}

.widget_recent_entries ul li a,
.woodmart-recent-posts ul li a {
    color: #1e293b !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    display: block !important;
    transition: color 0.2s ease !important;
}

.widget_recent_entries ul li a:hover,
.woodmart-recent-posts ul li a:hover {
    color: #026B47 !important;
}

.widget_recent_entries .post-date,
.woodmart-recent-posts .post-date {
    color: #94a3b8 !important;
    font-size: 12px !important;
    margin-top: 4px !important;
    display: block !important;
}

/* Search Widget */
.widget_search input[type="text"],
.widget_product_search input[type="text"] {
    border-radius: 9999px !important;
    border: 1.5px solid #e2e8f0 !important;
    background: #f8fafc !important;
    padding: 10px 18px !important;
    font-size: 13.5px !important;
}

.widget_search input[type="text"]:focus,
.widget_product_search input[type="text"]:focus {
    border-color: #026B47 !important;
    background: #ffffff !important;
}


/* -------------------------------------------------------------
 * 6. HOMEPAGE EDGE-TO-EDGE FULL WIDTH & RESPONSIVE PERFECTION
 * ----------------------------------------------------------- */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
}

body.home .main-page-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.home .main-page-wrapper > .container,
body.home .site-content,
body.home .wd-content-area,
body.home article.entry-content,
body.home .container-fluid {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.home .elementor,
body.home .elementor-section-wrap {
    width: 100% !important;
    max-width: 100% !important;
}

body.home .elementor-section {
    width: 100% !important;
    max-width: 100% !important;
}

body.home .elementor-section.elementor-section-full_width > .elementor-container,
body.home .elementor-section > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ensure inner columns take 100% width where needed */
body.home .elementor-column-gap-no > .elementor-column > .elementor-element-populated {
    padding: 0 !important;
}

/* Dark section full width guarantee */
[data-purpose="touchpoints-dark"],
[data-purpose="stats-overview"],
.bg-slate-900, .bg-\[\#0F172A\] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .rotamiz-marquee-row {
        max-width: 100vw !important;
    }
    .whb-general-header {
        padding: 0 10px !important;
    }
}