/* 201.18 - Mijn Van Hameren dashboard: rustiger, overzichtelijker en mobielvriendelijk */
.customer-is-authenticated .customer-hero--account{display:none!important}
.customer-is-authenticated .customer-main--account{padding-top:22px!important}
.customer-dashboard--20118{display:grid!important;gap:18px!important;width:100%!important;max-width:none!important;margin:0!important;transform:none!important}
.customer-dashboard--20118 .portal-view{display:grid;gap:18px;min-width:0}
.customer-dashboard--20118 .portal-view[hidden]{display:none!important}
.portal-icon{display:block;width:23px;height:23px;flex:0 0 auto}

.customer-welcome--20118{display:flex!important;justify-content:space-between;align-items:center;gap:24px;padding:23px 25px!important;border:1px solid #d6e5ec!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 28px rgba(16,60,82,.055)}
.customer-welcome--20118 .customer-welcome-copy{min-width:0}
.customer-welcome--20118 h2{margin:7px 0 5px;color:#073a5d;font-size:clamp(1.65rem,2.4vw,2.2rem);line-height:1.08;letter-spacing:-.025em}
.customer-welcome--20118 p{margin:0;color:#607b89;font-size:.96rem;line-height:1.5}
.customer-welcome--20118 .customer-portal-tag{display:inline-flex!important;padding:0!important;border:0!important;background:transparent!important;color:#008acb!important;font-size:.71rem!important;font-weight:950;letter-spacing:.13em}
.customer-welcome--20118 .customer-welcome-meta{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;margin-top:12px;color:#617b89;font-size:.78rem;font-weight:750}
.customer-welcome--20118 .customer-badge{padding:5px 9px;background:#eaf7ef;color:#197245;font-size:.72rem}
.customer-badge--linked{background:#eaf7ef!important;color:#197245!important}
.customer-welcome--20118 .customer-welcome-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto;margin:0!important}
.customer-welcome--20118 .customer-button{width:auto!important;min-height:43px;padding:10px 15px!important;text-decoration:none;white-space:nowrap}

.customer-portal-nav--20118{position:static!important;z-index:auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.customer-portal-nav--20118 button{appearance:none;display:flex!important;align-items:center;gap:11px;min-width:0;min-height:76px;padding:13px 14px!important;border:1px solid #d7e5eb!important;border-radius:14px!important;background:#fff!important;color:#173e55!important;text-align:left;cursor:pointer;box-shadow:0 5px 16px rgba(17,61,83,.035);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.customer-portal-nav--20118 button>span{display:grid;gap:3px;min-width:0}
.customer-portal-nav--20118 button .portal-icon{color:#078fc5}
.customer-portal-nav--20118 button strong{font-size:.89rem!important;color:#103f5d}
.customer-portal-nav--20118 button small{overflow:visible!important;color:#708895!important;font-size:.7rem!important;line-height:1.28;white-space:normal!important;text-overflow:clip!important}
.customer-portal-nav--20118 button:hover,.customer-portal-nav--20118 button:focus-visible{transform:translateY(-1px);border-color:#85c6df!important;background:#f5fbfd!important;box-shadow:0 8px 20px rgba(0,126,183,.08)}
.customer-portal-nav--20118 button:focus-visible{outline:3px solid rgba(0,138,203,.18);outline-offset:2px}
.customer-portal-nav--20118 button.active,.customer-portal-nav--20118 button[aria-selected="true"]{border-color:#078fc5!important;background:linear-gradient(180deg,#0a97cf,#0787bd)!important;color:#fff!important;box-shadow:0 9px 22px rgba(0,126,183,.18)}
.customer-portal-nav--20118 button.active .portal-icon,.customer-portal-nav--20118 button.active strong,.customer-portal-nav--20118 button[aria-selected="true"] .portal-icon,.customer-portal-nav--20118 button[aria-selected="true"] strong{color:#fff!important}
.customer-portal-nav--20118 button.active small,.customer-portal-nav--20118 button[aria-selected="true"] small{color:#dff5fd!important}

.portal-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.portal-status-grid.has-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.portal-status-card{appearance:none;display:grid;grid-template-columns:43px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:86px;padding:15px 17px;border:1px solid #d8e6ec;border-radius:15px;background:#fff;color:#173f56;text-align:left;box-shadow:0 5px 17px rgba(17,61,83,.035)}
button.portal-status-card{cursor:pointer;transition:.15s ease}
button.portal-status-card:hover,button.portal-status-card:focus-visible{border-color:#8fc8de;background:#f7fcfe;box-shadow:0 7px 20px rgba(0,126,183,.07)}
.portal-status-card>span{grid-row:1/3;display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:#ebf7fb;color:#078fc5}
.portal-status-card small{align-self:end;color:#6b8390;font-size:.74rem;font-weight:800}
.portal-status-card strong{align-self:start;margin-top:1px;color:#0c4568;font-size:1.22rem;line-height:1.1}
.portal-status-card--active>span{background:#eaf7ef;color:#21804d}
.portal-status-card--active strong{color:#197245}
.portal-status-card--business>span{background:#f1f5f8;color:#315e75}

.customer-dashboard--20118 .customer-card{border:1px solid #d7e5eb!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 22px rgba(16,60,82,.04)}
.portal-priority-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.portal-priority-card{min-width:0;padding:20px!important}
.portal-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}
.portal-section-head h2{margin:3px 0 4px;color:#0a3f61;font-size:1.25rem;letter-spacing:-.015em}
.portal-section-head p{margin:0;color:#6b8390;font-size:.84rem;line-height:1.45}
.portal-section-head--compact{margin-bottom:13px}
.portal-kicker{display:block;color:#008acb!important;font-size:.68rem!important;font-weight:950!important;letter-spacing:.12em!important}
.portal-text-action{appearance:none;border:0;background:transparent;padding:4px 0;color:#007caf;font:inherit;font-size:.76rem;font-weight:950;text-decoration:none;cursor:pointer;white-space:nowrap}
.portal-text-action:hover,.portal-text-action:focus-visible{text-decoration:underline}
.portal-text-link{display:inline-flex;align-items:center}

.portal-recent-orders{display:grid;gap:7px}
.portal-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 18px;gap:10px;align-items:center;width:100%;padding:11px 12px;border:1px solid #e0ebef;border-radius:11px;background:#fbfdfe;color:#173d55;text-align:left;cursor:pointer}
.portal-order-row:hover,.portal-order-row:focus-visible{border-color:#a5d0e1;background:#f5fbfd}
.portal-order-row>span:first-child{display:grid;gap:2px;min-width:0}
.portal-order-row>span:first-child strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portal-order-row>span:first-child small{color:#718896;font-size:.72rem}
.portal-order-row>b{color:#078fc5;font-size:1.25rem}

.portal-favorite-preview--products{display:grid;gap:10px}
.portal-favorite-preview--products .wishlist-product-card.is-preview{grid-template-columns:82px minmax(0,1fr);padding:9px!important;border-radius:12px!important;box-shadow:none!important}
.portal-favorite-preview--products .wishlist-product-card.is-preview .wishlist-product-photo,.portal-favorite-preview--products .wishlist-product-card.is-preview .wishlist-product-photo img{width:82px;height:80px}
.portal-favorite-preview--products .wishlist-product-card.is-preview .wishlist-product-body{min-width:0}
.portal-favorite-preview--products .wishlist-product-card.is-preview h3{font-size:.88rem}
.portal-favorite-preview--products .wishlist-product-card.is-preview .wishlist-product-links,.portal-favorite-preview--products .wishlist-product-card.is-preview .wishlist-qty,.portal-favorite-preview--products .wishlist-product-card.is-preview .wishlist-cart-button{display:none!important}

.portal-quick-actions--20118{padding:19px!important}
.portal-quick-grid--20118{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.portal-quick-grid--20118>a,.portal-quick-grid--20118>button{appearance:none;display:flex!important;align-items:center;gap:11px;min-height:72px;padding:13px 14px!important;border:1px solid #dce8ed!important;border-radius:13px!important;background:#fafdfe!important;color:#183f56!important;text-align:left;text-decoration:none;cursor:pointer}
.portal-quick-grid--20118>a:hover,.portal-quick-grid--20118>button:hover,.portal-quick-grid--20118>a:focus-visible,.portal-quick-grid--20118>button:focus-visible{border-color:#8ac8df!important;background:#f1fafe!important}
.portal-quick-grid--20118 .portal-icon{width:25px;height:25px;color:#078fc5}
.portal-quick-grid--20118>*>span{display:grid;gap:2px;min-width:0}
.portal-quick-grid--20118 strong{font-size:.84rem;color:#0f4160}
.portal-quick-grid--20118 small{color:#718995;font-size:.7rem;line-height:1.3}

.portal-latest-section{padding:22px!important}
.portal-latest-section .portal-section-head{margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid #e1ebef}
.portal-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.portal-latest-card{position:relative;overflow:hidden;min-width:0;border:1px solid #dbe8ed;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(17,61,83,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.portal-latest-card:hover{transform:translateY(-2px);border-color:#b9d8e5;box-shadow:0 11px 25px rgba(17,61,83,.075)}
.portal-latest-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eef4f6}
.portal-latest-media>a{display:block;width:100%;height:100%}
.portal-latest-media img{display:block;width:100%;height:100%;object-fit:cover}
.portal-new-badge{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:#075f8a;color:#fff;font-size:.64rem;font-weight:950;letter-spacing:.07em}
.portal-latest-heart{position:absolute;right:10px;top:9px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(255,255,255,.94);color:#507181;font-size:1.05rem;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(11,53,73,.14)}
.portal-latest-heart:hover,.portal-latest-heart:focus-visible{color:#bd3946;transform:scale(1.03)}
.portal-latest-heart.is-active{background:#fff0f2;color:#bd2638;border-color:#ffd1d8}
.portal-latest-body{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:6px;min-height:190px;padding:14px 15px 15px}
.portal-latest-body>small{color:#6c8592;font-size:.7rem;font-weight:800}
.portal-latest-body h3{margin:0;font-size:.98rem;line-height:1.28}
.portal-latest-body h3 a{color:#0b4162;text-decoration:none}
.portal-latest-body h3 a:hover{text-decoration:underline}
.portal-latest-body>p{margin:0;color:#6c8491;font-size:.76rem;line-height:1.4}
.portal-latest-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 12px;align-items:end;margin-top:5px}
.portal-latest-meta strong{color:#063f62;font-size:1rem}
.portal-latest-meta span{font-size:.69rem;font-weight:900}
.portal-latest-meta .is-stock{color:#17824a}.portal-latest-meta .is-out{color:#9b4c4c}
.portal-latest-link{display:inline-flex;align-items:center;margin-top:7px;color:#007bad;font-size:.78rem;font-weight:950;text-decoration:none}
.portal-latest-link:hover{text-decoration:underline}
.portal-latest-message{margin:0 0 12px!important;padding:10px 12px!important;font-size:.8rem}

.customer-account-section--20118{padding:22px!important;border:1px solid #d7e5eb!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 22px rgba(16,60,82,.04)}
.customer-details--20118{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.customer-details--20118.is-private{grid-template-columns:minmax(0,1fr)}
.customer-details--20118 .customer-info-card{padding:20px!important;border:1px solid #e0eaee!important;box-shadow:none!important}
.customer-details--20118 .customer-info-card h3{margin:0 0 14px;color:#0b4263;font-size:1.08rem}
.customer-info-card__title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px}
.customer-info-card__title h3{margin:0!important}
.customer-details--20118 .customer-info-card dl div{grid-template-columns:130px minmax(0,1fr);padding:9px 0}
.customer-details--20118 .customer-info-card dt{font-size:.78rem}
.customer-details--20118 .customer-info-card dd{word-break:break-word;color:#173e55;font-size:.88rem}
.portal-inline-link{display:inline-flex;margin-top:14px;color:#007cae;font-size:.8rem;font-weight:900;text-decoration:none}
.portal-inline-link:hover{text-decoration:underline}

@media(max-width:980px){
  .customer-portal-nav--20118{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .portal-status-grid.has-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-priority-grid{grid-template-columns:1fr}
  .portal-quick-grid--20118{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portal-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .customer-is-authenticated .customer-main--account{padding:14px!important}
  .customer-dashboard--20118{gap:14px!important}
  .customer-welcome--20118{display:block!important;padding:19px!important}
  .customer-welcome--20118 h2{font-size:1.7rem}
  .customer-welcome--20118 .customer-welcome-actions{justify-content:flex-start;margin-top:16px!important}
  .customer-welcome--20118 .customer-button{min-height:42px}
  .customer-portal-nav--20118{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(205px,72vw)!important;grid-template-columns:none!important;gap:9px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x proximity;padding:1px 1px 8px!important;margin:0!important;scrollbar-width:thin}
  .customer-portal-nav--20118 button{scroll-snap-align:start;min-height:70px!important}
  .portal-status-grid,.portal-status-grid.has-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-priority-card,.portal-latest-section,.portal-main-section,.customer-account-section--20118{padding:17px!important}
  .portal-section-head{flex-direction:column;gap:7px}
  .portal-text-action{align-self:flex-start}
  .portal-quick-grid--20118{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portal-latest-grid{grid-template-columns:1fr}
  .portal-latest-card{display:grid;grid-template-columns:135px minmax(0,1fr)}
  .portal-latest-media{height:100%;min-height:160px;aspect-ratio:auto}
  .portal-latest-body{min-height:160px}
  .customer-details--20118{grid-template-columns:1fr}
  .customer-details--20118 .customer-info-card dl div{grid-template-columns:110px minmax(0,1fr)}
}
@media(max-width:480px){
  .customer-welcome--20118 .customer-welcome-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .customer-welcome--20118 .customer-button{justify-content:center;width:100%!important}
  .portal-status-grid,.portal-status-grid.has-four{gap:9px}
  .portal-status-card{grid-template-columns:36px minmax(0,1fr);min-height:78px;padding:12px}
  .portal-status-card>span{width:35px;height:35px}
  .portal-status-card .portal-icon{width:20px;height:20px}
  .portal-quick-grid--20118{grid-template-columns:1fr!important}
  .portal-latest-card{grid-template-columns:112px minmax(0,1fr)}
  .portal-latest-media{min-height:170px}
  .portal-latest-body{padding:12px;min-height:170px}
  .portal-order-row{grid-template-columns:minmax(0,1fr) auto 14px;gap:8px}
  .portal-order-row .order-status{grid-column:1/2;justify-self:start}
  .portal-order-row>strong{grid-column:2;grid-row:1/3;align-self:center}
  .portal-order-row>b{grid-column:3;grid-row:1/3;align-self:center}
  .customer-details--20118 .customer-info-card dl div{grid-template-columns:1fr;gap:2px}
  .customer-info-card__title{align-items:flex-start;flex-direction:column}
}