/*
Theme Name: Valeska Child
Theme URI: https://valeska.qodeinteractive.com
Description: A child theme of Valeska
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: valeska
Template: valeska
*/
/* ==========================================================================
   1.0 Typography styles
   ========================================================================== */

/* Base text */
body {
  font-size: 16px;         /* was 17px */
  line-height: 1.55;       /* was 1.35 — slightly taller for body text readability */
}

/* Headings — scale down & tighten spacing */
h1, .qodef-h1 { font-size: 88px; line-height: 1.12; margin: 16px 0; }
h2, .qodef-h2 { font-size: 66px; line-height: 1.16; margin: 14px 0; }
h3, .qodef-h3 { font-size: 50px; line-height: 1.18; margin: 12px 0; }
h4, .qodef-h4 { font-size: 30px; line-height: 1.25; margin: 10px 0; }
h5, .qodef-h5 { font-size: 30px; line-height: 1.30; margin: 10px 0; }
h6, .qodef-h6 { font-size: 22px; line-height: 1.35; margin: 8px 0; }

/* Paragraph rhythm */
p { margin: 1em 0; }     /* was fixed 10px; use em for better rhythm */

/* Blockquote: shrink and soften the giant decorative quote */
blockquote, .wp-block-quote {
  font-size: 22px;         /* was 30px */
  line-height: 1.4;
  padding-right: 6%;
}
blockquote:before, .wp-block-quote:before {
  font-size: 220px;        /* was 400px */
  right: 6%;
  color: #f2f2f2;          /* slightly softer */
}

/* Optional: remove uppercase on headings if you prefer a calmer look */
/* h1, h2, h3, h4, h5, h6, .qodef-h1, .qodef-h2, .qodef-h3, .qodef-h4, .qodef-h5, .qodef-h6 { text-transform: none; } */

/* Mobile fine-tuning */
@media (max-width: 768px) {
  body { font-size: 15px; line-height: 1.55; }
  h1, .qodef-h1 { font-size: 32px; line-height: 1.18; }
  h2, .qodef-h2 { font-size: 26px; }
  h3, .qodef-h3 { font-size: 22px; }
}






/* --- Center Woo Quick View modal (Valeska/Qode) --- */

/* 1) Make the popup container fill the viewport and center its content */
.mfp-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  padding: 24px; /* breathing room at top/bottom */
}

/* 2) Kill any theme margin/top that pushes it down */
.mfp-content {
  margin: 0 !important;
}

/* 3) Constrain the quick-view box and enable internal scroll if tall */
.qodef-woo-product-quick-view,
.yith-quick-view, /* in case the site uses YITH */
.qodef-woo-product-quick-view-holder {
  max-height: 90vh !important;
  overflow: auto !important;
}

/* 4) Account for the WP admin bar so the box doesn't sit under it */
.admin-bar .mfp-container {
  padding-top: 56px;
}

/* 5) Mobile: allow top alignment with full-height panel if needed */
@media (max-width: 767px){
  .mfp-container { align-items: flex-start !important; }
  .qodef-woo-product-quick-view,
  .qodef-woo-product-quick-view-holder { max-height: 100vh !important; }
}














/* Default: hide the logged-in block for everyone */
.logged-in-view { display: none !important; }

/* When really logged in: show member block, hide guest block */
body.logged-in .logged-in-view { display: flex !important; }  /* Elementor containers are flex */
body.logged-in .logged-out-view { display: none !important; }

/* Extra belt: even if CSS loads late on some devices */
body:not(.logged-in) .logged-in-view { display: none !important; }