:root {
    --title: #0b6eb6;
}

/* *{
    page-break-inside: avoid;
} */

.no-break, tr.no-break-row {
    page-break-inside: avoid;
}
.page-break {
    page-break-before: always;
}

@page {
    margin: 50px;
    size: A4 portrait !important;
    printBackground: true;
    preferCSSPageSize: true
}

@page :first {
  margin: 0;
}


.doc-cover, .annexe-in-file {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 0 !important;
    width: 100% !important;
    text-align: center;
    z-index: 10;
}

/* Ajuster le logo pour qu'il soit bien centré */
.doc-cover .logo img {
    width: 500px !important;
    display: block;
}

.doc-cover h1 {
    font-size: 40pt;
    margin: 0;
    padding: 0;
}

/* Centrer le titre et l'intro */
.doc-cover h1.t-color {
    font-size: 25pt;
    margin-top: 70px;
    color: rgb(0, 108, 200);
}

.doc-cover .client-intro, .doc-cover .poweredby {
    font-size: 15pt;
    margin-top: 70px;
    color: #000;
}

/* Ajout d'un peu d'espace en bas pour bien aérer */
.doc-cover .poweredby {
    color: #b7b7b6;
}

.annexe{
    padding: 0;
    color: #000 !important;
    text-align: center;
}

@media print {
  body, html {
    margin: 0;
    padding: 0;
    height: 100%;
  }

  .doc-cover, .annexe {
    /* Force la section à prendre toute la hauteur de la page visible */
    height: 100vh; 
    
    /* Centrage parfait du contenu */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    
    z-index: 10;

    /* Force le saut de page APRES cette section */
    break-after: page;
    page-break-after: always; /* Pour la compatibilité ascendante */
  }

  .annexe{
    padding: 0;
    font-size: 50px;
  }
}


.patri-doc-header,
.patri-doc-footer {
    position: fixed;
    left: 0;
    right: 0;
    background-color: rgb(178, 178, 178);
    padding: 5px;
    font-family: sans-serif;
    z-index: 2;
}

/* HEADER */
.patri-doc-header {
    top: -50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

/* FOOTER */
.patri-doc-footer {
    bottom: -50px;
    text-align: center;
    color: #000;
    font-size: 14px;
}

body {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 9pt !important;
}

table{
    font-size: 8pt !important;
}

body h3{
    font-size: 14pt;
}

.patrimoine-wrapper{
    position: relative;
    page-break-before: always; /* Optionnel mais propre */
}



/* ************************ */

#simple-translate{
	display: none !important;
}

table td, table th {
  padding:8px;
  line-height: initial;
  vertical-align: middle;
  border: initial;
}

.patrimoine-wrapper table {
  background-color:transparent;
  font-size:.9em;
}

.patrimoine-wrapper table th {
  font-weight: initial;
}

.patrimoine-wrapper table tbody>tr>td,
.patrimoine-wrapper table tbody>tr:nth-child(odd)>th {
  background-color: initial;
}

.patrimoine-wrapper .odd-effect tbody>tr:nth-child(odd) td,
.patrimoine-wrapper .odd-effect tbody>tr:nth-child(odd)>th {
  background-color:hsla(0,0%,50.2%,.0705882353);
}

.patrimoine-wrapper table tbody tr:hover > td, table tbody tr:hover > th {
  background-color: initial;
}

.patrimoine-wrapper .t-color{
    color: var(--title);
}

.color-red{
    color: rgb(192, 0, 0) !important;
}

.patrimoine-wrapper .family-status table{
	width: initial
}

.patrimoine-wrapper .txt-italic{
    font-style: italic !important;
}

.patrimoine-wrapper .txt-justify{
    text-align: justify !important;
}

.patrimoine-wrapper .txt-center{
    text-align: center !important;
}

.patrimoine-wrapper .txt-left{
    text-align: left !important;
}

.patrimoine-wrapper .txt-right{
    text-align: right !important;
}


.patrimoine-wrapper .m-bold{
    font-weight: 600;
}

.patrimoine-wrapper .sm-bold{
    font-weight: 400;
}

.patrimoine-wrapper .lg-bold{
    font-weight: 700;
}

.patrimoine-wrapper .txt-right{
    text-align: right;
}

.patrimoine-wrapper .txt-deco-under{
    text-decoration: underline !important;
}

.patrimoine-wrapper section{
    margin: 0;
}

/*.patrimoine-wrapper .space-mgt-100{
    margin: 100px 0 0;
}

.patrimoine-wrapper .space-mgt-50{
    margin: 50px 0 0;
}*/

.patrimoine-wrapper .space-mgt-20{
    margin: 20px 0 0;
}

.patrimoine-wrapper .space-mgt-100, .patrimoine-wrapper .space-mgt-50{
    display:  none;
}

.patrimoine-wrapper > section:not(:last-child), .patrimoine-wrapper .section-block {
    margin: 0 0 70px 0;
}

.patrimoine-wrapper > section:last-child {
    margin: 0;
}

.patrimoine-wrapper section > h3{
    font-size: 14pt;
}

.patrimoine-wrapper > section > .section-block:last-child {
    margin: 0;
}

.section-title{
    font-size: 12pt;
    border-bottom: 1px solid #616160;
}

.section-sub-title{
    text-align: center;
    margin: 40px auto;
}



.doc-font-size{
    font-size: 12px;
}

.family-status table th{
    text-align: left;
}

.family-status table .separator{
    padding: 0 10px;
}

.family-status .bilan{
    font-style: italic;
    font-weight: 600;
    text-align: justify;
}

.tbl-full{
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    text-align: center;
}


.tbl-full, .tbl-full th, .tbl-full td{
    border: 1px solid black;
    padding: 10px;
}


.noborder{
    border: 0px solid transparent !important;
}



.tbl-first-left th:first-child, .tbl-first-left td:first-child{
    text-align: left;
}

.tbl-td-left td{
    text-align: left !important;
}

.tbl-first-right th:first-child, .tbl-first-right td:first-child{
    text-align: right;
}

tr.tbl-col-gray-bg td, tr.tbl-col-gray-bg th{
    background-color: #e3e3e3 !important;
}

.tbl-col-gray-bg{
    background-color: #e3e3e3 !important;
}

.tbl-col-no-bg{
    background-color: #fff !important;
}

.cell-border-gray th, .cell-border-gray td{
    border-color: rgb(242, 242, 242);
    border-width: 4px;
}

.chart-section{
    font-family: Roboto, sans-serif;
}

.chart-section > div{
    height: auto;
}

.chart-section h2{
    font-weight: 420;
    padding: 10px;
}

.actifs-categ{
    color: rgb(102, 79, 104);
    background-color: rgb(245, 245, 244);
    /*margin-bottom: 70px;*/
}

.categ-chart-ctnr{
    display: flex;
    gap: 20px;
}

.categ-chart-ctnr > div{
    min-height: 100px;
    width: 100%;
    background-color: rgb(223, 223, 223);
}

.actifs-categ h4{
    margin: 0;
    font-size: 1.5em;
}


.actifs-categ table table{
    margin: 0;
}

.actifs-categ table, .actifs-categ table tr, .actifs-categ table td{
    vertical-align: top;
    border: 1px solid transparent !important;
}

.cercle-chart-ctnr{
    height: 400px;
    width: 100%;
}


.actifs-categ-ctr {
    display: flex;
}

.actifs-categ-ctr > div{
    display: block;
    width: 50%
}

canvas {
    min-height: 100%;
    min-width: 400px;
}

.cercle-chart .caption-item{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

.cercle-chart  span{
    display: inline-block;
    height: 10px;
    width: 10px;
}

.cercle-chart .color1 span { background-color: rgb(25, 107, 36); }
.cercle-chart .color2 span { background-color: rgb(21, 96, 130); }
.cercle-chart .color3 span { background-color: rgb(233, 113, 50); }
.cercle-chart .color4 span { background-color: #E74C3C; }
.cercle-chart .color5 span { background-color: #5D3C8B; }
.cercle-chart .color6 span { background-color: #6FCF97; }
.cercle-chart .color7 span { background-color: #F3E76B; }
.cercle-chart .color8 span { background-color: rgb(69, 156, 169); }
.cercle-chart .color9 span { background-color: rgb(242, 207, 133); }


.real-estate{
    color: rgb(233, 113, 50);
}

.real-estate .cercle-chart-ctnr{
    margin: auto;
}

.revenus .revenus-title{
    margin-bottom: 30px;
}

.revenus .cercle-chart-ctnr{
    padding: 20px 20px 20px 50px;
    gap: 60px;
    
}

.revenus .cercle-chart-ctnr{
    font-size: 20px;
}

.revenus .cercle-chart-chart{
    margin-right: 5px;
    max-width: 800px;
    width: 100%;
    height: 400px;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0);
    padding-right: 50px;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);
}

.revenus canvas{
    width: 400px;
}

.revenus .cercle-chart-ctnr .caption-item span{
    display: inline-block;
    height: 10px;
    width: 10px;
}

.last-comment .t-comment{
    font-size: 25px;
}

.Warning-txt table{
    max-width: 700px;

}

.Warning-txt .signed{
    width: 450px !important;
    height: 100px !important;
    margin-top: 10px;
    border: 1px solid rgb(156, 156, 156);
}

#patrimoine_dt td a, 
#all_patrimoine_dt td a,
#publish_patrimoine_dt td a,
#draft_patrimoine_dt td a{
    color: #000;
}

#patrimoine_dt tr,
#all_patrimoine_dt tr,
#publish_patrimoine_dt tr,
#draft_patrimoine_dt tr{
    border: 1px solid #F0F1F3;
}

#patrimoine_dt td a > i,
#all_patrimoine_dt td a > i,
#publish_patrimoine_dt td a > i,
#draft_patrimoine_dt td a > i {
    font-family: "Font Awesome 5 Free";
    background: #E7EDFF;
    border-radius: 50%;
    font-style: normal;
    color: #394EA1;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin: 0 10px;
    text-align: center;
    font-size: 15px;
    line-height: 35px;
    font-weight: 900;
}

.actifs-categ canvas{
    height: 400px;
}

.comment-editor-wrapper.for-description

.patrimoine-wrapper .comment-block{
    margin-bottom: 30px;
}

.patrimoine-wrapper .comment-block.for-description{
    margin-bottom: 10px;
}


.patrimoine-wrapper .comment-block .comment-container > *, .patrimoine-wrapper .comment-block .comment-container .comment > p:last-child{
    display: inline
}


.patrimoine-wrapper .comment-editor-wrapper{
    background: #ff8f0021;
    padding: 10px;
}

.patrimoine-wrapper .comment-editor-wrapper.for-description{
    background: transparent;
    padding: 0;
}

.patrimoine-wrapper .wp-editor-wrap button{
  background: initial;
  color: black;
  border: none;
  margin: 0 2px
}

.patrimoine-wrapper .wp-editor-wrap{
    margin: 10px 0;
}

.patrimoine-wrapper .edit-comment-button, .patrimoine-wrapper .editor-block-action-btn button{
    padding: 5px 15px;
    font-size: 13px; 
}

.patrimoine-wrapper .edit-comment-button.for-description{
    padding: 2px 5px;
    background: #ffffff;
    text-align: right;
    margin-right: 20px;
    transition: 0.3s;
}

.patrimoine-wrapper .edit-comment-button.for-description:hover {
    background: var( --e-global-color-accent );
}

.patrimoine-wrapper .edit-comment-button.for-description img {
    transform: rotate(90deg);
}


.patrimoine-wrapper .save-comment.btn_off{
    opacity: 1;
    transition: 0.3s;
}

.patrimoine-wrapper .save-comment.btn_off{
    opacity: 0.7 !important;
    transition: 0.3s;
}


.patrimoine-wrapper .digra-img{
    width: 100%;
    max-width: 700px;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

.edit_patri{
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

#message {
    color: #00a221;
    font-size: 14px;
    font-style: italic;
}

.acf-field[data-name="groupe_meteo"], .acf-field[data-name="groupe_comment"]{
    display: none !important;
}

.bien_details th{
    text-align: center !important;
    font-weight: bold !important;
}

.bien_details p{
    margin-left: 20px;
    margin-right: 20px;
}

.bien_details span{
    display: block;
}

.meteo .icon-cell {
    text-align: center;
}

.meteo .td img{
    width: 50px !important;
}

.meteo-legend td{
    text-align: center !important;
    padding:20px;
}

.patri_event tr th{
    font-weight: 700;
}

.patrimoine-wrapper.diagnostic{
    padding: 0;
}

.patrimoine-wrapper.diagnostic section{
    margin: 0;
}
.patrimoine-wrapper.diagnostic .revenus{
    margin: 0;
}

.patrimoine-wrapper.diagnostic .revenus .cercle-chart-chart{
    background: initial !important;
}

.patrimoine-wrapper.diagnostic .actifs-cam-chart{
    width: 100%;
    max-width: 800px;
    display: inline-block;
}

.actifs-cam-chart.percent{
    margin-top: 50px;
}

.patrimoine-wrapper.diagnostic .actifs-cam-chart canvas{
    margin-top: 20px;
    max-height: 400px;
}

.patrimoine-wrapper.diagnostic .actifs-categ{
    padding: 15px;
    text-align: center !important;
    background: initial !important;
}

.bilan_download_btn{
    text-align: right !important;
    display: flex;
    justify-content: end;
    gap: 20px;
}
  
.bilan_download_btn button {    
    display: inline-block !important;
    fill: #fff !important;
    color: #fff !important;
    text-align: center !important;
    padding: 15px 30px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
}

.bilan_download_btn .patri-edit-btn{
    background-color: #394EA1 !important;
}

.bilan_download_btn .pdf-link{
    background-color: #A93159 !important;
}
  
.bilan_download_btn .tn-ctn-wrapper{
    display: flex !important;
    gap: 5px !important;
}
  
.bilan_download_btn .btn-icon{
    width: 1em !important;
    height: 1em !important;
    color: #fff;
}
  
.bilan_download_btn .btn-text{
    font-weight: 700 !important
}

#patri_pdf {
  display: flex;
  gap: 10px;
  justify-content: end;
}

#doc_format {
  width: max-content;
}

.patri_list_action a {
  margin: 0 2px 0 !important;
  padding: 5px;
  background-color: #e3e3e3;
  border-radius: 3px;
  transition: 0.3s
}

.patri_list_action a:hover {
  background-color: #b0def4;;
}

.bilan_download_btn .chart1, .bilan_download_btn .chart2, .bilan_download_btn .chart3, .bilan_download_btn .chart4{
    pointer-events: none !important;
    opacity: 0.2 !important;
    cursor: default !important;
}

.dwnld_btn_loader {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top: 2px solid transparent;
    animation: dwnld_btn_spin 1s linear infinite;
    margin-right: 5px;
}

@keyframes dwnld_btn_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}