/* PayWillie Final Theme — Teal */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --pw-teal: #1a8a9a;
    --pw-teal-dark: #0f6b78;
    --pw-teal-light: #e6f4f6;
    --pw-teal-mid: #5bccd8;
    --pw-navy: #0f2341;
    --pw-navy2: #1a2f4a;
    --pw-text: #111827;
    --pw-muted: #6b7280;
    --pw-border: #e5e7eb;
    --pw-bg: #f8fafc;
}

* { box-sizing: border-box; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; margin: 0; padding: 0; }

/* (removed in redesign: old homepage styles; the homepage now uses pw.css) */

/* ── GLOBAL BOOTSTRAP OVERRIDES ── */
:root {
    --bs-primary: #1a8a9a;
    --bs-primary-rgb: 26, 138, 154;
    --bs-link-color: #1a8a9a;
    --bs-link-color-rgb: 26, 138, 154;
    --bs-link-hover-color: #0f6b78;
}
.btn-primary {
    background-color: #1a8a9a !important;
    border-color: #1a8a9a !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #0f6b78 !important;
    border-color: #0f6b78 !important;
}
.btn-outline-primary {
    color: #1a8a9a !important;
    border-color: #1a8a9a !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: #1a8a9a !important;
    border-color: #1a8a9a !important;
    color: #fff !important;
}
a { color: #1a8a9a; }
a:hover { color: #0f6b78; }

/* ── LOGIN PAGE LOGO ── */
.page-login img { height: 90px !important; }

/* Override huraga theme green with teal */
.order-button,
.btn-primary,
.bg-primary,
.nav-link.active,
.breadcrumb-item.active,
.text-primary,
.page-link,
.form-check-input:checked,
.progress-bar {
    color: #1a8a9a !important;
}
.btn-primary,
.bg-primary {
    background-color: #1a8a9a !important;
    border-color: #1a8a9a !important;
    color: #fff !important;
}
.text-primary { color: #1a8a9a !important; }
.border-primary { border-color: #1a8a9a !important; }
.nav-pills .nav-link.active { background-color: #1a8a9a !important; }
.form-check-input:checked { background-color: #1a8a9a !important; border-color: #1a8a9a !important; }

/* layout_public navbar */
.btn-pay {
    background: #1a8a9a !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    text-decoration: none !important;
}
.btn-pay:hover { background: #0f6b78 !important; color: #fff !important; }
.pw-navbar .nav-link { color: #4b5563 !important; }
.pw-navbar .nav-link:hover { color: #1a8a9a !important; }

/* Force white text on all teal buttons */
.btn-pay,
.btn-pay:hover,
.btn-pay:visited,
.btn-pay:active,
.btn-pay:focus {
    color: #ffffff !important;
}

/* Fix oversized logo on order and other pages */
.page-login img,
.page-signup img,
header .navbar-brand img,
.navbar-brand img {
    height: 45px !important;
    width: auto !important;
}

/* Fix oversized logo on order and other pages */
.page-login img,
.page-signup img,
header .navbar-brand img,
.navbar-brand img {
    height: 55px !important;
    width: auto !important;
}

/* ── CUSTOMER AREA GLOBAL FIXES ── */
/* All primary buttons → teal */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #1a8a9a !important;
    border-color: #1a8a9a !important;
    color: #fff !important;
}
/* Top button */
a.btn.position-fixed,
a[href*="top"].btn {
    background-color: #1a8a9a !important;
    border-color: #1a8a9a !important;
    color: #fff !important;
}
/* Card headers → teal-tinted */
.card-header {
    background-color: #e6f4f6 !important;
    border-bottom: 2px solid #1a8a9a !important;
    color: #0f2341 !important;
}
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6,
.card-header span {
    color: #0f2341 !important;
}
/* Fix order page top gap */
.page-order .content-block,
.dashboard .content-block {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Mobile navbar text → show logo instead */
.navbar-brand span.d-sm-none {
    display: none !important;
}
.navbar-brand img.d-none {
    height: 36px !important;
}

/* Fix dark/black buttons to teal */
.btn-dark,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    background-color: #1a8a9a !important;
    border-color: #1a8a9a !important;
    color: #fff !important;
}

/* Fix secondary buttons to teal outline */
.btn-secondary,
.btn-secondary:hover {
    background-color: #1a8a9a !important;
    border-color: #1a8a9a !important;
    color: #fff !important;
}

/* Larger navbar logo */
header .navbar-brand img,
.navbar-brand img.d-none.d-sm-block {
    height: 56px !important;
    width: auto !important;
}

/* Larger ticket message text area */
.ql-editor,
.note-editable,
[contenteditable="true"] {
    min-height: 200px !important;
}
.trumbowyg-box,
.trumbowyg-editor {
    min-height: 200px !important;
}

/* CKEditor larger text area */
.ck-editor__editable {
    min-height: 200px !important;
}
.ck.ck-editor__editable_inline {
    min-height: 200px !important;
}



.pw-feature-dot svg { width: 11px !important; height: 11px !important; min-width: 0 !important; min-height: 0 !important; max-width: 11px !important; max-height: 11px !important; }
.pw-svc-img svg { width: 72px !important; height: 72px !important; max-width: 72px !important; }
.pw-sp-hero svg { width: 80px !important; height: 80px !important; max-width: 80px !important; }

/* What I Can Do — CSS-only popup */
.pw-hire-links{font-size:13px;margin-top:6px}
.pw-hire-links a{color:#1a8a9a;text-decoration:underline}
.pw-modal-overlay{display:none;position:fixed;inset:0;background:rgba(15,35,65,0.6);z-index:9999;align-items:center;justify-content:center;padding:16px}
.pw-modal-overlay:target{display:flex}
.pw-modal-box{background:#fff;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;border-radius:8px;padding:28px;position:relative;border-top:4px solid #1a8a9a}
.pw-modal-box h3{color:#0f2341;margin-top:0}
.pw-modal-sub{font-size:14px;color:#374151;margin:12px 0}
.pw-modal-box ul{padding-left:20px;line-height:1.7;font-size:14px}
.pw-modal-close{position:absolute;top:12px;right:16px;font-size:24px;color:#6b7280;text-decoration:none;line-height:1}
.pw-modal-close-btn{display:inline-block;margin-top:12px;padding:8px 16px;background:#1a8a9a;color:#fff;border-radius:4px;text-decoration:none;font-size:14px}