/*
 Theme Name:     nurovia
 Description:    Child theme for Divi
 Author:         Practest.io
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}

	.nav li li {
		white-space: nowrap;
	}

	.nav li li a {
		width: auto !important;
	}
}

/* Neuro Table */
/* Screenreader-only caption */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Wrapper */
.nuro-table-wrap { margin:20px 0; }

/* Table base */
.nuro-table{
  width:100%;
  border:2px solid #89D4D4;     /* outer border */
  border-radius:16px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  background:#FFFFFF;
  font-family:'Cabin', Helvetica, Arial, Lucida, sans-serif;
  color:#2B3D52;
}

/* Header */
.nuro-table thead th{
  background:#F4FBFB;
  color:#00357A;
  font-weight:700;
  font-size:16px;
  text-align:left;
  padding:14px 16px;
  border-bottom:2px solid #89D4D4; /* header row separator */
  border-right:2px solid #89D4D4;  /* header vertical lines */
}
.nuro-table thead th:last-child{ border-right:0; }

/* Cells */
.nuro-table th[scope="row"],
.nuro-table td{
  padding:14px 16px;
  vertical-align:top;
  border-bottom:2px solid #89D4D4; /* row lines */
  border-right:2px solid #89D4D4;  /* column lines */
}
.nuro-table tbody tr:last-child th[scope="row"],
.nuro-table tbody tr:last-child td{ border-bottom:0; }
.nuro-table tbody td:last-child,
.nuro-table tbody th[scope="row"]:last-child{ border-right:0; }

.nuro-table td{ text-align:right; }           /* prices aligned right on desktop */
.nuro-table th[scope="row"]{ color:#00357A; } /* service name emphasis */

/* Subtle hover */
.nuro-table tbody tr:hover{ background:rgba(137,212,212,0.12); }

/* ---------- Responsive stack ---------- */
@media (max-width: 768px){
  .nuro-table thead{ display:none; }
  .nuro-table,
  .nuro-table tbody,
  .nuro-table tr{ display:block; width:100%; }

  .nuro-table th[scope="row"]{
    display:block;
    background:#F4FBFB;
    color:#00357A;
    font-weight:700;
    border-bottom:2px solid #89D4D4;
    padding:14px 16px;
    word-break:break-word;
  }

  .nuro-table td{
    display:block;              /* removed grid */
    text-align:left;            /* more natural on mobile */
    padding:12px 16px;
    word-break:break-word;
    border-right:0;             /* avoid double verticals in stacked layout */
  }

  .nuro-table td::before{
    content: attr(data-label);
    display:block;
    margin-bottom:4px;          /* small gap between label and value */
    font-weight:700;
    color:#00357A;
  }
}
/* Make sure these apply inside Divi modules */
.et_pb_text .nuro-table,
.et_pb_module .nuro-table {
  border: 2px solid #89D4D4 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100%;
}

.et_pb_text .nuro-table thead th,
.et_pb_module .nuro-table thead th {
  background: #F4FBFB !important;
  color: #00357A !important;
  border-bottom: 2px solid #89D4D4 !important;
  border-right: 2px solid #89D4D4 !important;
}
.et_pb_text .nuro-table thead th:last-child,
.et_pb_module .nuro-table thead th:last-child { border-right: 0 !important; }

.et_pb_text .nuro-table th[scope="row"],
.et_pb_text .nuro-table td,
.et_pb_module .nuro-table th[scope="row"],
.et_pb_module .nuro-table td {
  border-bottom: 2px solid #89D4D4 !important;
  border-right: 2px solid #89D4D4 !important;
  padding: 14px 16px;
  vertical-align: top;
}
.et_pb_text .nuro-table tbody tr:last-child th[scope="row"],
.et_pb_text .nuro-table tbody tr:last-child td,
.et_pb_module .nuro-table tbody tr:last-child th[scope="row"],
.et_pb_module .nuro-table tbody tr:last-child td { border-bottom: 0 !important; }
.et_pb_text .nuro-table tbody td:last-child,
.et_pb_module .nuro-table tbody td:last-child { border-right: 0 !important; }

.et_pb_text .nuro-table td { text-align: right; }
.et_pb_text .nuro-table th[scope="row"] { color: #00357A; }

/* Mobile stack still works */
@media (max-width: 768px){
  .et_pb_text .nuro-table thead,
  .et_pb_module .nuro-table thead { display:none; }

  .et_pb_text .nuro-table,
  .et_pb_text .nuro-table tbody,
  .et_pb_text .nuro-table tr,
  .et_pb_module .nuro-table,
  .et_pb_module .nuro-table tbody,
  .et_pb_module .nuro-table tr { display:block; width:100%; }

  .et_pb_text .nuro-table th[scope="row"],
  .et_pb_module .nuro-table th[scope="row"] {
    display:block;
    background:#F4FBFB;
    color:#00357A;
    font-weight:700;
    border-bottom:2px solid #89D4D4 !important;
  }

  .et_pb_text .nuro-table td,
  .et_pb_module .nuro-table td {
    display:block;
    text-align:left;
    padding:12px 16px;
    border-right:0 !important;
  }
  .et_pb_text .nuro-table td::before,
  .et_pb_module .nuro-table td::before {
    content: attr(data-label);
    display:block;
    margin-bottom:4px;
    font-weight:700;
    color:#00357A;
  }
}