.e-flexbox-base{
padding:0px!important;
}

.ig-footer{
    margin-top:30px;
    padding:20px;
    text-align:center;
    background:rgba(0,0,0,.65);
    color:#fff;
    border-radius:10px;
    font-size:14px;
    line-height:1.7;
}

.ig-footer p{
    margin:6px 0;
}

.ig-footer strong{
    color:#fff;
}

.ig-footer a{
    color:#fff;
    text-decoration:none;
}

.ig-footer a:hover{
    text-decoration:underline;
}
.ig-app{
  --ig-ink:#1f2430;
  --ig-indigo:#3d3486;
  --ig-indigo-deep:#2a2460;
  --ig-paper:#faf9f6;
  --ig-line:#e3e0d8;
  --ig-muted:#6b6b76;
  width:100%;
  max-width:800px;
  margin:0 auto;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--ig-ink);
  box-sizing:border-box;
}
.ig-app *{box-sizing:border-box;}

/* ---------- FORM CARD ---------- */
.ig-card {
  
}
.elementor-shortcode {
    position: relative;
    overflow: hidden;
    background: url("https://elitehomeandofficecleaning.com.au/wp-content/uploads/2026/07/images.jpg") center center / cover no-repeat;
    border: 1px solid var(--ig-line);
    border-radius: 10px;
    padding: 32px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    min-height: 500px;
    z-index: 1;
}
.ig-card-content {
    width: 600px;
    margin: auto;
    background: rgba(255, 255, 255, 0.4);
    padding: 20px;
    border-radius: 10px;
}

.ig-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7); /* Change opacity as needed */
    z-index: -1;
}
.ig-card > * {
    position: relative;
    z-index: 2;
}
.ig-brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
}
.ig-mark{
  width:34px;height:34px;border-radius:8px;
  background:linear-gradient(135deg,var(--ig-indigo),var(--ig-indigo-deep));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:700;font-size:15px;
  flex-shrink:0;
}
.ig-brand h2{
  font-size:18px;margin:0;letter-spacing:.2px;
}
.ig-brand p{margin:0;font-size:12px;color:var(--ig-muted);}

.ig-card-content {
    background: rgba(255, 255, 255, 0.4);
    padding: 20px;
    border-radius: 10px;
    width: 100%;
}

.elementor .e-flexbox-base {
    padding: 0px;!important
    display: flex;
    flex-direction: row;
}

.ig-field{margin-bottom:16px;}
.ig-field label{
  display:block;font-size:12px;font-weight:600;
  color:#fff!important;text-transform:uppercase;letter-spacing:.4px;
  margin-bottom:6px;
}
.ig-field input, .ig-field textarea{
  width:100%;padding:10px 12px;font-size:14px;
  border:1px solid var(--ig-line);border-radius:7px;
  background:#fff;color:var(--ig-ink);font-family:inherit;
}
.ig-field input:focus, .ig-field textarea:focus{
  outline:none;border-color:var(--ig-indigo);
  box-shadow:0 0 0 3px rgba(61,52,134,.12);
}
.ig-row2{display:grid;grid-template-columns:1fr 1fr ;gap:14px;}
.ig-field textarea{resize:vertical;min-height:56px;}

/* ---------- PROVIDER DETAILS BOX (on the form) ---------- */
.ig-provider-box{
  background:#f3f2ee;border:1px solid var(--ig-line);border-radius:8px;
  padding:14px 16px;margin-bottom:22px;
}
.ig-provider-box h3{
  font-size:11px;text-transform:uppercase;letter-spacing:.5px;
  color:var(--ig-muted);margin:0 0 8px;
}
.ig-provider-box p{margin:0 0 8px;font-size:13px;line-height:1.6;color:var(--ig-ink);}
.ig-provider-box p:last-child{margin-bottom:0;}
.ig-provider-note{font-size:12px;color:var(--ig-muted);}
.ig-provider-note span{font-weight:400;}

/* ---------- SUBMIT BUTTON LOADING STATE ---------- */
.ig-send-btn[disabled]{opacity:.65;cursor:not-allowed;}

/* ---------- INVOICE LIST SHORTCODE ---------- */
.ig-list-app .ig-card{max-width:none;}
.ig-empty{font-size:14px;color:var(--ig-muted);}
table.ig-list-table{width:100%;border-collapse:collapse;}
table.ig-list-table thead th{
  text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;
  color:var(--ig-muted);background:#f3f2ee;padding:10px 12px;border:1px solid var(--ig-line);
}
table.ig-list-table td{
  padding:12px;border:1px solid var(--ig-line);font-size:14px;
}
table.ig-list-table td a{color:var(--ig-indigo);text-decoration:none;font-weight:600;}
table.ig-list-table td a:hover{text-decoration:underline;}
tr.ig-list-row{cursor:pointer;}
tr.ig-list-row:hover{background:#f8f7f3;}

.ig-email-status{
  text-align:center;font-size:12px;color:var(--ig-muted);margin-top:10px;
  min-height:16px;opacity:0;transition:opacity .25s ease;
}
.ig-email-status-visible{opacity:1;}

/* ---------- STANDALONE SINGLE INVOICE PAGE ---------- */
.ig-single-invoice-body{
  background:#eeece6;margin:0;padding:32px 16px;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.ig-single-invoice-body .ig-invoice-wrap{max-width:640px;margin:0 auto;}

.ig-send-btn{
  width:100%;margin-top:8px;
  background:var(--ig-indigo);color:#fff;border:none;
  padding:13px 18px;border-radius:7px;font-size:14px;font-weight:600;
  letter-spacing:.3px;cursor:pointer;transition:background .15s ease;
}
.ig-send-btn:hover{background:var(--ig-indigo-deep);}
.ig-error{
  color:#b03030;font-size:12px;margin-top:-8px;margin-bottom:12px;display:none;
}

/* ---------- INVOICE VIEW ---------- */
.ig-invoice-wrap{display:none;}
.ig-invoice{
  background:#fff;border:1px solid var(--ig-line);border-radius:10px;
  padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.ig-inv-top{
  display:flex;justify-content:space-between;align-items:flex-start;
  border-bottom:2px solid var(--ig-indigo);padding-bottom:18px;margin-bottom:22px;
}
.ig-inv-top .ig-mark{margin-bottom:8px;}
.ig-inv-title{font-size:26px;font-weight:700;letter-spacing:.5px;color:var(--ig-indigo-deep);}
.ig-inv-meta{text-align:right;font-size:13px;color:var(--ig-muted);}
.ig-inv-meta strong{color:var(--ig-ink);}

.ig-inv-parties{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:26px;
}
.ig-inv-parties h3{
  font-size:11px;text-transform:uppercase;letter-spacing:.5px;
  color:var(--ig-muted);margin:0 0 6px;
}
.ig-inv-parties p{margin:0;font-size:14px;line-height:1.5;}

table.ig-items{
  width:100%;border-collapse:collapse;margin-bottom:20px;
}
table.ig-items thead th{
  text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;
  color:var(--ig-muted);background:#f3f2ee;padding:10px 12px;border:1px solid var(--ig-line);
}
table.ig-items thead th:last-child, table.ig-items td:last-child{text-align:right;}
table.ig-items td{
  padding:12px;border:1px solid var(--ig-line);font-size:14px;
}

.ig-inv-total{
  display:flex;justify-content:flex-end;margin-bottom:24px;
}
.ig-box{min-width:220px;}
.ig-line{
  display:flex;justify-content:space-between;font-size:14px;padding:6px 0;
}
.ig-grand{
  border-top:2px solid var(--ig-indigo);font-weight:700;font-size:16px;
  padding-top:10px;color:var(--ig-indigo-deep);
}



[type=button],[type=submit],button {
    background-color: transparent;
    border: 1px solid #fff!important;
    border-radius: 3px;
    color: #fff!important;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    padding: .5rem 1rem;
    text-align: center;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

[type=button]:hover,
[type=submit]:hover,
button:hover {
	border: 1px solid #fff!important;
    background-color: #ffffff!important;
    color: #000!important;
    border-color: #ffffff !important;
    cursor: pointer;
}

.ig-inv-footer{
  text-align:center;font-size:13px;color:var(--ig-muted);
  border-top:1px solid var(--ig-line);padding-top:16px;margin-bottom:24px;
}
.ig-inv-footer strong{color:var(--ig-ink);}

.ig-actions{display:flex;gap:10px;}
.ig-btn{
  flex:1;padding:12px 16px;border-radius:7px;font-size:14px;font-weight:600;
  cursor:pointer;letter-spacing:.2px;
}
.ig-btn.ig-print{background:var(--ig-indigo);color:#fff;border:none;}
.ig-btn.ig-print:hover{background:var(--ig-indigo-deep);}
.ig-btn.ig-edit{background:#fff;color:var(--ig-ink);border:1px solid var(--ig-line);}
.ig-btn.ig-edit:hover{background:#f3f2ee;}

/* ---------- PRINT ---------- */
<style>
@media print {

    @page {
        size: A4 portrait;
        margin: 10mm;
    }
	
	 .ig-send-btn {
        display: none !important;
    }

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }

    .ig-single-invoice-body {
        margin: 0 !important;
        padding: 0 !important;
    }

    .ig-app {
        padding: 0 !important;
        margin: 0 !important;
    }

    .ig-invoice-wrap {
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .ig-invoice {
        width: 100% !important;
        max-width: 100% !important;
        
        box-sizing: border-box;
        border: 1px solid #ddd;
        box-shadow: none !important;
    }



    .ig-actions,
    .ig-email-status {
        display: none !important;
    }
}
@media only screen and (max-width: 768px) {
    .ig-row2{
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }
	.ig-app{
        padding:10px !important;
    }

    .ig-invoice{
        padding:20px;
    }

    .ig-inv-top{
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
    }

    .ig-inv-meta{
        margin-top:15px;
        text-align:center !important;
    }

    .ig-inv-parties{
        display:flex;
        flex-direction:column;
        gap:20px;
    }

    .ig-inv-parties > div{
        width:100%;
        text-align:left !important;
    }

    .ig-inv-parties > div:last-child{
        text-align:left !important;
    }

    .ig-logo img{
        max-width:100px !important;
        height:auto;
    }

    .ig-items{
        display:block;
        width:100%;
        overflow-x:auto;
        white-space:nowrap;
    }

    .ig-items table{
        min-width:500px;
    }

    .ig-inv-total{
        width:100%;
        margin-top:20px;
    }

    .ig-box{
        width:100%;
    }

    .ig-actions{
        display:flex;
        flex-direction:column;
        gap:10px;
    }

    .ig-btn{
        width:100%;
        text-align:center;
    }
}


</style>