/* Art People signup: all selectors are scoped to prevent conflicts with Elementor. */
.apl-popup-root,.apl-inline-wrap{font-family:inherit;color:#252322;font-size:16px;line-height:1.5}
.apl-popup-root *,.apl-inline-wrap *{box-sizing:border-box}
.apl-popup-launch{position:fixed;bottom:24px;right:24px;z-index:9980;background:#f5c52a;color:#171717;border:2px solid #222;border-radius:999px;padding:12px 20px;font-weight:800;font-size:14px;box-shadow:0 6px 18px #0002;cursor:pointer}
.apl-popup-launch:hover,.apl-popup-launch:focus{background:#ffe067;transform:translateY(-2px)}
.apl-backdrop[hidden],.apl-success[hidden]{display:none!important}
.apl-backdrop{position:fixed;inset:0;background:rgba(20,20,23,.65);z-index:999999;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:20px}
.apl-modal{position:relative;width:min(830px,100%);max-height:calc(100vh - 36px);overflow-y:auto;box-shadow:0 18px 70px #0005;border-radius:18px;outline:0;background:#fff}
.apl-close{position:absolute;right:12px;top:10px;width:38px;height:38px;background:white;border:1px solid #ccc;border-radius:50%;color:#252525;font-size:27px;line-height:1;z-index:5;cursor:pointer}
.apl-close:hover{background:#fff4d6}
.apl-signup-card{display:grid;grid-template-columns:40% 60%;background:#fffdf7;border-radius:18px;overflow:hidden;max-width:950px;margin:0 auto;border:1px solid #eee1bf}
.apl-art{background:#efca3a;display:flex;justify-content:center;align-items:center;padding:14px;min-height:440px}
.apl-art img{width:100%;height:100%;max-height:520px;object-fit:contain;filter:drop-shadow(0 8px 10px #0002)}
.apl-copy{padding:38px 42px 30px;background:#fffdf7}
.apl-brand{margin-bottom:14px}
.apl-wordmark{font-size:25px;font-weight:900;letter-spacing:-.3px;color:#252525}.apl-wordmark>span:first-child{color:#d9771a}.apl-wordmark .apl-dot{font-size:13px;color:#388e69;vertical-align:top;padding-left:4px}
.apl-brand .apl-brand-image{display:block!important;box-sizing:border-box!important;width:145px!important;max-width:145px!important;height:auto!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
.apl-eyebrow{color:#a75b24;font-size:11px;font-weight:800;letter-spacing:1.5px}
.apl-copy h2{font-size:30px;line-height:1.13;letter-spacing:-.45px;margin:8px 0 10px;color:#252525;font-weight:800}
.apl-copy p{font-size:14px;line-height:1.6;margin:8px 0 18px;color:#423e3a}
.apl-signup-form>label:not(.apl-consent){display:block;font-size:12px;font-weight:700;color:#2d2a26;margin:13px 0 5px}
.apl-signup-form input[type="text"],.apl-signup-form input[type="email"]{display:block;width:100%;padding:12px 13px;min-height:43px;background:#fff;color:#222;border:1px solid #bcb6a7;border-radius:7px;font-size:14px;box-shadow:none;margin:0}
.apl-signup-form input:focus{outline:2px solid #e4ae29;outline-offset:1px}
.apl-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;color:#444;margin:15px 0}
.apl-consent input{width:16px!important;height:16px!important;margin:2px 0 0!important;flex-shrink:0}
.apl-submit,.apl-download{display:block;width:100%;background:#f2be27;color:#242321!important;border:0;border-radius:7px;padding:14px 12px;text-align:center;text-decoration:none!important;font-size:14px;font-weight:800;cursor:pointer;transition:background .15s ease}
.apl-submit:hover,.apl-download:hover{background:#ffda58;color:#222!important}
.apl-submit:disabled{opacity:.65;cursor:wait}
.apl-feedback:empty{display:none}.apl-feedback{font-size:13px!important;color:#a23d1f!important;margin:9px 0!important}
.apl-signoff{font-size:12px;font-style:italic;margin-top:17px;color:#7d6244}
.apl-success h3{font-size:23px;margin:10px 0;color:#212121}.apl-success p{margin:8px 0 16px}
.apl-trap{position:absolute!important;left:-100000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.apl-inline-wrap{max-width:850px;margin:15px auto}
body.apl-modal-open{overflow:hidden}
@media(max-width:660px){.apl-backdrop{padding:8px;align-items:flex-start}.apl-modal{max-height:calc(100vh - 16px)}.apl-signup-card{display:block;border-radius:12px}.apl-art{height:155px;min-height:0;padding:10px}.apl-art img{height:155px;object-fit:contain}.apl-copy{padding:22px 24px}.apl-copy h2{font-size:25px}.apl-popup-launch{right:12px;bottom:12px;font-size:12px;padding:10px 14px}.apl-close{right:7px;top:7px}}
@media(prefers-reduced-motion:reduce){.apl-popup-launch{transition:none}}

/* Reusable offer forms without a featured image use a centered, single-column layout. */
.apl-signup-card.apl-no-art{display:block;max-width:570px}
.apl-signup-card.apl-no-art .apl-copy{padding:36px 42px}
@media(max-width:660px){.apl-signup-card.apl-no-art .apl-copy{padding:22px 24px}}

/* V1.7 ARTPEOPLE visual identity. The live site uses coral, leafy green,
   black header, blue details & bright artwork. Keep it playful but readable. */
.apl-popup-root,.apl-inline-wrap{color:#1b1b1b;font-family:Arial,Helvetica,sans-serif}
.apl-popup-launch{background:#f4705b;color:#171717;border:2px solid #171717;border-radius:7px;box-shadow:5px 5px 0 #b7d546;font-size:14px;letter-spacing:.02em}
.apl-popup-launch:hover,.apl-popup-launch:focus{background:#ff8973;box-shadow:3px 3px 0 #b7d546;color:#171717}
.apl-modal{border:3px solid #171717;border-radius:12px;background:#fffdf8;box-shadow:0 22px 80px #0008}
.apl-close{top:11px;right:11px;background:#fffdf8;border:2px solid #1b1b1b;font-size:24px;color:#1b1b1b;border-radius:50%;box-shadow:2px 2px 0 #b7d546}
.apl-close:hover,.apl-close:focus{background:#b7d546}
.apl-signup-card{background:#fffdf8;border:1px solid #161616;border-top:9px solid #f4705b;border-radius:10px;box-shadow:5px 5px 0 #b7d546}
.apl-modal .apl-signup-card{box-shadow:none;border:0;border-top:9px solid #f4705b;border-radius:0}
.apl-art{background:#b7d546;background-image:linear-gradient(155deg,#cbe25d 0%,#b7d546 45%,#a3d64c 100%);border-right:5px solid #191919;padding:24px;min-height:425px}
.apl-art img{max-height:480px;max-width:100%;border:5px solid #fffdf8;box-shadow:8px 8px 0 #f4705b;object-fit:contain;background:white;width:auto;height:auto}
.apl-copy{background:#fffdf8;padding:34px 40px 28px;min-width:0}
.apl-brand{margin-bottom:18px}.apl-brand .apl-brand-image{width:138px!important;max-width:138px!important;height:50px!important;max-height:50px!important;object-fit:contain!important}
.apl-eyebrow{display:inline-block;background:#b7d546;color:#151515;letter-spacing:1.3px;font-size:10px;padding:6px 10px;border-radius:3px;font-weight:900}
.apl-copy h2{font-family:Georgia,serif;color:#171717;font-size:32px;line-height:1.18;letter-spacing:-.6px;margin:13px 0 11px}
.apl-copy p{font-size:14px;line-height:1.6;color:#333}
.apl-signup-form>label:not(.apl-consent){font-size:12px;color:#161616;font-weight:800}
.apl-signup-form input[type="text"],.apl-signup-form input[type="email"]{border:1.5px solid #282828;border-radius:5px;background:#fff;color:#161616}
.apl-signup-form input:focus{outline:3px solid #94b9eb;outline-offset:1px}
.apl-consent{color:#434343}
.apl-submit,.apl-download{background:#f4705b;color:#141414!important;border:2px solid #171717;border-radius:5px;box-shadow:3px 3px 0 #b7d546;font-weight:900;line-height:1.3}
.apl-submit:hover,.apl-submit:focus,.apl-download:hover,.apl-download:focus{background:#ff8c76;color:#141414!important;box-shadow:2px 2px 0 #b7d546}
.apl-signoff{color:#3577ae;font-weight:700;font-style:normal}
.apl-success h3{font-family:Georgia,serif}
.apl-inline-wrap{margin:22px auto;max-width:860px}
@media(max-width:660px){
  .apl-art{height:165px;min-height:0;border-right:0;border-bottom:5px solid #171717;padding:12px}
  .apl-art img{height:130px;max-height:130px;width:auto;max-width:100%;box-shadow:4px 4px 0 #f4705b;border-width:3px}
  .apl-signup-card{border-top-width:7px;box-shadow:3px 3px 0 #b7d546}
  .apl-copy{padding:24px 23px}.apl-copy h2{font-size:27px}
  .apl-modal .apl-signup-card{border-top-width:7px}
}


/* v2.2: ON-PAGE FORM ONLY. Keep the playful large illustrated design
   untouched for the popup. A flipbook beside this form is the artwork. */
.apl-inline-wrap{
  width:100%;max-width:560px;margin:0 auto;
}
.apl-inline-wrap .apl-signup-card,
.apl-inline-wrap .apl-signup-card.apl-no-art{
  display:block;grid-template-columns:none;width:100%;max-width:none;
  border:1px solid #dedfc2;border-top:6px solid #f4705b;
  border-radius:9px;background:#fffdf8;
  box-shadow:3px 3px 0 #b7d546;
}
.apl-inline-wrap .apl-art{display:none!important}
.apl-inline-wrap .apl-copy,
.apl-inline-wrap .apl-signup-card.apl-no-art .apl-copy{padding:19px 22px 18px}
.apl-inline-wrap .apl-brand{margin-bottom:9px}
.apl-inline-wrap .apl-eyebrow{
  font-size:9px;line-height:1.25;letter-spacing:1px;padding:5px 8px;
}
.apl-inline-wrap .apl-copy h2{
  font-family:Georgia,serif;font-size:clamp(21px,2.6vw,27px);
  line-height:1.16;letter-spacing:-.35px;margin:9px 0 8px;
}
.apl-inline-wrap .apl-copy p{
  font-size:13px;line-height:1.45;margin:6px 0 11px;
}
.apl-inline-wrap .apl-signup-form>label:not(.apl-consent){
  font-size:11px;line-height:1.25;margin:10px 0 4px;
}
.apl-inline-wrap .apl-signup-form input[type="text"],
.apl-inline-wrap .apl-signup-form input[type="email"]{
  width:100%;min-height:39px;padding:8px 10px;font-size:13px;
  background:#fff;color:#1b1b1b;
}
.apl-inline-wrap .apl-consent{
  gap:8px;font-size:11px;line-height:1.4;margin:11px 0;
}
.apl-inline-wrap .apl-submit,
.apl-inline-wrap .apl-download{min-height:43px;padding:10px;font-size:13px}
.apl-inline-wrap .apl-signoff{font-size:11px;margin-top:13px}
.apl-inline-wrap .apl-success h3{font-size:21px;line-height:1.2}
@media(max-width:660px){
  .apl-inline-wrap{max-width:100%;margin:12px auto}
  .apl-inline-wrap .apl-copy,
  .apl-inline-wrap .apl-signup-card.apl-no-art .apl-copy{padding:21px 20px}
  .apl-inline-wrap .apl-copy h2{font-size:25px}
}


/* v2.4 Elementor/theme compatibility. Some WordPress themes impose a dark
   global button style using !important, including the mobile breakpoint.
   Target only Art People Mail controls and preserve the existing form layout. */
body .apl-inline-wrap .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"],
body .apl-popup-root .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"],
body .apl-backdrop .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"],
body .apl-signup-card a.apl-download,
body button.apl-popup-launch {
  -webkit-appearance:none !important;
  appearance:none !important;
  background:#f4705b !important;
  background-color:#f4705b !important;
  background-image:none !important;
  color:#141414 !important;
  -webkit-text-fill-color:#141414 !important;
  border:2px solid #171717 !important;
  border-radius:5px !important;
  box-shadow:3px 3px 0 #b7d546 !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}
body .apl-inline-wrap .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"]:hover,
body .apl-inline-wrap .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"]:focus,
body .apl-popup-root .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"]:hover,
body .apl-popup-root .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"]:focus,
body .apl-backdrop .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"]:hover,
body .apl-backdrop .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"]:focus,
body .apl-signup-card a.apl-download:hover,
body .apl-signup-card a.apl-download:focus,
body button.apl-popup-launch:hover,
body button.apl-popup-launch:focus {
  background:#ff8c76 !important;
  background-color:#ff8c76 !important;
  background-image:none !important;
  color:#141414 !important;
  -webkit-text-fill-color:#141414 !important;
}
/* Show a modest busy state, but never switch to a black disabled button. */
body .apl-signup-card form.apl-signup-form > button.apl-submit[type="submit"]:disabled {
  opacity:.72 !important;
  background-color:#f4705b !important;
  color:#141414 !important;
}
