/* Modifier la couleur des checkboxes et ajouter un effet de survol */


.labelTitre{
	-fx-font-size: 30px; 
	-fx-font-weight: bold;
	-fx-text-fill: #A45128;
}

.labelSousTitre{
	-fx-font-size: 24px; 
	-fx-font-weight: bold; 
	-fx-text-fill: #C56230;
}
.labelText{
	-fx-font-size: 16px; 
	-fx-font-weight: bold; 
	-fx-text-fill: #C56F44;	
}
.labelCom1{
	-fx-font-size: 20px; 
	-fx-font-weight: bold;
	-fx-text-fill: #A45128;
}
.labelCom2{
	-fx-font-size: 16px; 
	-fx-font-weight: bold; 
	-fx-text-fill: #C56230;
}
.labelCom3{
	-fx-font-size: 13px; 
	-fx-font-weight: bold; 
	-fx-text-fill: #C56F44;	
}

.background {
    -fx-background-color: #ece5db;
}

.check-box {
    -fx-background-color: #ece5db; /* Fond neutre */
    -fx-padding: 5px;
}

/* Appliquer un effet de survol pour les checkboxes */
.check-box:hover {
    -fx-border-color: #FFF2C8; /* Bordure plus foncée au survol */
}

/* Modifier la couleur de la checkmark lorsque la case est cochée */
.check-box:selected {
    -fx-background-color: #76C354; /* Fond vert */
    -fx-background-radius: 5px; /* Arrondi léger */
    -fx-padding: 5px;
}

.check-box:selected .box {
    -fx-background-color: #48B14C; /* Fond du carré de sélection */
    -fx-border-color: #38843A; /* Bordure foncée pour la coche */
}

.check-box:selected .mark {
    -fx-background-color: #ece5db; /* Coche blanche */
}

/* Modifier l'apparence du texte de la case à cocher */
.check-box .text {
    -fx-font-size: 14px;  /* Taille de la police */
    -fx-font-weight: bold; /* Texte en gras */
    -fx-text-fill: #38843A;
}


/* Carte Recette */
.card-recette {
	-fx-background-color: #ece5db; /* Fond blanc cassé pour une ambiance douce */
	-fx-border-radius: 12px;
	-fx-background-radius: 12px;
	-fx-padding: 20px;
	-fx-spacing: 12px;
	-fx-alignment: center;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.15), 10, 0, 0, 4);
	-fx-alignment: center;
}

/* Label Titre carte recette*/
.card-recette Label {
	-fx-font-size: 18px;
	-fx-font-weight: bold;
	-fx-text-fill: #48b14c;
	-fx-alignment: center;
	-fx-wrap-text: true;
	-fx-max-width: 200px;
}

/* Style du titre si la recette est en attente de modération */
.card-recette Label:disabled {
	-fx-text-fill: #C57B57;
	-fx-font-style: italic;
}

/* Style de l'image */
.card-recette ImageView {
	-fx-border-radius: 12px;
	-fx-background-radius: 12px;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.15), 8, 0, 0, 3);
}

/* Bouton "Voir plus" */
.card-recette Button {
	-fx-alignment: center;
	-fx-margin: auto;
}

/* Effet d'accentuation au survol de la carte */
.card-recette:hover {
	-fx-background-color: #A3D55C;
	-fx-transition: all 1s ease-in-out;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.25), 12, 0, 0, 5);
	-fx-scale-x: 1.02;
	-fx-scale-y: 1.02;
}

/* INPUT */
.text-field {
	-fx-border-color: #A3D55C;
	-fx-border-width: 2px;
	-fx-border-radius: 5px;
	-fx-background-color: #ece5db;
	-fx-font-size: 14px;
	-fx-prompt-text-fill: #989C94; /* Couleur rouge pour le prompt */
}

.text-field:focused {
	-fx-border-color: #76C354;
}
.button {
	-fx-background-color: #CCE5A8;
	-fx-text-alignment: center;
	-fx-font-weight: bold;
	-fx-text-fill: #38843A;
	-fx-border-radius: 8px;
	-fx-background-radius: 8px;
	-fx-border-style: solid;
	-fx-border-width: 2px;
	-fx-border-color: #38843A;
	-fx-padding: 1px 3px;
	-fx-font-size: 14px;
	-fx-cursor: hand;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 4, 0, 2, 2);
	-fx-background-insets: 0; /* Supprime les marges internes */
	-fx-border-insets: 0; /* Supprime les marges internes de la bordure */
}

.button:hover {
	-fx-background-color: #38843A;
	-fx-text-fill: #f5f5f5;
	-fx-background-radius: 8px;
	-fx-border-radius: 8px;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 6, 0, 3, 3);
}

.button:pressed {
	-fx-background-color: #76C354;
	-fx-text-fill: white;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 6, 0, 2, 2);
	-fx-background-radius: 8px;
}

.button-highlight {
	-fx-text-alignment: center;
	-fx-font-weight: bold;
	-fx-text-fill: #f5f5f5;
	-fx-border-radius: 8px;
	-fx-background-radius: 8px;
	-fx-border-style: solid;
	-fx-border-width: 2px;
	-fx-border-color: #f5f5f5;
	-fx-background-color: #48b14c;
	-fx-padding: 6px 12px;
	-fx-font-size: 14px;
	-fx-cursor: hand;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 4, 0, 2, 2);
	-fx-background-insets: 0; /* Supprime les marges internes */
	-fx-border-insets: 0; /* Supprime les marges internes de la bordure */
}

.button-highlight:hover {
	-fx-background-color: #ffffff;
	-fx-text-fill: #48b14c;
	-fx-background-radius: 8px;
	-fx-border-radius: 8px;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 6, 0, 3, 3);
}

.button-highlight:pressed {
	-fx-background-color: #ffffff;
	-fx-text-fill: #38843A; /* Couleur légèrement plus foncée quand on clique */
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 6, 0, 2, 2);
	-fx-background-radius: 8px;
}

/* Liste Déroulante */

.combo-box {
	-fx-background-color: #76C354;
	-fx-background-radius: 8px;
	-fx-border-color: #48B14C;
	-fx-border-width: 2px;
	-fx-border-radius: 2px;
	-fx-font-size: 12px;
}

.combo-box:hover {
	-fx-background-color: #A3D55C;
}

/* Style quand on clique dessus */
.combo-box:focused {
	-fx-border-color: #38843A; /* Vert foncé */
	-fx-border-width: 2px;
}

.combo-box .arrow {
	-fx-background-color: white;
	-fx-padding: 2px;
}

.combo-box-popup .list-view {
	-fx-background-color: #ece5db;
	-fx-border-color: #48b14c;
	-fx-border-radius: 8px;
}

.combo-box-popup .list-cell {
	-fx-padding: 5px;
	-fx-font-size: 12px;
}


.combo-box-popup .list-cell:hover {
	-fx-background-color: #76C354;
}


.combo-box-popup .list-cell:selected {
	-fx-background-color: #48b14c;
	-fx-text-fill: white;
}

.spinner .increment-arrow-button,
.spinner .decrement-arrow-button {
	-fx-background-color: #76C354;
	-fx-background-radius: 2px;
}
.spinner .increment-arrow-button:hover,
.spinner .decrement-arrow-button:hover {
	-fx-background-color: #48B14C;
}
.spinner .increment-arrow-button:hover:pressed,
.spinner .decrement-arrow-button:hover:pressed,
.spinner .increment-arrow-button:pressed,
.spinner .decrement-arrow-button:pressed {
	-fx-background-color: #38843A;
}
.spinner .increment-arrow-button .increment-arrow,
.spinner .decrement-arrow-button .decrement-arrow {
	-fx-background-color: white;
}


.radio-button .radio {
    -fx-border-width: 1px;
    -fx-border-color: #48B14C;
    -fx-background-color: white;
    -fx-background-image: null;
    -fx-border-radius: 15px;
    -fx-padding: 3px;
}
.radio-button .radio:selected {
    -fx-background-color: #ece5db;
    -fx-background-image: null;
}
.radio-button -radio:armed {
    -fx-background-color: #ece5db;
    -fx-background-image: null;
}
.radio-button -radio:determinate {
    -fx-background-color: #ece5db;
    -fx-background-image: null;
}
.radio-button -radio:indeterminate {
    -fx-background-color: #ece5db;
    -fx-background-image: null;
}
.radio-button .dot {
    -fx-background-radius: 15px;
    -fx-padding: 8px;
}
.text-area {
 -fx-focus-color: transparent;
 -fx-faint-focus-color: #a3d55c;
-fx-border-style: none;
-fx-background-radius: 0.0px;
-fx-border-radius: 0.0px;
-fx-background-insets: 0, 1, 2;
-fx-background-radius: 5, 4, 3;
}


/* TOOLBAR */ 
.tool-bar {
	-fx-background-color: #C57B57;
	-fx-background-insets: 0;
    -fx-background-radius: 0;
}

/* Style général de la ListView */
.list-view {
    -fx-background-color: #ece5db; 
    -fx-border-color: #48B14C; 
    -fx-border-width: 2px;
    -fx-border-radius: 8px;
}

/* Style des cellules de la liste */
.list-cell {
    -fx-background-color: #ece5db; /* Fond neutre */
    -fx-border-radius: 8px;
    -fx-text-fill: #38843A; /* Texte en vert foncé */
    -fx-padding: 8px;
    -fx-font-size: 14px;
}

/* Effet au survol des cellules */
.list-cell:hover {
    -fx-background-color: #CCE5A8; /* Fond beige clair */
}

/* Style de la cellule sélectionnée */
.list-cell:selected {
    -fx-background-color: #ece5db; /* Fond vert vif */
    -fx-font-weight: bold;
}

.table-view{
	-fx-border-color: #38843A;
}

.table-view .column-header-background,
.table-view .column-header-background .filler,
.table-view .corner {
	-fx-background-color: transparent;
}

.table-view .column-header {
	-fx-background-color: #38843A;
	-fx-text-fill: white;
	-fx-font-weight: bold;
	
}
.table-view .column-header .label{
	-fx-font-weight: bold; 
	-fx-alignment: center-left;
}
.table-row-cell:filled {
	-fx-background-color: #CCE5A8;
	
	-fx-border-insets: 0, 1;
}
.table-row-cell:empty {
	-fx-background-color: transparent;
}
.table-row-cell:filled:hover {
	-fx-background-color: #76C354;
}
.table-row-cell:filled:selected:hover {
	-fx-background-color: #48B14C;
}
.table-row-cell:filled:selected {
  	-fx-background-color: #48B14C;
 	-fx-background-insets: 0.0;
	-fx-background-radius: 0.0;
}
.table-row-cell:filled:selected .table-cell {
	-fx-text-fill: black;
}
.table-view .cell:filled{
	-fx-cell-size: 30;
	-fx-alignment: center-left;
}

tab-pane{
	-fx-skin: #ece5db;
	-fx-text-fill: #38843A;
	
}

.hyperlink{
	-fx-text-fill: #A45128;
}

.hyperlink:visited{
	-fx-text-fill: #834120;
}

/* 
.custom-alert > .button-bar > .container {
  -fx-background-color:#a3d55c;
}

.custom-alert .button{
   -fx-text-alignment: center;
	-fx-font-weight: bold;
	-fx-text-fill: #48b14c;
	-fx-border-radius: 8px;
	-fx-background-radius: 8px;
	-fx-border-style: solid;
	-fx-border-width: 2px;
	-fx-border-color: #48b14c;
	-fx-background-color: white;
	-fx-padding: 1px 3px;
	-fx-font-size: 14px;
	-fx-cursor: hand;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 4, 0, 2, 2);
	-fx-background-insets: 0; 
	-fx-border-insets:0;}

.custom-alert .button:hover{     
  -fx-background-color: #48b14c;
	-fx-text-fill: #F4F4F4;
	-fx-background-radius: 8px;
	-fx-border-radius: 8px;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 6, 0, 3, 3); 
 }

.custom-alert .button:pressed {
	-fx-background-color: #76C354;
	-fx-text-fill: white;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 6, 0, 2, 2);
	-fx-background-radius: 8px;
}*/