/* =====================================================
   EXPORT LAYOUT
===================================================== */

#export-layout{

    position:absolute;

    top:0;
    left:0;

    width:2500px;

    background:#ffffff;

    padding:70px;

    box-sizing:border-box;

    font-family:Arial, Helvetica, sans-serif;

}


/* =====================================================
   HARTĂ
===================================================== */

.export-map{

    position:relative;

    width:100%;

    height:1700px;

    border:1px solid #ddd;

    background:#fafafa;

    margin-bottom:50px;

}


/* =====================================================
   CASETA TITLU
===================================================== */

.export-title-box{

    position:absolute;

    top:30px;

    right:25px;

    width:460px;

    background:#ffffff;

    border:1px solid #ddd;

    box-shadow:0 2px 12px rgba(0,0,0,.15);

    padding:26px 32px;

    box-sizing:border-box;

    text-align:left;

    z-index:1000;

}


.export-map-title{

    font-size:32px;

    font-weight:600;

    text-align: center;

    color:#333;

    line-height:1.25;

    margin-bottom:8px;

}


.export-map-subtitle{

    font-size:24px;

    font-weight:500;

    text-align: center;

    color:#888;

    line-height:1.3;

}


/* =====================================================
   LEGENDA
===================================================== */

.export-legend{

    min-height:200px;

    background:#ffffff;

    border:1px solid #ddd;

    box-shadow:0 2px 12px rgba(0,0,0,.15);

    padding:40px;

    box-sizing:border-box;

}


.export-legend-title{

    font-size:30px;

    font-weight:600;

    color:#333;

    margin-bottom:20px;

}


.export-legend-items{

    display:flex;

    gap:34px;

    align-items:flex-start;

}


.export-legend-column{

    display:flex;

    flex-direction:column;

    gap:14px;

    flex:1 1 0;

    min-width:0;

}


.export-legend-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    font-size:30px;

    line-height:1.4;

    color:#4d4d4d;

}


.export-legend-color-box{

    flex:0 0 16px;

    width:16px;

    height:16px;

    display:inline-block;

}


.export-legend-symbol{

    flex:0 0 46px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

}


.export-legend-symbol svg{

    display:block;

}


.export-legend-text{

    flex:1 1 auto;

    word-break:break-word;

}


/* =====================================================
   FOOTER
===================================================== */

.export-footer{

    margin-top:35px;

    text-align:right;

    font-size:18px;

    color:#888;

}

.export-footer-plain{

    margin-top:20px;

}


.export-footer-brand{

    font-weight:700;

    font-size:30px;

    color:#333;

}


.export-footer-date{

    font-weight:700;

    font-size:30px;

    color:#333;

}


/* =====================================================
   LEAFLET EXPORT
===================================================== */

#export-map-leaflet{

    position:absolute;

    inset:0;

    z-index:1;

}

/* =====================================================
   LEGENDA ÎN CASETA TITLULUI
===================================================== */

.export-title-separator{

    border:0;

    border-top:1px solid #dddddd;

    margin:18px 0;

}


.export-title-legend{

    display:grid;

    gap:10px;

}


.export-title-legend .export-legend-item{

    font-size:24px;

    align-items:center;

}


.export-title-legend .export-legend-symbol{

    flex:0 0 22px;

}