/**
 * Site geneli (Cart, Checkout, Shop, Elementor sayfalar).
 * Anasayfa kendi css/style.css dosyasını kullanır.
 *
 * PC: klasik fixed background (118%).
 * Mobil: body::before sabit katman (uzun sayfada süzülmesin + iPhone kenar boşluğu olmasın).
 *
 * @package Revera_Home
 */

:root {
  --revera-content-width: 1140px;
  --revera-bg: #5c1414;
  --revera-bg-image: url("../assets/reverabg.png");
  --revera-bg-size: 118% 118%;
}

/* ── PC / tablet ── */
html {
  min-height: 100%;
  background-color: var(--revera-bg) !important;
  background-image: var(--revera-bg-image) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: var(--revera-bg-size) !important;
  background-attachment: fixed !important;
}

html,
body {
  min-height: 100%;
}

body {
  position: relative;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Mobil katman — PC’de kapalı */
body::before {
  content: none;
  display: none;
}

body .site,
body #page,
body .elementor,
body .elementor-location-header,
body .elementor-location-footer {
  background: transparent !important;
}

/* Elementor klasik section — Boxed */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: var(--revera-content-width);
}

/* Elementor Container (Flexbox) — Boxed */
.e-con.e-con--boxed,
.e-con-boxed.e-con {
  --container-max-width: var(--revera-content-width);
}

.e-con-boxed.e-con > .e-con-inner {
  max-width: min(100%, var(--container-max-width, 1140px));
  margin-left: auto;
  margin-right: auto;
}

body.woocommerce-cart .elementor > .elementor-section > .elementor-container,
body.woocommerce-checkout .elementor > .elementor-section > .elementor-container,
body.woocommerce-cart .elementor > .e-con,
body.woocommerce-checkout .elementor > .e-con {
  max-width: var(--revera-content-width) !important;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 4%;
  padding-right: 4%;
  box-sizing: border-box;
}

.revera-page-content,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce {
  max-width: var(--revera-content-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 4%;
  padding-right: 4%;
  box-sizing: border-box;
}

.elementor-page .revera-page-content {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.elementor-page .revera-page-content > .woocommerce {
  max-width: var(--revera-content-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 4%;
  padding-right: 4%;
}

.woocommerce-cart-form,
.woocommerce-checkout,
.cart-collaterals {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* ── Sadece mobil ── */
@media screen and (max-width: 767px) {
  html {
    background-image: none !important;
    background-attachment: scroll !important;
  }

  body::before {
    content: "";
    display: block;
    position: fixed;
    top: -35vh;
    right: -25vw;
    bottom: -35vh;
    left: -25vw;
    z-index: -1;
    pointer-events: none;
    background-color: var(--revera-bg);
    background-image: var(--revera-bg-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  body.woocommerce-cart .elementor > .elementor-section > .elementor-container,
  body.woocommerce-checkout .elementor > .elementor-section > .elementor-container,
  body.woocommerce-cart .elementor > .e-con,
  body.woocommerce-checkout .elementor > .e-con,
  .revera-page-content,
  .woocommerce-cart .woocommerce,
  .woocommerce-checkout .woocommerce,
  .elementor-page .revera-page-content > .woocommerce {
    padding-left: 5%;
    padding-right: 5%;
  }
}

/* Gutenberg / editor iframe — beyaz kalsın */
body.block-editor-iframe__body.editor-styles-wrapper {
  background: #ffffff !important;
}

body.block-editor-iframe__body.editor-styles-wrapper::before {
  display: none !important;
  content: none !important;
}