/* Mitt konto (inloggad): beställningslista, orderns vy, adresser, kontouppgifter, "Jag är" och plugin-ändpunkter (POD, Företagets ordrar).
   Laddas efter cart.css och support.css och går före dem där reglerna överlappar. */

/* ----- sidrubriker och filter ----- */
.woocommerce-MyAccount-content>h2:first-child,.woocommerce-MyAccount-content>.woocommerce>h2:first-child{font-size:26px}
.pagetitle .lnk{font-size:14px;font-weight:600;color:var(--ink)}
.hint{display:block;margin-top:4px;font:500 12.5px var(--body);color:var(--mut)}
.sect{display:grid;gap:14px;margin:0;padding:0;border:0;min-width:0}
.sect>.kick,legend.kick{padding:0;margin-bottom:2px}
.sect+.sect,.sect+details.sect{margin-top:24px;padding-top:22px;border-top:1px solid var(--line2)}
.sect p.form-row{margin:0}
.sect label{display:block;margin-bottom:6px;font-weight:600;font-size:14px}

/* ----- beställningslistan: hela raden är en länk ----- */
.ol{display:block}
.ol .orow{display:grid;grid-template-columns:132px minmax(0,1fr) 120px 150px 16px;grid-template-areas:"th nr st sum go";gap:18px;align-items:center;padding:16px 22px;border-top:1px solid var(--line2);color:var(--ink);text-decoration:none;transition:background .15s}
.ol .orow:first-child{border-top:0}
.ol .orow:hover{background:var(--soft)}
.ol .orow:focus-visible{outline-offset:-3px}
.ol .thumbs img,.ol .thumbs .tm{width:44px;height:44px;border-radius:8px}
.ol .nr b{display:block;font:800 17px var(--display)}
.ol .nr small{display:block;color:var(--mut);font-size:13px}
.ol .nr .nr__s{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ol .sum{text-align:right;font-weight:700;font-size:16px}
.ol .sum small{display:block;font-weight:400;color:var(--mut);font-size:12.5px}
.ol .go svg{width:16px;height:16px;fill:none;stroke:var(--mut2);stroke-width:1.8;display:block}
.ol .orow:hover .go svg{stroke:var(--ink)}
.ol .th{grid-area:th}.ol .nr{grid-area:nr;min-width:0}.ol .st{grid-area:st}.ol .sum{grid-area:sum}.ol .go{grid-area:go}
.woocommerce-pagination{margin-top:14px}

/* ----- orderns vy ----- */
.ordgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.lines{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.line{display:grid;grid-template-columns:64px minmax(0,1fr) auto 44px;gap:6px 16px;align-items:center;padding:14px 20px;border-top:1px solid var(--line2)}
.line:first-child{border-top:0}
.line .im{display:grid;place-items:center;width:64px;height:64px;border-radius:8px;background:var(--soft)}
.line .im img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply}
.line .t{min-width:0}
.line .t b{display:block;font-weight:600;line-height:1.3}
.line .t b a{text-decoration:none}
.line .t b a:hover{text-decoration:underline}
.line .s{display:block;color:var(--mut);font-size:13px}
.line .wc-item-meta{margin:2px 0 0;padding:0;list-style:none;font-size:13px;color:var(--mut)}
.line .wc-item-meta p{display:inline;margin:0}
.line .ls{text-align:right;min-width:92px}
.line .ls b{display:block;font-weight:700}
.line .ls small{display:block;color:var(--mut);font-size:12.5px}
.line .ad{display:flex;justify-content:flex-end;align-items:center}
.line .ad .ctl2{min-width:34px}
.line__na{font-size:12.5px;color:var(--mut2);text-align:right;line-height:1.3}
.line__na--l{color:var(--mut);text-decoration:underline;text-underline-offset:3px}
.lines__f{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--line);background:var(--soft)}
.lines__f span{font-weight:600}
.side{display:grid;gap:16px;min-width:0}
.side .box{padding:20px}
.tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;margin:4px 0 4px;padding:0;list-style:none}
.tl::before{content:'';position:absolute;left:12.5%;right:12.5%;top:6px;height:2px;background:var(--line)}
.tl li{position:relative;text-align:center;font:500 12px var(--body);color:var(--mut2);display:grid;gap:8px;justify-items:center}
.tl i{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--line);z-index:1}
.tl .on{color:var(--ink);font-weight:700}
.tl .on i{background:var(--ink);border-color:var(--ink)}
.tl .cur i{box-shadow:0 0 0 4px rgba(17,19,21,.14)}
.trk{display:grid;gap:4px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line2);font-size:14px}
.trk code{font:600 13px var(--mono);letter-spacing:.04em;word-break:break-all}
.trk .lnk{justify-self:start;color:var(--ink);font-size:14px;font-weight:600}
.sumr{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding:3px 0}
.sumr.t{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font:800 18px var(--display)}
.adr{display:grid;gap:2px;font-size:14.5px;line-height:1.5}
.adr address{font-style:normal;margin:0}
.adrs{display:grid;gap:16px}
.adrs .adr+.adr{padding-top:14px;border-top:1px solid var(--line2)}
.ordhead .hg-addw{flex:none}

/* ----- adresser ----- */
.adrs2{grid-template-columns:repeat(2,minmax(0,1fr))}
.adrs2 .woocommerce-Address{padding:22px}
.adrs2 address{font-style:normal;line-height:1.6}
.adr__none{color:var(--mut)}
.woocommerce-Address-title a{font-weight:600;font-size:14px;color:var(--ink)}

/* ----- kontouppgifter och adressformulär ----- */
.woocommerce-EditAccountForm,.woocommerce-address-fields{max-width:640px}
.woocommerce-EditAccountForm .form-row-first,.woocommerce-EditAccountForm .form-row-last{float:none;width:auto;margin:0}
.frow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.woocommerce-EditAccountForm input[readonly],.woocommerce-EditAccountForm .hg-locked-field{background:var(--soft)!important;color:var(--mut)!important}
.segpick{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff;justify-self:start}
.segpick label{margin:0;cursor:pointer}
.segpick input{position:absolute;opacity:0;pointer-events:none}
.segpick span{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;font-weight:600;font-size:14.5px}
.segpick input:checked+span{background:var(--ink);color:#fff}
.segpick input:focus-visible+span{outline:2px solid var(--ink);outline-offset:-4px}
.pwbox summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.pwbox summary::-webkit-details-marker{display:none}
.pwbox summary::after{content:'+';font:400 20px/1 var(--body);color:var(--ink)}
.pwbox[open] summary::after{content:'−'}
.pwbox[open]>*:not(summary){margin-top:14px}
.savebar{margin:26px 0 0}
.woocommerce-EditAccountForm .pbtn,.woocommerce-address-fields .pbtn{border-radius:999px}
.segline{display:flex;justify-content:space-between;align-items:center;gap:16px}
.segline div{display:grid;gap:2px}
.segline b{font:800 18px var(--display)}
.segline small{color:var(--mut);font-size:13px}
.segline .lnk{font-weight:600;color:var(--ink);font-size:14px}

/* ----- plugin-ändpunkter (Mina POD-beställningar, Företagets ordrar m.fl.): samma kort, tabeller och knappar ----- */
.woocommerce-MyAccount-content table.shop_table,.woocommerce-MyAccount-content table.woocommerce-orders-table:not(.ol){width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:14.5px}
.woocommerce-MyAccount-content table.shop_table th,.woocommerce-MyAccount-content table.shop_table td,.woocommerce-MyAccount-content table.woocommerce-orders-table:not(.ol) th,.woocommerce-MyAccount-content table.woocommerce-orders-table:not(.ol) td{padding:13px 18px;text-align:left;border-top:1px solid var(--line2);font-weight:400;vertical-align:middle}
.woocommerce-MyAccount-content table.shop_table thead th,.woocommerce-MyAccount-content table.woocommerce-orders-table:not(.ol) thead th{border-top:0;padding:10px 18px;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);background:var(--soft)}
.woocommerce-MyAccount-content table a:not(.button){font-weight:600}
.woocommerce-MyAccount-content a.button,.woocommerce-MyAccount-content button.button,.woocommerce-MyAccount-content input.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border:1.5px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;font:600 14px var(--body);text-decoration:none}
.woocommerce-MyAccount-content a.button:hover,.woocommerce-MyAccount-content button.button:hover{background:#fff;color:var(--ink)}
.woocommerce-MyAccount-content>form:not(.woocommerce-EditAccountForm),.woocommerce-MyAccount-content>.woocommerce>form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;max-width:720px}
.woocommerce-MyAccount-content .woocommerce-message .button,.woocommerce-MyAccount-content .woocommerce-info .button{min-height:34px;padding:0 14px}

/* ----- mobil ----- */
@media (max-width:900px){
  .ordgrid{grid-template-columns:minmax(0,1fr)}
  .ol .orow{grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"nr sum go" "th th th" "st st st";gap:10px 12px;padding:16px}
  .ol .orow .st{justify-self:start}
  .ol .nr .nr__s{white-space:normal}
  .line{grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"im t ls" "im ad ad";gap:6px 12px;padding:14px 16px}
  .line .im{grid-area:im;width:52px;height:52px}.line .t{grid-area:t}.line .ls{grid-area:ls;min-width:0}.line .ad{grid-area:ad;justify-content:flex-end}
  .lines__f{padding:14px 16px}
  .adrs2{grid-template-columns:minmax(0,1fr)}
  .frow{grid-template-columns:minmax(0,1fr)}
  .segpick{display:flex;width:100%}
  .segpick label{flex:1}
  .segpick span{justify-content:center;padding:0 10px}
  .segline{align-items:flex-start}
  .pagetitle .seg{width:100%}
  .pagetitle .seg a{flex:1;justify-content:center;padding:0 8px}
  .woocommerce-MyAccount-content table.shop_table{display:block;overflow-x:auto}
}