/*
 Theme Name:   Renata Child
 Theme URI:    http://renata.bold-themes.com
 Description:  Renata child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     renata
 Version:      1.0.2
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  renata-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */

html {
   /* scroll-behavior: smooth;  Active la transition fluide lors du défilement */
}

body {
  font-size: 1.125rem!important; /* Calculates to 18px if browser is at default 16px */
}

 @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;700;900&display=swap');

@font-face {
    font-family: 'landslide'; 
	src: url('https://manasora.fr/wp-content/themes/renata-child/fonts/landslide-webfont.woff2') format('woff2'),
         url('https://manasora.fr/wp-content/themes/renata-child/fonts/landslide-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
--manacolor: #38a9a2;
--manadarkgrey: #2A363E;	
--manalightgrey: #efefef;
--manaivoire: #f4ebd9;
--manaterra: #ae574a;
--focus-mana: transparent!important;
--mana-corail: #e1725b;
--mana-violet: #b990bd;	
}

h1, h2, h3, h4, h5, .bt_bb_tabs .bt_bb_tabs_header li span {
  clear: both;
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  font-weight: 700!important;
}

.bt_bb_headline h5.bt_bb_headline_tag {
    line-height: 1.5rem !important;
	font-family: "M PLUS Rounded 1c", sans-serif!important;
}


.mana-font, h6, .bt_bb_headline h1 {
	font-family: 'landslide' !important;
    letter-spacing: 3px !important;
}

.mana-shadow {
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6), 
                 0px 0px 4px rgba(0, 0, 0, 0.8);
}

.mana-discount {
  position: relative;
  color: #999;
  display: inline-block;
}

.mana-discount::after {
  content: '';
  position: absolute;
  inset: 45% 0 0 0;          /* roughly middle – adjust 42–48% */
  height: 2.5px;             /* thickness */
  background: #38a9a2;           /* vivid red = attention */
  transform: rotate(-8deg);   /* slight diagonal = more dynamic */
  border-radius: 2px;
  opacity:0.6;
}
.mana-discount-white {
  position: relative;
  color: #FFFFFF;
  display: inline-block;
  opacity:0.8;
}

.mana-discount-white::after {
  content: '';
  position: absolute;
  inset: 45% 0 0 0;          /* roughly middle – adjust 42–48% */
  height: 2.5px;             /* thickness */
  background: #000000;           /* vivid red = attention */
  transform: rotate(-8deg);   /* slight diagonal = more dynamic */
  border-radius: 2px;
  opacity:0.5;
}

.mana-bouton-dark {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius:50px;
}

.bt_bb_size_medium.bt_bb_headline h1, .bt_bb_size_medium.bt_bb_headline h2, .bt_bb_size_medium.bt_bb_headline h3, .bt_bb_size_medium.bt_bb_headline h4, .bt_bb_size_medium.bt_bb_headline h5, .bt_bb_size_medium.bt_bb_headline h6 {
    font-size: 2.4em;
    line-height: 1.3;
}

.bt_bb_size_huge.bt_bb_headline h1, .bt_bb_size_huge.bt_bb_headline h2, .bt_bb_size_huge.bt_bb_headline h3, .bt_bb_size_huge.bt_bb_headline h4, .bt_bb_size_huge.bt_bb_headline h5, .bt_bb_size_huge.bt_bb_headline h6
 {
    font-size: 9em;
}
.bt_bb_size_extrahuge.bt_bb_headline h1, .bt_bb_size_extrahuge.bt_bb_headline h2, .bt_bb_size_extrahuge.bt_bb_headline h3, .bt_bb_size_extrahuge.bt_bb_headline h4, .bt_bb_size_extrahuge.bt_bb_headline h5, .bt_bb_size_extrahuge.bt_bb_headline h6 {
    font-size: 13em;
}

@media (max-width: 480px) {
    .bt_bb_headline.bt_bb_size_extrahuge h1, .bt_bb_headline.bt_bb_size_extrahuge h2, .bt_bb_headline.bt_bb_size_extrahuge h3, .bt_bb_headline.bt_bb_size_extrahuge h4, .bt_bb_headline.bt_bb_size_extrahuge h5, .bt_bb_headline.bt_bb_size_extrahuge h6 {
        font-size: 5rem !important;
        line-height: 1.2;
    }
}



a:focus {
    outline: 2px solid var(--focus-mana)!important;
}

.boxzilla-center-container .boxzilla {
    border-radius: 20px!important;
}

.boxzilla-content p {
	margin-top:10px!important;
    font-size: 1.1em!important;
    line-height: 1.2em!important;
}


/* MENU */

.bt-header-responsive-active .main-navigation ul.main-navigation-menu li.menu-item-has-children > a {
    font-size: 1.25rem!important;
}
.bt-header-responsive-active .main-navigation ul.main-navigation-menu li a {
    font-size: 1.25rem !important;
}

.bt-header-responsive-active .main-navigation ul.main-navigation-menu li li a
 {
    font-size: 1.05rem!important;
}
.bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li > a {
    font-size: 1.15rem!important;
}

.bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li a {
    font-size: 1.05rem!important;
}

.bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li > a:after {
    top: -0.7em!important;;
}

/* FOOTER */

.site-footer-page .bt_bb_headline_superheadline {
	font-family: 'landslide'!important;
    letter-spacing: 3px!important;
	font-size: 1.9rem!important;
}

.site-footer-page .bt_bb_headline .bt_bb_headline_tag {
    padding: 0 0 10px 0;
}

@media (max-width: 480px) {
        .site-footer-page .bt_bb_headline.bt_bb_superheadline.bt_bb_size_large .bt_bb_headline_superheadline {
        font-size: 1.6rem !important;
    }
}

/* PLANNINGS */


/* COURS */



.single-portfolio h2.page-title {
	text-align: center;
}

.single-portfolio .bt_bb_size_normal.bt_bb_headline h3 {
	font-family: 'landslide' !important;
	line-height: 1.3;
}

.bt_bb_css_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item:last-child, .bt_bb_css_post_grid .bt_bb_css_post_grid_filter .bt_bb_post_grid_filter_item:last-child {
margin-right: 1em;
}

.bt_bb_post_grid_filter {
    padding: 1em 2em 1em 3em;
}

.bt_bb_grid_item_post_title a b, .single-portfolio .page-title b {
	font-family: 'landslide' !important;
    letter-spacing: 3px !important;
}
.bt_bb_css_post_grid.bt_bb_title_lines_2 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title
 {
    overflow: visible!important;
}

.single-portfolio .default-headline-height-regular .page-header {
    padding-top: 10em!important;
    padding-bottom: 10em!important;
}

@media only screen and (min-width: 1024px)  {
.bt_bb_accordion.bt_bb_style_simple .bt_bb_accordion_item .bt_bb_accordion_item_content {
    padding-right: 5em;
}

.bt_bb_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_content {
    padding: 1em 4em 2em 1em!important;
}
}

.single-portfolio .bt_bb_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_content {
    padding: 1em 0em 2em 0em!important;
}

@media (max-width: 780px) {
    .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title:after {
        font-size: 1.5rem;
        line-height: 2.1;
		right: 0em;
		text-align: right;
    }
}

li.wari-bienfaits {
    padding-left: 6px;
    padding-bottom: 13px;
    line-height: 1.4em;
}

li.wari-bienfaits::marker {
    content: "\f00c";
    font-family: FontAwesome;
    color: #38a9a2;
    margin-right: 8px;
    margin-left: -25px;
    padding-bottom: 5px;
}

.single-portfolio .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item .bt_bb_accordion_item_title:after {
    color: #38a9a2;
}

.single-portfolio .post-navigation .nav-links .nav-previous .nav-image, .single-portfolio .post-navigation .nav-links .nav-next .nav-image {
    flex: 0 0 96px;
    height: 96px;
}

body.single-portfolio .site-content {
margin-top: 4em!important;
    margin-bottom: 0em!important;
}

@media only screen and (min-width: 1024px)  {

	body.single-portfolio .site-content {
margin-top: 130px!important;
    margin-bottom: 0em!important;
}
	
/* Hero initial – plein écran */
.single-portfolio .page-header {   /* adapte au sélecteur réel de ta page /cours/hot-pilates/ */
  height: 100vh;
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
	transition: 
    height 0.6s ease-out,
    min-height 0.6s ease-out,
    opacity 0.6s ease,
    transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1),
    padding 0.7s ease !important;
  will-change: height, opacity, transform;
}

/* Quand scroll → body a la classe .scrolled 
body.scrolled .page-header {
  height: 80px;                    
  min-height: 80px;
  opacity: 0.96;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 25px rgba(0,0,0,0.08);
}*/

body.scrolled .page-header {
  height: 0 !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  opacity: 0 !important;
  transform: translateY(-40%) !important;    /* monte doucement */
	transition: height 0.6s ease-out, opacity 0.6s ease, transform 0.7s ease !important;
}

/* Quand admin-bar est présente, ajuste le hero pour qu'il prenne vraiment 100vh visible */
.single-portfolio.admin-bar .page-header {
  height: calc(100vh - var(--wp-admin--admin-bar--height, 32px)) !important;
  min-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px)) !important;
  margin-top: calc(-1 * var(--wp-admin--admin-bar--height, 32px)) !important; /* ← annule le décalage vers le bas */
  padding-top: var(--wp-admin--admin-bar--height, 32px) !important; /* compense pour que le contenu interne reste centré */
}

/* Mobile : admin-bar fait 46px quand écran < 783px */
@media screen and (max-width: 782px) {
.single-portfolio.admin-bar .page-header {
    height: calc(100vh - 46px) !important;
    min-height: calc(100vh - 46px) !important;
	margin-top: -46px !important;
    padding-top: 46px !important;
  }
}
body.single-portfolio.admin-bar .page-header {
  top: var(--wp-admin--admin-bar--height, 32px) !important;
}

@media screen and (max-width: 782px) {
  body.single-portfolio.admin-bar .page-header {
    top: 46px !important;
  }
}

body.single-portfolio.admin-bar html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
}


/* PARTENAIRES */
@media only screen and (max-width: 768px)  {
.page-id-1583 .bt_bb_size_huge.bt_bb_headline .bt_bb_headline_superheadline {
    font-size: 1.9rem!important;
}
.page-id-1583 .bt_bb_headline.bt_bb_superheadline.bt_bb_size_huge .bt_bb_headline_superheadline {
        font-size: 1.9rem !important;
    }
}


/* ACTUS */

.post-navigation .nav-links .nav-next .nav-text .nav-title, .post-navigation .nav-links .nav-previous .nav-text .nav-title {
    font-family: 'landslide'!important;
}

.sidebar-box.widget_bt_bb_recent_posts>h4, .sidebar-box.widget_categories>h4 {
    font-family: 'landslide'!important;
	color: var(--manacolor)!important;	
	text-align:center!important;	
}

.archive.category .posted-on, .blog .posted-on {
	color: var(--manacolor)!important;	
	font-weight:400;
	font-size:1.1rem;
}


.archive.category .media-box, .blog .media-box {
    border-radius: 20px;
}

.archive.category .read-more .bt_bb_button_text, .blog .read-more .bt_bb_button_text
{
    font-family: 'landslide'!important;
	font-size:1.1rem;
}

.archive.category .bt_bb_button.bt_bb_size_small.bt_bb_style_filled a, .blog .bt_bb_button.bt_bb_size_small.bt_bb_style_filled a {
    padding: 1.1em 1.5em 0.7em 1.5em!important;
}

.archive.category .bt_bb_headline .bt_bb_headline_tag, .blog .bt_bb_headline .bt_bb_headline_tag {
    padding: 0;
}

.sidebar-position-right .site-content .widget-area-inner {
    background-color: #FFFFFF;
    padding: 45px 10px 35px 15px;
	border-radius: 20px;
}

.btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_tag {
    -webkit-line-clamp: 4;
}

.single-post .widget-area-inner .bt_bb_headline .bt_bb_headline_content {
    font-size: 0.9rem;
}

.single-post .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img {
    border-radius:10px;
}

.single-post h2.page-title {
	font-family: 'landslide'!important;
	letter-spacing: 3px!important;
}

.single-post .page-header-inner .page-title, .single-post .page-header-inner .entry-meta {
    margin-left: auto!important;
	margin-right: auto!important;
}

.single-post  .page-header {
    padding-top: 12em!important;
	}

body.blog .site-content, body.archive .site-content, body.post-type-archive .site-content, body.search-results .site-content {
margin-top: 5em!important;
    margin-bottom: 0em!important;
}

body.sidebar-position-right .site-content, body.single-post .site-content {
margin-top: 4em!important;
    margin-bottom: 0em!important;
}


/* CONTACT */

.page-id-3111 .bt_bb_card_image .bt_bb_card_image_inner .bt_bb_card_image_icon .bt_bb_icon.bt_bb_size_large {
    padding-bottom: 2.8em !important;
}

.page-id-3111 .bt_bb_card_image[class*=bt_bb_hover_color_scheme]:hover.bt_bb_with_image .bt_bb_card_image_inner .bt_bb_card_image_icon .bt_bb_icon .bt_bb_icon_holder:before {
    color: #FFF;
}

.page-id-3111 .bt_bb_card_image[class*=bt_bb_hover_color_scheme]:hover.bt_bb_with_image .bt_bb_size_normal.bt_bb_icon .bt_bb_icon_holder > span {
    color: #FFF;
}


/* RESPONSIVE */

@media only screen and (max-width: 768px)  {

.bt_bb_column.bt_bb_padding_70 .bt_bb_column_content {
    padding-left: 20px;
    padding-right: 20px;
}
	
.single-post h2.page-title {
    text-align: center!important;
}
	
.bt_bb_column_gap_medium > .bt_bb_row_holder .bt_bb_column {
    padding-left: 1em!important;
    padding-right: 1em!important;
}
.bt_bb_column.bt_bb_padding_20 .bt_bb_column_content {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
	
}

@media (max-width: 480px) {
    .button-shape-rounded .bt_bb_card_icon.bt_bb_padding_70px .bt_bb_card_icon_inner, .button-shape-round .bt_bb_card_icon.bt_bb_padding_70px .bt_bb_card_icon_inner {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}