/* DZ Instant Order — frontend styles (mobile-first, RTL-aware). */

.dzio-wrap{
	--dzio-primary:#16a34a;--dzio-btn-text:#fff;--dzio-form-bg:#fff;
	--dzio-input-bg:#fff;--dzio-input-border:#e5e7eb;--dzio-icon-bg:#0f172a;
	--dzio-summary-head:#fdecef;--dzio-summary-body:#fff;--dzio-total:#16a34a;
	--dzio-error:#dc2626;--dzio-success:#16a34a;--dzio-title:#0f172a;
	--dzio-font:#0f172a;--dzio-radius:12px;
	box-sizing:border-box;width:100%;margin:16px 0;color:var(--dzio-font);
	font-family:inherit;
}
.dzio-wrap *{box-sizing:border-box;}
.dzio-form{background:var(--dzio-form-bg);border:1px solid var(--dzio-input-border);
	border-radius:var(--dzio-radius);padding:16px;}
.dzio-form-title{margin:0 0 12px;color:var(--dzio-title);font-size:1.15rem;font-weight:700;}
.dzio-sub{margin:16px 0 8px;font-size:.95rem;font-weight:700;}

.dzio-grid{display:grid;grid-template-columns:1fr;gap:12px;}
.dzio-row{display:flex;flex-direction:column;gap:6px;min-width:0;}
.dzio-label{font-size:.85rem;font-weight:600;}
.dzio-req{color:var(--dzio-error);margin:0 3px;}

.dzio-field{position:relative;display:flex;align-items:center;}
.dzio-ic{position:absolute;inset-inline-start:0;top:0;bottom:0;width:40px;
	display:flex;align-items:center;justify-content:center;background:var(--dzio-icon-bg);
	color:#fff;border-start-start-radius:var(--dzio-radius);border-end-start-radius:var(--dzio-radius);font-size:14px;}
.dzio-field .dzio-input{padding-inline-start:0;}
.dzio-field .dzio-ic + .dzio-input{padding-inline-start:52px;}

.dzio-input{width:100%;background:var(--dzio-input-bg);border:1px solid var(--dzio-input-border);
	border-radius:var(--dzio-radius);padding:12px 14px;font-size:15px;line-height:1.3;color:var(--dzio-font);}
.dzio-input:focus{outline:none;border-color:var(--dzio-primary);box-shadow:0 0 0 3px rgba(22,163,74,.15);}
textarea.dzio-input{min-height:64px;resize:vertical;}
select.dzio-input{appearance:auto;}

.dzio-row.has-error .dzio-input{border-color:var(--dzio-error);}

.dzio-qty-row{align-items:flex-start;}
.dzio-stepper{display:inline-flex;align-items:center;border:1px solid var(--dzio-input-border);
	border-radius:var(--dzio-radius);overflow:hidden;width:max-content;}
.dzio-q{width:42px;height:44px;border:0;background:#f3f4f6;font-size:20px;cursor:pointer;color:var(--dzio-font);}
.dzio-qty{width:64px;height:44px;border:0;text-align:center;font-size:16px;}

.dzio-shipping-list{display:flex;flex-direction:column;gap:8px;}
.dzio-shipping-list.is-horizontal{display:grid;grid-template-columns:1fr 1fr;}
.dzio-ship-opt{display:flex;align-items:center;gap:10px;border:1px solid var(--dzio-input-border);
	border-radius:var(--dzio-radius);padding:12px;cursor:pointer;}
.dzio-ship-opt:has(.dzio-ship-radio:checked){border-color:var(--dzio-primary);box-shadow:0 0 0 2px rgba(22,163,74,.15);}
.dzio-ship-title{flex:1;font-weight:600;font-size:.92rem;}
.dzio-ship-cost{font-weight:700;}
.dzio-free{color:var(--dzio-success);font-weight:700;}
.dzio-muted{color:#6b7280;font-size:.9rem;margin:4px 0;}

.dzio-coupon{flex-direction:row;gap:8px;margin-top:12px;}
.dzio-coupon .dzio-input{flex:1;}
.dzio-coupon-apply{padding:0 16px;border:0;border-radius:var(--dzio-radius);background:#0f172a;color:#fff;cursor:pointer;}

.dzio-summary{margin-top:16px;border:1px solid var(--dzio-input-border);border-radius:var(--dzio-radius);overflow:hidden;}
.dzio-summary-head{width:100%;display:flex;justify-content:space-between;align-items:center;
	background:var(--dzio-summary-head);border:0;padding:12px 14px;cursor:pointer;font-weight:700;font-size:.95rem;color:var(--dzio-title);}
.dzio-summary-body{background:var(--dzio-summary-body);padding:12px 14px;display:none;}
.dzio-summary.is-open .dzio-summary-body{display:block;}
.dzio-summary.is-open .dzio-caret{transform:rotate(180deg);}
.dzio-caret{transition:transform .2s;}
.dzio-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #eef0f2;gap:10px;}
.dzio-line:last-child{border-bottom:0;}
.dzio-item{gap:10px;}
.dzio-thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;}
.dzio-item-info{flex:1;display:flex;flex-direction:column;}
.dzio-item-name{font-weight:600;font-size:.9rem;}
.dzio-item-variation{font-size:.8rem;color:#6b7280;}
.dzio-total{font-size:1.05rem;}
.dzio-total b{color:var(--dzio-total);}

.dzio-place{width:100%;margin-top:16px;border:0;border-radius:var(--dzio-radius);
	background:var(--dzio-primary);color:var(--dzio-btn-text);font-size:1.05rem;font-weight:700;
	padding:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;}
.dzio-place:hover{filter:brightness(.95);}
.dzio-place.dzio-animate:hover{transform:translateY(-1px);}
.dzio-whatsapp{display:block;text-align:center;margin-top:10px;padding:13px;border-radius:var(--dzio-radius);
	background:#25d366;color:#fff;font-weight:700;text-decoration:none;}

.dzio-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.5);
	border-top-color:#fff;border-radius:50%;animation:dzio-spin .7s linear infinite;}
.dzio-form.is-loading .dzio-spinner{display:inline-block;}
.dzio-form.is-loading .dzio-place{opacity:.75;pointer-events:none;}
@keyframes dzio-spin{to{transform:rotate(360deg);}}

.dzio-msg{margin-top:10px;font-size:.9rem;text-align:center;min-height:1em;}
.dzio-msg.is-error{color:var(--dzio-error);}
.dzio-msg.is-success{color:var(--dzio-success);}

.dzio-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.dzio-admin-notice{padding:10px;border:1px dashed #b45309;color:#b45309;border-radius:8px;}

/* Tablet/desktop: two-column grid + spanning rows. */
@media (min-width:640px){
	.dzio-grid{grid-template-columns:1fr 1fr;}
	.dzio-col-2{grid-column:1 / -1;}
}

/* RTL. */
[dir="rtl"] .dzio-wrap,.rtl .dzio-wrap{direction:rtl;text-align:right;}
[dir="rtl"] .dzio-caret,.rtl .dzio-caret{}