/* Pro appearance, 1.5.1. Loaded after the unmodified classic stylesheet.
   No form controls, actions, values or application behavior are changed. */
:root{--blue:#244bbb;--ink:#1c293d;--muted:#627086;--line:#dfe5ed;--bg:#f4f6f9;--pro-navy:#172b4d;--pro-soft:#edf2fc}
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body>header{padding:19px max(28px,calc((100vw - 1240px)/2));gap:24px;box-shadow:0 2px 10px #18315305;border-bottom:1px solid var(--line);align-items:center;flex-direction:row}
.brand img{width:163px}
nav{gap:6px;align-items:center}
nav a{padding:9px 13px;border-radius:7px;font-size:13px;font-weight:600;transition:background .15s,color .15s}
nav a:hover{background:var(--pro-soft);color:var(--blue);text-decoration:none}
nav .text-button{padding:9px 12px;font-size:13px}
.language-switch{gap:5px;border-left:1px solid var(--line);padding-left:15px}
.language-switch button{font-size:12px;font-weight:600;padding:7px 4px}
.language-switch span{color:#c6cedb}
main{max-width:1240px;padding:36px 28px 72px}
h1{font-size:36px;line-height:1.18;letter-spacing:-1.2px;color:var(--pro-navy);font-weight:680}
h2{color:var(--pro-navy);font-size:21px;font-weight:650;letter-spacing:-.35px}
h3{color:var(--pro-navy);letter-spacing:-.2px}
.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#677892}
.panel{border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 18px #1a355207;padding:28px}
button,.button{border-radius:7px;padding:12px 21px;font-size:14px;line-height:1.5;letter-spacing:.05px;box-shadow:0 2px 3px #244bbb0d;transition:background .15s,box-shadow .15s}
button:hover,.button:hover{background:#1a3b98;border-color:#1a3b98;box-shadow:0 3px 8px #244bbb1a}
button:focus-visible,.button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #9ab3f5;outline-offset:3px}
.secondary{background:#fff;border-color:#ced7e4;color:#34435a;box-shadow:none}
.secondary:hover{background:#eef2f8;border-color:#b8c7de;color:#213856}
.text-button,.text-button:hover{box-shadow:none;border:0;background:transparent}
.danger{background:#a52727;border-color:#a52727}.danger:hover{background:#841e1e;border-color:#841e1e}
label{font-size:13px;font-weight:650;color:#36455d}
input,select,textarea{border:1px solid #ced7e3;border-radius:7px;font-size:14px;padding:11px 12px;line-height:1.5;background:#fdfefe;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:#708fcf;outline:2px solid #dfe8fd;outline-offset:1px;background:#fff}
input[type=checkbox],input[type=radio]{accent-color:var(--blue)}
.check{line-height:1.6;font-size:13px;font-weight:400}
.notice{background:#edf2fc;border-color:#dce5f7;color:#37517e;border-radius:8px;font-size:13px;padding:12px 17px}
.notice.error{background:#fff1f1;border-color:#efc5c5;color:#932f34}
.notice.success{background:#edf8f1;border-color:#c3e3cf;color:#286043}
.hotel-heading{position:relative;text-align:left;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:12px;padding:32px 330px 30px 30px;margin:0 0 26px;min-height:170px;box-shadow:0 4px 18px #1a355207}
.hotel-heading .collection-logo{position:absolute;right:30px;top:35px;width:240px;max-height:90px;object-fit:contain;margin:0;padding-left:24px;border-left:1px solid var(--line)}
.hotel-heading .eyebrow{margin:0 0 11px;font-size:10px}
.hotel-heading h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin:0 0 12px}
.hotel-heading .muted{margin:0;font-size:14px}
.catalog-sort{margin-bottom:20px}.catalog-sort label{display:flex;align-items:center;gap:13px;width:auto;font-weight:500;color:var(--muted);font-size:12px}.catalog-sort select{margin:0;min-width:180px;width:auto;padding:8px 11px;font-size:13px;background:#fff}
#hotel-products-title,#more-products-title{font-size:21px;margin-bottom:19px}
.catalog-grid{gap:10px}
.product{grid-template-columns:92px minmax(0,1fr) 205px;gap:16px 22px;padding:19px 21px;border-radius:10px;box-shadow:0 2px 8px #1a355204;overflow:visible;transition:border-color .15s,box-shadow .15s}
.product:hover{border-color:#bdcce1;box-shadow:0 5px 16px #1a355209}
.product.selected{border-color:#7899d9;box-shadow:inset 3px 0 0 var(--blue),0 3px 12px #244bbb09;background:#fcfdff}
.product-image-link{border:0;padding:0;background:transparent;box-shadow:none;border-radius:8px;overflow:hidden}
.product-image-link:hover{background:#f3f6fc;border:0;box-shadow:none}
.product-image,.product-placeholder{height:72px;width:92px;border:1px solid #e7ecf3;border-radius:8px;background:#f8fafc;padding:7px}
.product-placeholder{font-size:29px;font-weight:500;color:#8ea0b8}
.product-body h2{font-size:16px;font-weight:650;line-height:1.4;margin:0 0 5px;letter-spacing:-.15px}
.product-body .description{font-size:13px;line-height:1.55;color:#69778b;margin:0}
.product .quantity-field{font-size:11px;font-weight:600;color:#64738a}
.quantity-field select,.quantity-field input{background:#f8fafc;border-color:#d7dfeb;font-size:14px}
.product>.item-note-field{border-top:1px solid #e7edf6;padding-top:12px;margin-top:0;font-size:11px;color:#65748a}
.item-note-field textarea{background:#fff;font-size:13px;padding:9px 11px}
.product.variant-parent{padding:19px 21px}
.variant-heading{padding-right:214px;gap:22px;min-height:76px}
.variant-heading .product-image-link,.variant-heading img{width:92px}.variant-heading img{height:72px}
.variant-heading h2{font-size:16px;margin-bottom:5px;letter-spacing:-.15px}
.variant-heading .description{font-size:13px;line-height:1.55;margin:0}
.variant-picker>summary{top:27px;right:21px;width:190px;border-color:#d8e1ee;background:#f6f8fc;border-radius:7px;font-size:12px;line-height:1.6;padding:8px 12px}
.variant-picker>summary:hover{background:#edf2fc}
.variant-selection-count{font-size:11px;letter-spacing:0;color:#708199}
.variant-options{margin-top:19px;padding:5px 0 0}
.variant-options>p{font-size:12px}
.variant-row{border-color:#e6ecf4;gap:12px;padding:10px 0;flex-wrap:wrap}
.variant-row>span{font-size:13px;font-weight:550}
.variant-row label{font-size:11px;font-weight:500;flex-basis:190px;max-width:205px}
.variant-row input,.variant-row select{font-size:13px;background:#f8fafc;padding:8px 10px}
.variant-row>.item-note-field{flex-basis:100%;max-width:none;min-width:0;font-weight:400}
.variant-row>.product-image-link,.variant-row img{height:40px;width:48px}
.more-products{margin-top:38px;padding-top:26px;border-color:#dce3ed}
.more-products>.eyebrow{margin-top:0}.more-products>.muted{font-size:13px;max-width:750px}
.checkout{position:relative;padding:30px;gap:32px;margin-top:34px;border-top:3px solid var(--blue)}
.checkout>div{min-width:0}.checkout>div:first-child{padding-right:28px;border-right:1px solid #e5eaf2}
.checkout .eyebrow{margin-top:0}.checkout h2{font-size:23px;margin-bottom:18px}
#selection{padding:0;list-style:none;margin:0 0 22px}
#selection>li{padding:11px 0;border-bottom:1px solid #e8edf5;font-size:13px;color:#354764;line-height:1.6;margin:0}
#selection>li:last-child{border-bottom:0}#selection p{margin:5px 0 0;color:#738099;font-size:12px}
.delivery-choice{padding:16px;border-color:#e1e7f0;background:#f9fbfd;margin-top:18px}
.delivery-choice legend{font-size:12px;color:#415474;padding:0 7px}
.delivery-choice .check{margin-bottom:13px}.delivery-choice textarea{background:#fff}
.delivery-choice .small{font-size:12px;margin-bottom:0}
.checkout .two-col{gap:16px}.checkout .small{font-size:12px;line-height:1.65}
.checkout #submit-order{margin-top:7px;min-height:48px}
.table-wrap{border-radius:10px}table{font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#6a7e98;background:#f8fafc;font-weight:650}td{vertical-align:top;color:#3d4e67}th,td{padding:15px 13px;border-color:#e8edf4}td a{font-weight:650}.badge{border-radius:5px;background:#edf2fa;color:#486387;font-size:10px;padding:4px 7px}
.order-filters{box-shadow:none;background:#fdfefe;gap:16px}.order-filters label{font-size:11px}.order-filters input,.order-filters select{font-size:13px;padding:9px 10px}
.stats{margin-top:30px;gap:18px}.stat{padding:25px 28px;border-top:3px solid #a5b8e0}.stat strong{font-size:39px;font-weight:650;letter-spacing:-1.5px;color:var(--pro-navy)}.stat span{font-size:13px;font-weight:500}
.login{max-width:440px;margin:48px auto;padding:38px;border-top:3px solid var(--blue);box-shadow:0 12px 40px #2437500b}.login h1{font-size:31px}.login>p{font-size:14px}.login button{min-height:46px}
.empty{padding:48px 30px}.editor{max-width:850px}.appearance-settings{scroll-margin-top:24px}.appearance-settings fieldset{background:#f8fafc;border-color:var(--line)}
#image-dialog{border:1px solid #d8e1ef;border-radius:12px;padding:22px}.image-dialog-header h2{font-size:18px}
body>footer{background:#eef2f7;border-color:#dfe6ef;padding:26px 28px;color:#748297;font-size:12px;gap:25px}footer img{width:125px;mix-blend-mode:multiply}
@media(max-width:1100px){body>header{gap:14px;flex-wrap:wrap}.language-switch{margin-left:auto}nav{gap:2px}nav a{padding:8px 9px}}
@media(max-width:900px){body>header{align-items:center}.brand{margin-right:auto}nav{order:3;flex-basis:100%;border-top:1px solid #edf1f6;padding-top:10px;flex-wrap:wrap}.language-switch{margin-left:0}.hotel-heading{padding-right:260px}.hotel-heading .collection-logo{width:190px}.hotel-heading h1{font-size:29px}.checkout{grid-template-columns:1fr;gap:26px}.checkout>div:first-child{padding:0 0 22px;border:0;border-bottom:1px solid #e5eaf2}.checkout .two-col{grid-template-columns:1fr 1fr}.product{grid-template-columns:82px minmax(0,1fr) 180px;gap:16px}.product-image,.product-placeholder{width:82px}}
@media(max-width:700px){main{padding:24px 18px 45px}body>header{padding:17px 18px}.brand img{width:142px}nav a,nav .text-button{font-size:12px;padding:7px 9px}.hotel-heading{padding:25px 22px;min-height:0}.hotel-heading .collection-logo{position:static;display:block;width:180px;max-height:65px;margin:0 0 22px;padding:0;border:0}.hotel-heading h1{font-size:27px;letter-spacing:-.7px}.hotel-heading .muted{font-size:13px}.catalog-sort label{font-size:11px;gap:9px}.catalog-sort select{min-width:160px}.product{grid-template-columns:70px minmax(0,1fr);padding:17px;gap:10px 15px}.product .product-image-link{grid-column:1;grid-row:1 / span 2}.product-image,.product-placeholder{width:70px;height:66px;grid-column:1;grid-row:1 / span 2}.product-body{grid-column:2;grid-row:1}.product .quantity-field{grid-column:2;grid-row:2;max-width:none}.product>.item-note-field{grid-column:1 / -1;margin-top:4px}.product-body h2{font-size:15px}.product-body .description{font-size:12px}.product.variant-parent{padding:17px}.variant-heading{padding-right:0;gap:15px;min-height:66px}.variant-heading .product-image-link,.variant-heading img{width:70px;height:66px}.variant-heading h2{font-size:15px}.variant-heading .description{font-size:12px}.variant-picker>summary{position:static;width:100%;margin-top:15px;padding:10px 12px;display:block}.variant-selection-count{display:inline;margin-left:8px}.variant-row{gap:10px}.variant-row label{min-width:100px;flex-basis:130px}.variant-row>.item-note-field{flex-basis:100%}.variant-row>.product-image-link,.variant-row img{height:40px;width:48px}.checkout{padding:23px}.checkout .two-col{grid-template-columns:1fr;gap:0}.panel{padding:23px}.product.panel{padding:17px}.more-products{margin-top:30px;padding-top:24px}.more-products>.muted{font-size:12px}.login{margin:24px auto;padding:28px}.stats{gap:10px}.stat{padding:20px}h1{font-size:29px}.chain-picker,.order-filters{padding:20px}.order-actions{align-items:stretch}.appearance-settings .check{align-items:flex-start}.language-switch{padding-left:10px}.language-switch button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* 1.5.2: Hvíta Örkin brand palette, matched to hvitaorkin.is.
   Navy text on orange buttons keeps small text legible. */
:root{--blue:#000080;--ink:#222442;--muted:#65677b;--line:#e0e1ec;--bg:#f7f6f9;--pro-navy:#000080;--pro-soft:#eeeefa;--brand-orange:#ff6b35;--brand-warm:#fff3ed}
body>header{border-bottom:3px solid var(--pro-navy);box-shadow:0 3px 14px #00008006}
nav a:hover{background:var(--brand-warm);color:var(--pro-navy)}
body[data-page=catalog] nav a[href="/"],body[data-page=orders] nav a[href="/pantanir"],body[data-page=inquiry] nav a[href="/fyrirspurn"]{background:var(--brand-warm);color:var(--pro-navy);box-shadow:inset 0 -2px 0 var(--brand-orange)}
.hotel-heading{background:var(--pro-navy);border-color:var(--pro-navy);border-top:4px solid var(--brand-orange);box-shadow:0 9px 24px #0000800d;padding-top:34px;padding-bottom:32px}
.hotel-heading h1{color:#fff}
.hotel-heading .eyebrow{color:#ffb69b;letter-spacing:1.5px}
.hotel-heading .muted{color:#e2e2fa}
.hotel-heading .collection-logo{background:#fff;border:0;border-radius:9px;padding:15px 18px;max-height:104px;top:30px}
button:not(.secondary):not(.text-button):not(.danger):not(.product-image-link),.button:not(.secondary):not(.danger){background:var(--brand-orange);border-color:var(--brand-orange);color:var(--pro-navy);font-weight:700;box-shadow:0 3px 9px #ff6b3520}
button:not(.secondary):not(.text-button):not(.danger):not(.product-image-link):hover,.button:not(.secondary):not(.danger):hover{background:#ff895e;border-color:#ff895e;color:var(--pro-navy);box-shadow:0 4px 12px #ff6b3528}
.secondary{color:var(--pro-navy);border-color:#c6c6e0}
.secondary:hover{background:var(--pro-soft);border-color:#b3b3d7;color:var(--pro-navy)}
button:focus-visible,.button:focus-visible,summary:focus-visible,a:focus-visible{outline-color:#7777c9}
input:focus,select:focus,textarea:focus{border-color:#7070b8;outline-color:#e4e4f7}
.eyebrow{color:#686882}
#hotel-products-title,#more-products-title{border-left:4px solid var(--brand-orange);padding-left:13px}
.product:hover{border-color:#bcbcd9;box-shadow:0 5px 16px #00008009}
.product.selected{border-color:#f4b095;box-shadow:inset 4px 0 0 var(--brand-orange),0 3px 12px #ff6b3509;background:#fffaf7}
.product-image,.product-placeholder{border-color:#e7e5f0;background:#f4f3fa}
.product-placeholder{color:#7676a6}
.variant-picker>summary{border-color:#d7d7e9;background:#f2f2fb;color:var(--pro-navy)}
.variant-picker>summary:hover{background:#eaeafa}
.variant-picker[open]>summary{border-color:#f0b39b;background:var(--brand-warm)}
.variant-picker>summary:focus-visible{outline-color:#7777c9}
.product-image-link:hover{background:#eeedf8}
.quantity-field select,.quantity-field input,.variant-row input,.variant-row select{background:#faf9fd;border-color:#deddeb}
.checkout{border-top:4px solid var(--brand-orange)}
.checkout .eyebrow{color:var(--pro-navy)}
#selection>li{background:var(--brand-warm);border:1px solid #fae3d8;border-radius:7px;padding:11px 13px;margin-bottom:8px;color:#373354}
#selection>li:last-child{border:1px solid #fae3d8}
.delivery-choice{background:#f4f3fb;border-color:#e4e2f1}
.delivery-choice legend{color:var(--pro-navy)}
.more-products{border-top-color:#dedbe9}
th{background:#eeedf8;color:#3e3e77}
.badge{background:#fff0e8;color:#763619}
.stats .stat{border-top-color:var(--brand-orange)}
.stats .stat:nth-child(2){border-top-color:var(--pro-navy)}
.stats .stat:nth-child(3){border-top-color:var(--brand-orange)}
.login{border-top:4px solid var(--brand-orange)}
.notice:not(.error):not(.success){background:#eeedf9;border-color:#dbd9ef;color:#414172}
.appearance-settings{border-top:4px solid var(--brand-orange)}
.appearance-settings fieldset{background:#f7f6fb}
body>footer{background:var(--pro-navy);border-top:3px solid var(--brand-orange);color:#e2e2fa}
body>footer a{color:#ffc5ad}
body>footer img{mix-blend-mode:normal;background:#fff;padding:8px 12px;border-radius:6px;width:149px}
@media(max-width:700px){.hotel-heading{padding:25px 22px}.hotel-heading .collection-logo{position:static;width:190px;max-height:82px;padding:12px 15px;margin-bottom:23px}.hotel-heading h1{font-size:27px}#hotel-products-title,#more-products-title{font-size:20px}}

/* 1.5.3: Give the hotel's name and logo a neutral, spacious background.
   All other Pro colors remain as in 1.5.2. */
.hotel-heading{background:#fff;border:1px solid #e3e3ed;box-shadow:0 4px 18px #00008005;padding:32px 350px 30px 30px;min-height:176px}
.hotel-heading h1{color:#252538}
.hotel-heading .eyebrow{color:#707087}
.hotel-heading .muted{color:#65677b}
.hotel-heading .collection-logo{background:transparent;border:0;border-radius:0;padding:0;width:270px;max-height:105px;right:30px;top:30px}
@media(max-width:900px){.hotel-heading{padding-right:270px}.hotel-heading .collection-logo{width:200px}}
@media(max-width:700px){.hotel-heading{padding:25px 22px;min-height:0}.hotel-heading .collection-logo{position:static;width:220px;max-width:100%;max-height:95px;margin:0 0 24px;padding:0}.hotel-heading h1{font-size:27px}}
