/**
 * Full-Width Fix - Beyaz Kenarları Kaldır
 * 
 * Body, HTML, Elementor wrapper için tam genişlik
 * 
 * @package GRPCMedia
 */

/* ============================================
   HTML & BODY - TAM GENİŞLİK
   ============================================ */

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

/* ============================================
   ELEMENTOR WRAPPER - TAM GENİŞLİK
   ============================================ */

#main,
.site-main,
.elementor,
.elementor-page {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* ============================================
   ELEMENTOR SECTION - TAM GENİŞLİK
   ============================================ */

.elementor-section.elementor-section-stretched {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Container içerik için max-width (ama section full-width) */
.elementor-section.elementor-section-stretched > .elementor-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* Hero slider için FULL-WIDTH (container limiti yok) */
.elementor-section.elementor-section-stretched > .elementor-container:has(.grpc-hero-slider-container) {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Hero slider column ve widget - TAM GENİŞLİK */
.elementor-column:has(.grpc-hero-slider-container),
.elementor-widget-wrap:has(.grpc-hero-slider-container) {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Hero slider widget container - TAM GENİŞLİK */
.elementor-widget:has(.grpc-hero-slider-container) {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Hero slider section - MUTLAKçA TAM GENİŞLİK */
.elementor-section:has(.grpc-hero-slider-container) {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

/* Slider'ın kendisi - TAM GENİŞLİK */
.grpc-hero-slider-container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

/* ============================================
   THEME WRAPPER - TAM GENİŞLİK
   ============================================ */

.site,
.site-content,
#page,
#content {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* ============================================
   HEADER - TAM GENİŞLİK
   ============================================ */

#header,
.header,
.site-header {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Header içindeki container için max-width koru */
.header .container,
.site-header .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* ============================================
   FOOTER - TAM GENİŞLİK
   ============================================ */

footer,
.site-footer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}