/*
 Theme Name:   Soins Slyoss
 Description:  Thème pour Catalight
 Author:       SlyOss
 Author URI:   http://www.slyoss.one/
 Template:     hello-elementor
 Version:      0.0.7
 License:      Private
 Text Domain:  Soins
*/
/*--------------------------------------------------------------*/
/* 
/*-- polices de caractères --*/
@font-face {
	font-family: 'font-body';
	src: url('fonts/TitilliumWeb-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'font-titre';
	src: url('fonts/NothingYouCouldDo-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'font-body-bold';
	src: url('fonts/TitilliumWeb-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'font-body-regular';
	src: url('fonts/TitilliumWeb-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'font-body-regular';
	src: url('fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
}
/*-- couleurs --*/
:root {
	--font-body: 'font-body', sans-serif;
	--font-titre: 'font-titre', sans-serif;
	--font-color-01: #93441A;
	--font-color-02: #E3997E;
	--font-color-03: #FFE4DB;
	--font-color-04: #F4FAFB;
	--font-color-05: #88C7BC;
	--font-color-06: #017679;
	--font-color-07: #2c2c2c;
}
/*--  --*/
body {
	font-family: var(--font-body);
}
.custom-logo{
	width:40px;
	height:40px;
	border-radius: 50%;
	transition: all 0.2s ease;
	box-shadow: 0px 6px 15px -2px rgba(16,24,40,0.3);
}
.custom-logo:hover{
	transform:scale(1.1);
}
.elementor-widget-button {
	border-radius: 5px 5px 5px 5px;
}
a .elementor-button{
	border-radius: 5px 5px 5px 5px;
}

.site-header .site-navigation .menu li{
	text-shadow: 10px 4px 10px rgba(0,0,0,0.3);
	transition: opacity 0.25s ease-in-out 0s;
}
.site-header .site-navigation .menu li:hover{
	transform: scale(1.1);
}
/* */
html {
    scroll-behavior: smooth;
}
/* Bouton retour en haut */
.btn-top {
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.73);
    position: fixed;
    bottom: 10%;
    right: 30px;
    width: 50px;
    height: 50px;
    /* background-color: #333;
    color: #fff;
    text-decoration: none;*/
    /*border-radius: 50%!important;
    display: flex!important;
    align-items: center;
    justify-content: center;*/
    font-size: 24px;
    /*font-weight: bold;*/
    /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3)!important;*/
    transition: background-color 0.3s ease, transform 0.2s ease;
    z-index: 1000;
}
/* Effet hover */
.btn-top:hover {
    /*background-color: #555;*/
	transform: scale(1.1);
    /*transform: translateY(-4px);*/
}

/* --- CONFIGURATION DESIGN SOULSHELL --- */
:root {
--ss-bg-dark: #050505;
--ss-blue-accent: #2563eb;
--ss-text-primary: #f3f4f6;
--ss-text-secondary: #9ca3af;
--ss-glass-bg: rgba(255, 255, 255, 0.03);
--ss-glass-border: rgba(255, 255, 255, 0.1);
}

.ss-hero-container {
background-color: var(--ss-bg-dark);
color: var(--ss-text-primary);
position: relative;
padding: 100px 5%;
min-height: 100vh;
overflow: hidden;
display: flex;
align-items: center;
font-family: sans-serif;
}

.ss-hero-title {
font-size: 5rem;
line-height: 0.85;
font-weight: 500;
text-align: right;
margin: 0;
}

.ss-glass-panel {
background: var(--ss-glass-bg);
padding: 20px;
border-radius: 20px;
border: 1px solid var(--ss-glass-border);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}

.ss-card-light {
background: #ffffff;
color: #000000;
padding: 30px;
border-radius: 24px;
width: 220px;
}
.ss-ambient-glow { position: absolute; border-radius: 50%; filter: blur(100px); z-index: 0; }