/* DVC Shop Disney Info — front-end styles */

/* Cards: details, menu, map, live strip */
.dvcm{--dvcm-blue:#4477c1;--dvcm-blue2:#5a87d2;--dvcm-pale:#f2f5f9;--dvcm-line:#e1e8f2;
  font-family:"Open Sans",sans-serif;border:1px solid var(--dvcm-line);border-radius:6px;overflow:hidden;margin:1.5em 0;background:#fff;color:#000}
.dvcm *{box-sizing:border-box}
.dvcm-head{background:linear-gradient(90deg,var(--dvcm-blue),var(--dvcm-blue2));color:#fff;padding:16px 20px}
.dvcm-title{font-size:21px;font-weight:400;line-height:1.3;margin:0;color:#fff}
.dvcm-sub{font-size:14px;font-weight:300;margin-top:4px;opacity:.95}
.dvcm-sub span{white-space:nowrap;display:inline-block}
.dvcm-sub span:not(:last-child):after{content:"\00B7";margin:0 8px}
.dvcm-tabin{position:absolute;opacity:0;pointer-events:none}
.dvcm-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 0}
.dvcm-tabs label{cursor:pointer;font-size:14px;font-weight:400;padding:5px 14px;border-radius:4px;background:var(--dvcm-pale);color:var(--dvcm-blue);border:1px solid var(--dvcm-line);transition:background .15s}
.dvcm-tabs label:hover{background:#e6edf8}
.dvcm-panel{display:none;padding:6px 20px 18px}
.dvcm-panel.dvcm-only{display:block}
.dvcm-group{margin-top:16px}
.dvcm-group h4{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dvcm-blue);margin:0 0 4px;padding-bottom:6px;border-bottom:2px solid var(--dvcm-line)}
.dvcm-items{list-style:none;margin:0;padding:0}
.dvcm-item{padding:10px 12px;border-bottom:1px solid var(--dvcm-line)}
.dvcm-item:nth-child(even){background:var(--dvcm-pale)}
.dvcm-item:last-child{border-bottom:0}
.dvcm-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.dvcm-name{font-weight:600;font-size:16px;line-height:1.4}
.dvcm-price{font-weight:600;color:var(--dvcm-blue);white-space:nowrap;font-size:15px}
.dvcm-desc{font-size:14px;font-weight:300;color:#555;line-height:1.5;margin-top:2px}
.dvcm-foot{font-size:12px;font-weight:300;color:#808080;padding:10px 20px;background:var(--dvcm-pale);border-top:1px solid var(--dvcm-line)}
@media (max-width:480px){.dvcm-head,.dvcm-panel,.dvcm-foot{padding-left:14px;padding-right:14px}.dvcm-tabs{padding-left:14px;padding-right:14px}.dvcm-item{padding:9px 8px}}
.dvcm,.dvcbox{scroll-margin-top:calc(var(--dvc-offset,20px) + var(--dvc-adminbar,0px))}
body.admin-bar{--dvc-adminbar:32px}
@media (max-width:782px){body.admin-bar{--dvc-adminbar:46px}}
.dvcmap-frame{position:relative;width:100%;aspect-ratio:16/10;background:var(--dvcm-pale)}
.dvcmap-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media (max-width:480px){.dvcmap-frame{aspect-ratio:4/3}}
.dvcd-list{margin:0;padding:6px 20px 14px}
.dvcd-row{display:grid;grid-template-columns:minmax(150px,38%) 1fr;gap:16px;padding:11px 12px;border-bottom:1px solid var(--dvcm-line);margin:0}
.dvcd-row:nth-child(even){background:var(--dvcm-pale)}
.dvcd-row:last-child{border-bottom:0}
.dvcd dt{margin:0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dvcm-blue);line-height:1.6;padding-top:1px}
.dvcd dd{margin:0;font-size:16px;font-weight:400;line-height:1.5;color:#000}
.dvcd dd small{display:block;font-size:14px;font-weight:300;color:#555;line-height:1.5;margin-top:2px}
.dvcd details summary{cursor:pointer;color:var(--dvcm-blue);font-size:14px;font-weight:400;margin-top:4px}
.dvcd details ul{list-style:none;margin:8px 0 0;padding:0;font-size:14px}
.dvcd details li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dotted #cfd9e8}
.dvcd details li:last-child{border-bottom:0}
.dvcd details li b{font-weight:400}
.dvcd details li span{text-align:right}
.dvcd details li small{margin-top:0;font-size:12px}
.dvcd details li.dvcd-today b,.dvcd details li.dvcd-today span{font-weight:600}
@media (max-width:480px){.dvcd-list{padding:4px 14px 12px}.dvcd-row{grid-template-columns:1fr;gap:2px;padding:10px 8px}}
/* notices */
.dvcn-note{display:flex;gap:10px;align-items:flex-start;padding:12px 20px;font-size:15px;line-height:1.5;border-bottom:1px solid var(--dvcm-line);background:#eef4fc;color:#1d2b44}
.dvcn-note:before{content:"i";flex:0 0 20px;height:20px;border-radius:50%;background:var(--dvcm-blue);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;font-family:Georgia,serif;margin-top:1px}
.dvcn-note.dvcn-warn{background:#fff6e5;color:#5c3b00}
.dvcn-note.dvcn-warn:before{content:"!";background:#d98a00;font-family:inherit}
.dvcn-note a{color:inherit;text-decoration:underline}
.dvcn-note p{margin:0}
/* live strip (attractions) */
.dvca-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--dvcm-line);border-bottom:1px solid var(--dvcm-line)}
.dvca-live>div{background:#fff;padding:14px 16px}
.dvca-live span{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dvcm-blue)}
.dvca-live b{display:block;font-size:26px;font-weight:600;color:#1d2b44;line-height:1.2}
.dvca-live small{display:block;font-size:12px;color:#6b778c;margin-top:2px;font-weight:300}
.dvca-live small.dvca-status{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:600;color:#2e7d32;margin-top:4px;line-height:1.6}
.dvca-live small.dvca-status:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.dvca-live small.dvca-down{color:#b26a00}
.dvca-live small.dvca-closed{color:#6b778c}
.dvca-fc{padding:12px 20px 14px;border-bottom:1px solid var(--dvcm-line);background:var(--dvcm-pale)}
.dvca-fc h5{margin:0 0 22px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dvcm-blue)}
.dvca-bars{display:flex;align-items:flex-end;gap:6px;height:84px}
.dvca-bars .b{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}
.dvca-bars .bv{width:100%;background:#c9d8ef;border-radius:3px 3px 0 0;position:relative;display:block}
.dvca-bars .now .bv{background:var(--dvcm-blue)}
.dvca-bars em{position:absolute;top:-16px;left:0;right:0;text-align:center;font-style:normal;font-size:11px;color:#6b778c}
.dvca-bars i{font-style:normal;font-size:11px;color:#6b778c;margin-top:4px}
.dvca-pill{display:inline-block;font-size:13px;padding:1px 9px;border-radius:12px;background:#e6edf8;color:#2f5ea3;margin:2px 4px 2px 0;font-weight:400}
.dvca-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;border-bottom:1px solid var(--dvcm-line);background:#fff;font-size:13px;color:#6b778c;font-weight:300}
.dvca-meta .m{display:flex;align-items:center;gap:8px;min-width:0}
.dvca-meta .m:before{content:"";width:8px;height:8px;border-radius:50%;background:#2e7d32;box-shadow:0 0 0 3px rgba(46,125,50,.15);flex:0 0 8px}
.dvca-meta b{font-weight:600;color:#1d2b44}
.dvca-meta.stale{background:#fff9ef;color:#5c3b00}
.dvca-meta.stale .m:before{background:#d98a00;box-shadow:0 0 0 3px rgba(217,138,0,.18)}
.dvca-meta.off .m:before{background:#9aa4b2;box-shadow:none}
.dvca-rf{flex:0 0 auto;white-space:nowrap;font:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;width:auto;font-size:13px;font-weight:600;color:var(--dvcm-blue);background:#fff;border:1px solid #cfdcf0;border-radius:14px;padding:3px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;line-height:1.4;margin:0}
.dvca-rf:hover{background:#eef4fc;border-color:var(--dvcm-blue)}
.dvca-rf[disabled]{color:#8a96a8;border-color:#e1e8f2;cursor:default;background:#f7f9fc}
.dvca-rf svg{width:13px;height:13px;flex:0 0 13px}
.dvca-rf.spin svg{animation:dvcspin .8s linear infinite}
@keyframes dvcspin{to{transform:rotate(360deg)}}
@media (max-width:480px){.dvca-meta{padding:8px 12px;font-size:12px}.dvca-meta .lv{display:none}.dvca-rf{font-size:12px;padding:3px 9px}}
@media (max-width:480px){.dvcn-note{padding:10px 14px}.dvca-live{grid-template-columns:1fr 1fr}.dvca-live>div:last-child:nth-child(odd){grid-column:1/-1}.dvca-fc{padding:10px 14px}.dvca-bars{gap:3px}.dvca-bars i{font-size:10px}}

/* Jump-to tiles */
.dvcn{--dvcn-blue:#4477c1;--dvcn-blue2:#5a87d2;font-family:"Open Sans",sans-serif;display:flex;flex-wrap:wrap;gap:8px;margin:1.5em 0 0}
.dvcn *{box-sizing:border-box}
.dvcn a{flex:1 1 auto;white-space:nowrap;display:flex;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1px solid #dbe4f1;border-radius:8px;text-decoration:none !important;color:#1d2b44;box-shadow:0 1px 2px rgba(30,60,120,.06);transition:transform .15s,box-shadow .15s,border-color .15s}
.dvcn a:hover,.dvcn a:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px rgba(68,119,193,.18);border-color:var(--dvcn-blue)}
.dvcn-ic{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--dvcn-blue),var(--dvcn-blue2));color:#fff}
.dvcn-tx{display:flex;flex-direction:column;line-height:1.25}
.dvcn-tx b{font-weight:600;font-size:14px;color:#1d2b44}
.dvcn-tx small{font-size:12px;color:#6b778c;font-weight:300}
html:has(.dvcn){scroll-behavior:smooth}
@media (max-width:480px){.dvcn{display:grid;grid-template-columns:1fr 1fr}.dvcn a{white-space:normal;padding:8px 10px}.dvcn-tx small{display:none}}

/* Intro box */
.dvci{--dvci-blue:#4477c1;--dvci-pale:#f2f5f9;--dvci-line:#e1e8f2;
  font-family:"Open Sans",sans-serif;border:1px solid var(--dvci-line);border-left:4px solid var(--dvci-blue);border-radius:6px;background:var(--dvci-pale);margin:12px 0 1.5em;color:#000;
  padding:14px 20px;font-size:17px;font-weight:400;line-height:1.6}
.dvci p{margin:0 0 .8em}
.dvci > :last-child{margin-bottom:0}
.dvci a{color:var(--dvci-blue)}
@media (max-width:480px){.dvci{padding:12px 14px}}

/* Section box */
.dvcbox{--dvcm-blue:#4477c1;--dvcm-blue2:#5a87d2;--dvcm-pale:#f2f5f9;--dvcm-line:#e1e8f2;
  font-family:"Open Sans",sans-serif;border:1px solid var(--dvcm-line);border-radius:6px;overflow:hidden;margin:1.5em 0;background:#fff;color:#000}
.dvcbox *{box-sizing:border-box}
.dvcbox .dvcbox-head{background:linear-gradient(90deg,var(--dvcm-blue),var(--dvcm-blue2));padding:16px 20px}
.dvcbox h2.dvcbox-title{font-family:"Open Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.3;margin:0;padding:0;color:#fff;border:0;text-align:left}
.dvcbox .dvcbox-body{padding:16px 20px;font-size:16px;font-weight:300;line-height:1.6}
.dvcbox .dvcbox-body p{margin:0 0 1em}
.dvcbox .dvcbox-body > :last-child{margin-bottom:0}
.dvcbox .dvcbox-body a{color:var(--dvcm-blue)}
.dvcbox .dvcbox-body img{max-width:100%;height:auto;border-radius:4px}
.dvcbox.dvcbox-lead{border-left:4px solid var(--dvcm-blue);background:var(--dvcm-pale)}
.dvcbox.dvcbox-lead .dvcbox-body{font-size:17px;font-weight:400;padding:14px 20px}
@media (max-width:480px){.dvcbox .dvcbox-head,.dvcbox .dvcbox-body{padding-left:14px;padding-right:14px}}

/* Plugin additions */
.dvcdi-block{display:block}
.dvcdi-block:empty{display:none}
.dvca-rf,.dvca-meta .lv,.dvca-suf{display:none}
.dvcdi-js .dvca-rf{display:inline-flex}
.dvcdi-js .dvca-meta .lv,.dvcdi-js .dvca-suf{display:inline}
@media (max-width:480px){.dvcdi-js .dvca-meta .lv{display:none}}
.dvcdi-warn{font-family:"Open Sans",sans-serif;margin:1em 0;padding:10px 14px;border:1px dashed #d98a00;border-radius:6px;background:#fff9ef;color:#5c3b00;font-size:14px;line-height:1.5}
.dvcdi-warn code{background:#fff;padding:1px 5px;border-radius:3px}
