/*
Theme Name: JackPhoenix Editable FINAL 3.1
Theme URI: https://jackphoenix.co.uk/
Author: OpenAI conversion from Lovable project
Description: Editable Gutenberg version of the JackPhoenix electronics repair website. Preserves the working forms, SMTP compatibility and Stripe checkout bridge while moving page content into the WordPress editor.
Version: 3.1.0
Text Domain: jackphoenix
*/
html { scroll-behavior:smooth; }
body { margin:0; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#wpadminbar + #page-root nav { top:32px; }
@media (max-width:782px){ #wpadminbar + #page-root nav { top:46px; } }
.jp-modal-backdrop { display:none; position:fixed; inset:0; background:rgba(15,23,42,.72); z-index:9999; align-items:center; justify-content:center; padding:20px; }
.jp-modal-backdrop.is-open { display:flex; }
.jp-modal { max-width:680px; width:100%; max-height:85vh; overflow:auto; background:#fff; border-radius:18px; padding:28px; box-shadow:0 25px 80px rgba(0,0,0,.3); }
.jp-toast { position:fixed; right:20px; bottom:20px; z-index:10000; max-width:420px; padding:14px 18px; border-radius:12px; background:#0f172a; color:#fff; box-shadow:0 12px 35px rgba(0,0,0,.25); display:none; }
.jp-toast.show { display:block; }
.jp-gallery-item.hidden { display:none; }
.jp-honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }

/* Editable v2: keep Gutenberg content full width while preserving theme layout. */
.jp-editable-content > * { box-sizing:border-box; }
.jp-editable-content .wp-block-button__link { text-decoration:none; }
.jp-editable-content ul { margin:0; padding:0; }
.jp-editable-content .wp-block-image img { display:block; }


/* FINAL 3.0 professional Pricing / Terms styling */
.jp-editable-content .jp-editor-pricing-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#172033,#0f172a);border:1px solid rgba(148,163,184,.22);border-radius:20px;box-shadow:0 14px 34px rgba(15,23,42,.16);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.jp-editable-content .jp-editor-pricing-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(15,23,42,.22);border-color:rgba(249,115,22,.45)}
.jp-editable-content .jp-editor-pricing-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#f97316,#fb923c)}
.jp-editable-content .jp-editor-pricing-notice{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74;border-left:5px solid #f97316;border-radius:16px;box-shadow:0 10px 24px rgba(249,115,22,.08)}
.jp-editable-content .jp-editor-shipping-card{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(56,189,248,.32);border-radius:20px;box-shadow:0 15px 36px rgba(15,23,42,.18)}
.jp-editable-content .jp-editor-terms-card{background:linear-gradient(150deg,#111827,#1e293b);border:1px solid rgba(148,163,184,.20);border-radius:24px;box-shadow:0 22px 55px rgba(15,23,42,.22);padding:34px!important}
.jp-editable-content .jp-editor-terms-card .jp-terms-section{padding:20px 22px;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:rgba(255,255,255,.035)}
.jp-editable-content .jp-editor-terms-card .jp-terms-section h2{position:relative;padding-left:18px}
.jp-editable-content .jp-editor-terms-card .jp-terms-section h2:before{content:"";position:absolute;left:0;top:.25em;width:5px;height:1em;border-radius:5px;background:#f97316}
.jp-editable-content .jp-editor-terms-card .jp-terms-section+ .jp-terms-section{margin-top:16px}