/*
Theme Name: Essu Child - Clean (Sergio)
Template: essu
Version: 2.1
Description: Clean child theme for Essu. Media tools, spacing refinements, and full Poppins typography control.
*/


/* =========================================================
   MEDIA SHORTCODES (opt-in)
========================================================= */

.media-center { 
  text-align: center; 
}

.media-center img,
.media-center video,
.media-center iframe,
.media-center .wp-video,
.media-center .wp-video-shortcode {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  clear: both !important;
  max-width: 100% !important;
}

.media-center img,
.media-center video {
  height: auto !important;
}

.media-center .wp-video,
.media-center .wp-video-shortcode {
  width: auto !important;
}


/* Full-bleed wrapper */
.media-full {
  width: 100vw !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
  clear: both !important;
}

.media-full img,
.media-full video,
.media-full iframe,
.media-full .wp-video,
.media-full .wp-video-shortcode {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
  float: none !important;
}


/* =========================================================
   PORTFOLIO SINGLE – VIDEO CENTERING
========================================================= */

body.single-kktfwp_portfolio .portfolio-mixed-content .wp-video,
body.single-kktfwp_portfolio .portfolio-mixed-content .wp-video-shortcode,
body.single-kktfwp_portfolio .portfolio-mixed-content .mejs-container,
body.single-kktfwp_portfolio .portfolio-mixed-content video {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  height: auto !important;
}


/* =========================================================
   PORTFOLIO – VIDEO STROKE
========================================================= */

body.single-kktfwp_portfolio .portfolio-mixed-content .video-stroke {
  border-radius: 8px;
  overflow: hidden;
}

body.single-kktfwp_portfolio .portfolio-mixed-content .video-stroke .mejs-container,
body.single-kktfwp_portfolio .portfolio-mixed-content .video-stroke .wp-video,
body.single-kktfwp_portfolio .portfolio-mixed-content .video-stroke .wp-video-shortcode {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.18);
  border-width: 1px;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
}

.video-stroke-1 .mejs-container { border-width: 1px !important; }
.video-stroke-2 .mejs-container { border-width: 2px !important; }
.video-stroke-3 .mejs-container { border-width: 3px !important; }
.video-stroke-4 .mejs-container { border-width: 4px !important; }
.video-stroke-5 .mejs-container { border-width: 5px !important; }
.video-stroke-6 .mejs-container { border-width: 6px !important; }


/* =========================================================
   HOMEPAGE SPACING
========================================================= */

body.home .kktfwp-site-content {
  padding-top: 30px !important;
}

body.home .kktfwp-title {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}

body.home .kktfwp-title-wrapper {
  margin-bottom: 10px !important;
}

body.home .kktfwp-title-wrapper .entry-title {
  margin: 0 0 12px !important;
}

body.home .kktfwp-description-wrapper {
  margin: 0 !important;
}


/* =========================================================
   HEADER – KEEP ESSU DEFAULT LAYOUT
========================================================= */

body #kktfwp-masthead.kktfwp-header {
  padding-top: 40px !important;
  padding-bottom: 12px !important;
}

body .kktfwp-site-header-main,
body .kktfwp-logo-menu-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body .kktfwp-site-header-menu,
body .kktfwp-main-navigation {
  margin-top: 0 !important;
}


/* =========================================================
   TYPOGRAPHY SYSTEM – POPPINS
========================================================= */

/* Body */
body,
button,
input,
select,
textarea {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
}

/* Big name (homepage + single portfolio) */
body .kktfwp-title-wrapper .entry-title {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
}

/* Section headers */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
}

/* Navigation */
body .kktfwp-main-navigation a,
body .kktfwp-site-header-menu a {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
}


/* =========================================================
   PORTFOLIO PREV / NEXT NAV – POPPINS
========================================================= */

body .kktfwp-nav div span:not(.n-img).n-title,
body .kktfwp-nav div span:not(.n-img).n-desc,
body .kktfwp-nav div a,
body .kktfwp-nav .p-dt,
body.single-kktfwp_portfolio .kktfwp-nav div span:not(.n-img).n-title,
body.single-kktfwp_portfolio .kktfwp-nav div span:not(.n-img).n-desc {
  font-family: "Poppins", sans-serif !important;
}

body .kktfwp-nav div span:not(.n-img).n-title,
body.single-kktfwp_portfolio .kktfwp-nav div span:not(.n-img).n-title {
  font-weight: 600 !important;
}

body .kktfwp-nav div span:not(.n-img).n-desc,
body.single-kktfwp_portfolio .kktfwp-nav div span:not(.n-img).n-desc {
  font-weight: 400 !important;
}