.elementor-79 .elementor-element.elementor-element-27b012b{--display:flex;--min-height:10vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-79 .elementor-element.elementor-element-27b012b:not(.elementor-motion-effects-element-type-background), .elementor-79 .elementor-element.elementor-element-27b012b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cbf8253 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-79 .elementor-element.elementor-element-230b5ea{text-align:left;}.elementor-79 .elementor-element.elementor-element-230b5ea .elementor-heading-title{font-family:"Behind The Nineties", Sans-serif;font-size:4rem;font-weight:500;text-transform:none;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-79 .elementor-element.elementor-element-2460c84{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-79 .elementor-element.elementor-element-87f48df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:90px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-79 .elementor-element.elementor-element-27b012b{--content-width:95%;}.elementor-79 .elementor-element.elementor-element-87f48df{--content-width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-79 .elementor-element.elementor-element-87f48df{--content-width:95%;}}@media(max-width:1024px){.elementor-79 .elementor-element.elementor-element-27b012b{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-79 .elementor-element.elementor-element-87f48df{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-79 .elementor-element.elementor-element-27b012b{--content-width:90%;--min-height:10vh;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-79 .elementor-element.elementor-element-230b5ea{text-align:center;}.elementor-79 .elementor-element.elementor-element-230b5ea .elementor-heading-title{font-size:3rem;}.elementor-79 .elementor-element.elementor-element-2460c84{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-79 .elementor-element.elementor-element-87f48df{--content-width:90%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-e47e1a1 *//*********************************************************
 * OROFINO — Lista tessere clienti (DataTable)
 * Flat design, zero border-radius, coerente con i form/profilo
 *********************************************************/
:root{
  --oro-brown:#4E3C2F;
  --oro-ivory:#FAF8F5;
  --txt:#272727;
  --muted:#6F6A64;
  --line:#DDD6CC;
  --hover:#F4ECE3;
}

/* Contenitore tabella */
.elementor-shortcode .ceu-list .ceu-table-wrap{
  border-radius:0;
  background:#fff;
  overflow:auto;
  width:100%;
  border: none !important;
}

/* Tabella base */
.elementor-shortcode .ceu-list .ceu-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:15px;
}

/* Header */
.elementor-shortcode .ceu-list .ceu-table__head th{
  background:var(--oro-ivory);
  color:var(--muted);
  text-align:left;
  font-size:12px;
  font-weight:600;
  letter-spacing:.3px;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  text-transform:uppercase;
}

/* Celle */
.elementor-shortcode .ceu-list .ceu-table__td{
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  color:var(--txt);
  vertical-align:middle;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Righe zebra + hover */
.elementor-shortcode .ceu-list .ceu-table__body .ceu-table__row:nth-child(even) .ceu-table__td{
  background:#FAF8F5;
}
.elementor-shortcode .ceu-list .ceu-table__body .ceu-table__row:hover .ceu-table__td{
  background:var(--hover);
}

/* Bottone azioni */
.elementor-shortcode .ceu-list .ceu-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 20px;
  width:100%;                /* largo */
  border:0;
  border-radius:0;            /* squadrato */
  background:var(--oro-brown);
  color:#fff;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.5px;
  cursor:pointer;
  text-decoration:none;
  transition:filter .2s ease;
}
.elementor-shortcode .ceu-list .ceu-btn:hover{ filter:brightness(.95); }
.elementor-shortcode .ceu-list .ceu-btn:active{ filter:brightness(.9); }

/* DataTables specific: search, length, pagination */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{
  border:1px solid var(--line);
  border-radius:0;
  padding:6px 10px;
  font-size:14px;
  color:var(--txt);
}
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label{
  color:var(--muted);
  font-size:14px;
  font-weight:500;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  border:1px solid var(--line);
  border-radius:0;
  padding:6px 12px;
  margin:0 2px;
  background:#fff;
  color:var(--txt) !important;
  cursor:pointer;
  font-size:14px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background:var(--oro-brown);
  color:#fff !important;
  border-color:red;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background:var(--oro-ivory);
  color:var(--oro-brown) !important;
}

/* Responsive: stack su mobile */
@media (max-width:768px){
  .elementor-shortcode .ceu-list .ceu-table{
    font-size:14px;
    min-width:700px; /* scroll orizzontale */
  }
  .elementor-shortcode .ceu-list .ceu-table__td,
  .elementor-shortcode .ceu-list .ceu-table__head th{
    padding:12px 10px;
  }
  .elementor-shortcode .ceu-list .ceu-btn{
    font-size:12px;
    padding:0 14px;
  }
}







/***********************
 * OROFINO – DataTables toolbar (Mostra/Cerca)
 ***********************/

.elementor-shortcode .ceu-list .dataTables_length,
.elementor-shortcode .ceu-list .dataTables_filter{
  float:none !important;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  padding:0;
}

/* Distribuzione: Mostra a sinistra, Cerca a destra */
.elementor-shortcode .ceu-list .dataTables_length{ justify-content:flex-start; }
.elementor-shortcode .ceu-list .dataTables_filter{ justify-content:flex-end; }


/* Select “Mostra” */
.elementor-shortcode .ceu-list .dataTables_length select{
  height:40px;
  min-width:88px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:0;
  background:#fff;
  color:var(--txt);
  font-size:14px;
  line-height:38px;
  appearance:none;                 /* flat */
  background-image: none;          /* niente caret custom */
  transition:border-color .2s;
}
.elementor-shortcode .ceu-list .dataTables_length select:focus{
  outline:0; border-color:var(--oro-brown);
}

/* Input “Cerca” */
.elementor-shortcode .ceu-list .dataTables_filter input{
  height:40px;
  width:320px;                     /* più largo su desktop */
  max-width:100%;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:0;
  background:#fff;
  color:var(--txt);
  font-size:14px;
  transition:border-color .2s;
}
.elementor-shortcode .ceu-list .dataTables_filter input:focus{
  outline:0; border-color:var(--oro-brown);
}

/* Pulsanti DataTables (paginate, ecc.) – mantenere stile flat */
.elementor-shortcode .ceu-list .dataTables_paginate .paginate_button{
  border:1px solid var(--line);
  border-radius:0;
  padding:6px 12px;
  margin:0 2px;
  background:#fff;
  color:var(--txt) !important;
  cursor:pointer;
  font-size:14px;
}
.elementor-shortcode .ceu-list .dataTables_paginate .paginate_button.current{
  background:var(--oro-brown); color:#fff !important; border-color:var(--oro-brown);
}
.elementor-shortcode .ceu-list .dataTables_paginate .paginate_button:hover{
  background:var(--oro-ivory); color:var(--oro-brown) !important;
}

/* Info + length allineati bene sotto */
.elementor-shortcode .ceu-list .dataTables_info{
  color:var(--muted);
  font-size:13px;
  padding:8px 0 0;
}

/* --- Responsive --- */
@media (max-width: 1024px){
  .elementor-shortcode .ceu-list .dataTables_filter input{ width:260px; }
}

@media (max-width: 768px){
  /* Stack verticale e full‑width */
  .elementor-shortcode .ceu-list .dataTables_length,
  .elementor-shortcode .ceu-list .dataTables_filter{
    justify-content:flex-start;
    width:100%;
  }
  .elementor-shortcode .ceu-list .dataTables_filter input,
  .elementor-shortcode .ceu-list .dataTables_length select{
    width:100%;
  }
  .elementor-shortcode .ceu-list .dataTables_filter{ margin-top:6px; }
}/* End custom CSS */