.ddr-dashboard{--olive:#414b2d;--olive-2:#697a45;--brown:#965c2e;--cream:#f7f2e9;--paper:#fffdf9;--border:#e3dacb;--ink:#2f3226;--muted:#78766c;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1480px;margin:14px auto 40px;line-height:1.5;box-sizing:border-box;font-size:15px} .ddr-dashboard *{box-sizing:border-box}.ddr-dashboard h2,.ddr-dashboard h3,.ddr-dashboard p{margin:0}.ddr-dashboard h2,.ddr-dashboard h3{font-family:Georgia,"Times New Roman",serif;color:#353924;letter-spacing:-.02em}.ddr-dashboard button,.ddr-dashboard input,.ddr-dashboard select,.ddr-dashboard textarea{font:inherit}.ddr-dashboard button{cursor:pointer}.ddr-brandbar{display:flex;align-items:center;justify-content:space-between;padding:12px 25px;background:#fbf9f5;border:1px solid var(--border);border-bottom:0;border-radius:16px 16px 0 0;gap:16px}.ddr-mainlogo{width:220px;max-width:48%;height:auto;object-fit:contain}.ddr-brandbar span{font-size:11px;font-weight:700;letter-spacing:.21em;color:var(--brown);text-align:right}.ddr-dashboard-layout{display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid var(--border);border-radius:0 0 16px 16px;overflow:hidden;background:var(--cream)}.ddr-side{background:linear-gradient(158deg,#3b4627 0%,#57603b 62%,#e7ddc7 100%);padding:20px 13px;display:flex;flex-direction:column;justify-content:space-between;gap:60px;min-width:0}.ddr-nav-group{display:grid;gap:6px}.ddr-dashboard .ddr-navlink{display:block;color:#fdf9ef;text-decoration:none;padding:12px 13px;border-radius:10px;font-size:14px;font-weight:600}.ddr-dashboard .ddr-navlink:hover,.ddr-dashboard .ddr-navlink.active{background:#e9e0c9;color:#343d27}.ddr-side-bottom{text-align:center;display:grid;gap:20px}.ddr-side-copy{font-family:Georgia,serif;font-size:24px;line-height:1.35;color:#fff8e7}.ddr-side-bottom img{display:block;width:100%;max-width:215px;margin:auto;border-radius:8px}.ddr-main{padding:24px;min-width:0;background:linear-gradient(145deg,#faf5ee,#f2ece1)}.ddr-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.ddr-kicker{font-size:10px!important;letter-spacing:.16em;font-weight:800;color:#8a5936!important;margin-bottom:7px!important}.ddr-intro h2{font-size:clamp(27px,3vw,38px);line-height:1.2;margin-bottom:5px}.ddr-intro h2 span{color:#b27b42}.ddr-intro p:not(.ddr-kicker){font-size:14px;color:#696659}.ddr-v1,.ddr-soon{background:#e9e1d0;border:1px solid #ddd0ba;color:#745d3d;padding:6px 11px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.ddr-cards{display:grid;gap:14px;margin-bottom:14px}.ddr-topcards{grid-template-columns:1.15fr .8fr 1fr}.ddr-midcards{grid-template-columns:1fr 1fr}.ddr-bottomcards{grid-template-columns:1.3fr 1fr}.ddr-card{padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:0 3px 12px rgba(55,48,36,.045);min-width:0}.ddr-card h3{font-size:22px;line-height:1.25;margin-bottom:11px}.ddr-card>p:not(.ddr-kicker),.ddr-card>div>p{color:#625f57;font-size:13px}.ddr-welcome{background:linear-gradient(120deg,#f4e9d6,#fff9ef)}.ddr-welcome h3{font-size:27px}.ddr-mini-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px;padding-top:12px;border-top:1px solid #e3d8c4}.ddr-mini-stats>div{flex:1;min-width:100px}.ddr-mini-stats strong{display:block;font:700 25px Georgia;color:var(--olive)}.ddr-mini-stats small{font-size:11px;color:#716d60}.ddr-points{background:linear-gradient(150deg,#fffdf9,#eee9dc)}.ddr-points .ddr-soon{display:inline-block;margin-top:22px}.ddr-tasks{display:grid;gap:9px}.ddr-task-row{display:flex;align-items:flex-start;gap:9px;font-size:13px;cursor:pointer;padding:5px 0}.ddr-task-row input{width:18px;height:18px;flex-shrink:0;accent-color:var(--olive-2);margin-top:1px}.ddr-task-row:has(input:checked) span{text-decoration:line-through;color:#898879}.ddr-help{margin-top:12px!important;font-size:12px!important}.ddr-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:18px 0}.ddr-week-day{text-align:center;display:grid;gap:6px;font-size:12px}.ddr-week-day strong{font-size:23px;color:#c6baa7}.ddr-week-day strong.completed{color:var(--olive-2)}.ddr-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.ddr-muted{font-size:11px;color:var(--muted)}.ddr-add-form{display:flex;gap:8px;margin:10px 0 15px}.ddr-dashboard input:not([type=checkbox]),.ddr-dashboard textarea,.ddr-dashboard select{border:1px solid #d9cfbd;background:#fffdf8;border-radius:8px;padding:9px 10px;color:#313124;min-width:0}.ddr-add-form input{flex:1;width:100%}.ddr-dashboard button:not(.ddr-remove){background:var(--olive-2);color:white;border:none;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:700}.ddr-dashboard button:hover{filter:brightness(.94)}.ddr-project-row{display:flex;align-items:center;gap:8px;border-top:1px solid #ece4d8;padding:10px 0;font-size:13px}.ddr-project-name{flex:1;overflow-wrap:anywhere}.ddr-dashboard .ddr-project-status{font-size:12px;padding:5px 7px}.ddr-remove{border:0;background:transparent;color:#9a634a;font-size:24px;padding:0 5px;line-height:1}.ddr-empty{font-size:13px;color:var(--muted);padding:8px 0}.ddr-dashboard textarea{display:block;width:100%;resize:vertical;min-height:145px}.ddr-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.ddr-feedback{min-height:23px;padding:0 5px;color:#4c6735;font-size:13px}.ddr-feedback.error{color:#a52727}.ddr-footnote{font-size:11px!important;color:#817d71!important}.ddr-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} /* Let the plugin use the full WooCommerce content area, regardless of sidebar theme layout. */ .woocommerce-account .woocommerce-MyAccount-content:has(.ddr-dashboard){float:none;width:100%;max-width:none}.woocommerce-account .woocommerce-MyAccount-navigation:has(+ .woocommerce-MyAccount-content .ddr-dashboard){display:none} @media(max-width:1050px){.ddr-topcards{grid-template-columns:repeat(2,minmax(0,1fr))}.ddr-topcards>.ddr-card:first-child{grid-column:1 / -1}.ddr-dashboard-layout{grid-template-columns:195px 1fr}.ddr-main{padding:16px}} @media(max-width:720px){.ddr-brandbar{padding:12px}.ddr-brandbar span{font-size:9px;letter-spacing:.05em}.ddr-dashboard-layout{display:block}.ddr-side{padding:12px;gap:8px}.ddr-nav-group{display:flex;overflow-x:auto;gap:4px}.ddr-dashboard .ddr-navlink{white-space:nowrap;padding:8px 10px}.ddr-side-bottom{display:none}.ddr-main{padding:12px}.ddr-intro{align-items:start;flex-direction:column}.ddr-cards,.ddr-topcards,.ddr-midcards,.ddr-bottomcards{grid-template-columns:1fr}.ddr-topcards>.ddr-card:first-child{grid-column:auto}.ddr-card{padding:15px}.ddr-card h3{font-size:20px}.ddr-add-form{flex-wrap:wrap}.ddr-add-form input{flex-basis:100%}} .ddr-project-block{border-top:1px solid #ece4d8}.ddr-project-block .ddr-project-row{border-top:0}.ddr-project-detail{padding:0 0 12px;font-size:12px}.ddr-project-detail summary{cursor:pointer;color:var(--olive);font-weight:700}.ddr-project-detail textarea{margin:8px 0;min-height:75px!important;font-size:13px}.ddr-dashboard .ddr-project-detail .ddr-note-button{padding:7px 12px;font-size:12px}.ddr-export{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#fffdf9;border:1px solid var(--border);border-radius:12px;padding:16px;margin:14px 0}.ddr-export strong{font-size:14px}.ddr-export p{font-size:12px;color:var(--muted);margin-top:3px}.ddr-dashboard .ddr-export-link{display:inline-block;background:var(--olive);color:white;text-decoration:none;padding:9px 12px;border-radius:8px;font-weight:700;font-size:12px}.ddr-dashboard .ddr-export-link:hover{color:white;filter:brightness(.95)} /* 0.2.2 — logo-matched sidebar, clear account links, return to account */ .ddr-dashboard{--olive:#424a33;--olive-2:#697a45} .ddr-dashboard .ddr-side{background:#e6e8de!important;border-right:1px solid #d8d9cb} .ddr-dashboard .ddr-navlink{color:#343c2b!important} .ddr-dashboard .ddr-navlink:hover,.ddr-dashboard .ddr-navlink.active{background:#fffdf7!important;color:#333b28!important} .ddr-dashboard .ddr-side-copy{color:#424a33} .ddr-dashboard .ddr-side-bottom img{border-radius:0;box-shadow:none;mix-blend-mode:multiply} .ddr-brand-actions{display:flex;align-items:flex-end;flex-direction:column;gap:7px} .ddr-dashboard .ddr-account-back{display:inline-block;color:#414b30!important;text-decoration:underline!important;text-underline-offset:3px;font-size:13px;font-weight:700;letter-spacing:0} .ddr-dashboard .ddr-account-back:hover{color:#965c2e!important} .ddr-dashboard .ddr-back-nav{border-bottom:1px solid #c7ccbd;border-radius:0!important;margin-bottom:10px} .woocommerce-account .woocommerce-MyAccount-content:not(:has(.ddr-dashboard)) a, .woocommerce-account .woocommerce-MyAccount-navigation a{color:#38472b!important;opacity:1!important;text-decoration:underline;text-underline-offset:2px} .woocommerce-account .woocommerce-MyAccount-content:not(:has(.ddr-dashboard)) a:hover, .woocommerce-account .woocommerce-MyAccount-navigation a:hover{color:#8a5632!important} @media(max-width:720px){ .ddr-brand-actions{align-items:flex-end;gap:4px} .ddr-dashboard .ddr-account-back{font-size:12px} .ddr-dashboard .ddr-back-nav{margin-bottom:0;border-bottom:0;border-right:1px solid #c7ccbd;padding-right:15px!important} } /* 0.2.3: transparent logo on a visually seamless sidebar */ .ddr-dashboard .ddr-side{background:#e8eae0!important} .ddr-dashboard .ddr-side-bottom img{background:transparent!important;mix-blend-mode:normal!important;box-shadow:none!important;border:0!important} /* 0.2.4: reintroduce the site menu on WooCommerce My Account screens. */ .woocommerce-account .ddr-account-sitebanner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1480px;margin:0 auto 26px;padding:16px 24px;background:#faf8f3;border:1px solid #e3dacb;border-radius:14px;clear:both} .woocommerce-account .ddr-banner-home{display:inline-flex;align-items:center;flex:0 0 auto;max-width:225px} .woocommerce-account .ddr-banner-home img{display:block;width:100%;height:auto;max-height:65px;object-fit:contain} .woocommerce-account .ddr-banner-menu{min-width:0;flex:1} .woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items{list-style:none!important;display:flex;align-items:center;justify-content:flex-end;gap:8px 14px;flex-wrap:wrap;margin:0!important;padding:0!important} .woocommerce-account .ddr-banner-menu li{margin:0!important;padding:0!important;list-style:none!important;background:transparent!important} .woocommerce-account .ddr-banner-menu li>a{display:inline-flex;align-items:center;gap:5px;padding:7px 5px;color:#414b33!important;font-size:13px!important;line-height:1.35;text-decoration:none!important;font-weight:600!important;opacity:1!important} .woocommerce-account .ddr-banner-menu li>a:hover,.woocommerce-account .ddr-banner-menu li.current-menu-item>a{color:#9b653e!important;text-decoration:underline!important;text-underline-offset:3px} /* Reuse main-menu icon classes without introducing another copy of the navigation. */ .woocommerce-account .ddr-banner-menu .navicon-palm>a:before{content:"♧";font-size:18px} .woocommerce-account .ddr-banner-menu .navicon-gift>a:before{content:"♢";font-size:18px} .woocommerce-account .ddr-banner-menu .navicon-chest>a:before{content:"▣";font-size:17px} .woocommerce-account .ddr-banner-menu .navicon-bulb>a:before{content:"☼";font-size:19px} .woocommerce-account .ddr-banner-menu .navicon-blog>a:before{content:"▤";font-size:18px} .woocommerce-account .ddr-banner-menu .navicon-store>a:before{content:"⌂";font-size:19px} .woocommerce-account .ddr-banner-menu .navicon-heart>a:before{content:"♡";font-size:20px} .woocommerce-account .ddr-banner-menu a:focus-visible,.woocommerce-account .ddr-banner-home:focus-visible{outline:2px solid #9b653e;outline-offset:3px} @media(max-width:1000px){.woocommerce-account .ddr-account-sitebanner{display:block;padding:12px 16px}.woocommerce-account .ddr-banner-home{margin:0 auto 12px;max-width:220px}.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items{justify-content:center;gap:5px 10px}} @media(max-width:600px){.woocommerce-account .ddr-account-sitebanner{padding:13px 10px}.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px!important}.woocommerce-account .ddr-banner-menu li{flex:0 0 auto}.woocommerce-account .ddr-banner-menu li>a{font-size:12px!important;white-space:nowrap}} /* 0.2.6: one shared site banner, no duplicate dashboard logo bar. */ .ddr-dashboard-layout{border-radius:16px!important} .ddr-dashboard{margin-top:0} /* 0.2.7: replace temporary typographic icon placeholders with real vector icons */ .woocommerce-account .ddr-banner-menu .navicon-palm>a:before{content:""!important;display:inline-block!important;flex:0 0 18px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23414b33%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2020v-9%22%2F%3E%3Cpath%20d%3D%22M11%2011c-2-4-5-4-8-3%201-3%205-5%208-2%22%2F%3E%3Cpath%20d%3D%22M11%2011c2-4%205-4%208-3-1-3-5-5-8-2%22%2F%3E%3Cpath%20d%3D%22M11%2011c-4-2-7-1-9%201%201-4%204-6%209-5%22%2F%3E%3Cpath%20d%3D%22M11%2011c4-2%207-1%209%201-1-4-4-6-9-5%22%2F%3E%3Cpath%20d%3D%22M8%2021h8%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle} .woocommerce-account .ddr-banner-menu .navicon-gift>a:before{content:""!important;display:inline-block!important;flex:0 0 18px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23414b33%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%229%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M2%209h20M12%209v12M12%209c-9%200-9-7-5-7%203%200%205%205%205%207Zm0%200c9%200%209-7%205-7-3%200-5%205-5%207Z%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle} .woocommerce-account .ddr-banner-menu .navicon-chest>a:before{content:""!important;display:inline-block!important;flex:0 0 18px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23414b33%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010V7a4%204%200%200%201%204-4h10a4%204%200%200%201%204%204v3M3%2010h18v11H3zM12%2010v11M3%2015h18M10%2012h4v4h-4z%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle} .woocommerce-account .ddr-banner-menu .navicon-bulb>a:before{content:""!important;display:inline-block!important;flex:0 0 18px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23414b33%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6M10%2021h4M9%2015c-1-2-3-3-3-6a6%206%200%200%201%2012%200c0%203-2%204-3%206l-.5%202h-5z%22%2F%3E%3Cpath%20d%3D%22M12%201v2M3%209H1M23%209h-2M4.5%202.5%206%204M19.5%202.5%2018%204%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle} .woocommerce-account .ddr-banner-menu .navicon-blog>a:before{content:""!important;display:inline-block!important;flex:0 0 18px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23414b33%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h16v18H4zM8%207h8M8%2011h8M8%2015h8M8%2019h5%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle} .woocommerce-account .ddr-banner-menu .navicon-store>a:before{content:""!important;display:inline-block!important;flex:0 0 18px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23414b33%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010h18l-2-7H5l-2%207ZM5%2010v11h14V10M9%2021v-7h6v7M3%2010c1%203%204%203%205%200%201%203%204%203%204%200%201%203%204%203%204%200%201%203%204%203%205%200%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle} .woocommerce-account .ddr-banner-menu .navicon-heart>a:before{content:""!important;display:inline-block!important;flex:0 0 18px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23414b33%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.8%205.5a5.2%205.2%200%200%200-7.4%200L12%207%2010.6%205.5a5.2%205.2%200%200%200-7.4%207.4L12%2021l8.8-8.1a5.2%205.2%200%200%200%200-7.4Z%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle} /* 0.2.8: Match the standard WooCommerce account menu to the Safari dashboard. Restrict to account routes; the separate Safari menu remains untouched. */ body.woocommerce-account .woocommerce-MyAccount-navigation:not(:has(.ddr-dashboard)) { background: #e8eae0 !important; border: 1px solid #d8d9cb !important; border-radius: 16px !important; padding: 14px !important; box-sizing: border-box; overflow: hidden; } body.woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0 !important; margin: 0 !important; list-style: none !important; } body.woocommerce-account .woocommerce-MyAccount-navigation li { padding: 0 !important; margin: 3px 0 !important; list-style: none !important; background: none !important; border: 0 !important; } body.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block !important; box-sizing: border-box; width: 100%; padding: 12px 14px !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 10px !important; color: #343c2b !important; text-decoration: none !important; font-weight: 600 !important; line-height: 1.5 !important; opacity: 1 !important; transition: background-color .15s ease, border-color .15s ease; } body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover, body.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible { background: #fffdf7 !important; border-color: #e3dacb !important; color: #333b28 !important; } body.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible { outline: 2px solid #9b653e !important; outline-offset: 2px; } @media (max-width: 768px) { body.woocommerce-account .woocommerce-MyAccount-navigation { padding: 10px !important; margin-bottom: 20px; } } /* v0.3.0 — richer personal project manager */ .ddr-dashboard .ddr-project-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:14px 0} .ddr-dashboard .ddr-project-toolbar label{font-size:13px;color:#565c49} .ddr-dashboard .ddr-project-toolbar select{min-width:145px;max-width:220px;padding:9px;border:1px solid #d8d0bc;border-radius:10px;background:#fffdf8;color:#35402d} .ddr-dashboard .ddr-project-v3{margin:12px 0;padding:14px;border:1px solid #e1d7c5;border-radius:14px;background:#fffdf9} .ddr-dashboard .ddr-project-heading{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px} .ddr-dashboard .ddr-project-category{font-size:12px;color:#6b725c} .ddr-dashboard .ddr-project-editor{padding-top:12px;border-top:1px solid #e7dfd0;margin-top:12px} .ddr-dashboard .ddr-project-editor[hidden]{display:none!important} .ddr-dashboard .ddr-project-edit-form{display:grid;gap:12px} .ddr-dashboard .ddr-project-field{display:flex;flex-direction:column;gap:5px;color:#394630;font-size:13px;font-weight:650} .ddr-dashboard .ddr-project-field :is(input,textarea,select){box-sizing:border-box;width:100%;min-width:0;border:1px solid #d6ccbb;border-radius:10px;padding:10px;background:#fff;color:#292f24;font-size:15px;font-weight:400} .ddr-dashboard .ddr-project-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .ddr-dashboard .ddr-project-form-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap} .ddr-dashboard .ddr-project-external{color:#35472b!important;text-decoration:underline!important} .ddr-dashboard .ddr-project-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} @media(max-width:650px){.ddr-dashboard .ddr-project-selectors{grid-template-columns:1fr}.ddr-dashboard .ddr-project-toolbar{justify-content:space-between}} /* 0.4.0 – article saving; scoped to the article CTA only */ .ddr-article-save{box-sizing:border-box;max-width:100%;margin:34px 0;padding:24px;border:1px solid #dcd4c4;border-radius:18px;background:#f8f4ed;color:#353d2d;box-shadow:0 4px 14px rgba(63,56,40,.05)} .ddr-article-save strong{display:block;font-size:1.2em;font-weight:700;margin:0 0 8px;color:#353d2d} .ddr-article-save p{margin:0 0 17px;line-height:1.5;color:#56594e} .ddr-article-save .ddr-save-article-button,.ddr-article-save .ddr-article-save-login{display:inline-flex;align-items:center;justify-content:center;border:0!important;border-radius:10px;padding:12px 17px;background:#6c784c!important;color:#fff!important;font:inherit;font-weight:700;text-decoration:none!important;cursor:pointer;line-height:1.3} .ddr-article-save .ddr-save-article-button:disabled{opacity:.82;cursor:default} .ddr-article-save .ddr-article-dashboard-link{display:inline-block;margin:10px 0 0 14px;color:#475637!important;text-decoration:underline!important;font-weight:600} .ddr-article-save .ddr-article-save-feedback{display:block;min-height:1em;font-size:.9em;margin-top:12px;color:#475637} @media(max-width:560px){.ddr-article-save{padding:18px}.ddr-article-save .ddr-article-dashboard-link{display:block;margin:14px 0 0}} /* Version 0.5 — personal project finder */ .ddr-dashboard .ddr-project-toolbar.ddr-project-finder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 8px;align-items:end} .ddr-dashboard .ddr-finder-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;font-weight:650;color:#485338} .ddr-dashboard .ddr-finder-field span{font-size:12px;color:#485338} .ddr-dashboard .ddr-project-finder :is(input,select){display:block;width:100%;max-width:none;min-width:0;border:1px solid #d8d0bc;border-radius:10px;background:#fffdf8;color:#35402d;padding:10px;font-size:14px} .ddr-dashboard .ddr-project-finder :is(input,select):focus-visible{outline:2px solid #6d8350;outline-offset:2px} .ddr-dashboard .ddr-project-finder button.ddr-finder-reset{background:#ebe8de;color:#39472b;border:1px solid #d6d1c2;padding:9px 11px} .ddr-dashboard .ddr-finder-result{font-size:12px;color:#666c59;margin:0 0 9px} @media(max-width:650px){.ddr-dashboard .ddr-project-toolbar.ddr-project-finder{grid-template-columns:1fr 1fr;gap:8px}} @media(max-width:420px){.ddr-dashboard .ddr-project-toolbar.ddr-project-finder{grid-template-columns:1fr}} /* v0.5.1 – clearly separated saved-project and article searches */ .ddr-dashboard .ddr-search-mode{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px} .ddr-dashboard .ddr-mode-button{border:1px solid #d6d1c2!important;background:#f2efe7!important;color:#405034!important;border-radius:10px!important;padding:11px 14px!important;font-size:14px!important;font-weight:700!important;cursor:pointer} .ddr-dashboard .ddr-mode-button.is-active{background:#697a45!important;color:#fff!important;border-color:#697a45!important} .ddr-dashboard .ddr-search-explain{color:#666b5b;font-size:13px;line-height:1.5;margin:5px 0 12px} .ddr-dashboard #ddr-blog-search[hidden],.ddr-dashboard #ddr-mine-search[hidden]{display:none!important} .ddr-dashboard .ddr-blog-label{display:block;font-weight:700;color:#424e37;margin:10px 0 7px} .ddr-dashboard .ddr-blog-form{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px} .ddr-dashboard .ddr-blog-form input{flex:1;min-width:180px;width:auto;border:1px solid #d4cbb9;border-radius:10px;background:#fff;padding:11px;color:#303d29} .ddr-dashboard .ddr-blog-form button,.ddr-dashboard .ddr-blog-save{border:none;background:#697a45;color:#fff;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer} .ddr-dashboard .ddr-blog-save:disabled{background:#e8eadf;color:#4b5a3d;cursor:default} .ddr-dashboard .ddr-blog-results{display:grid;gap:12px;margin:12px 0} .ddr-dashboard .ddr-blog-result{background:#fffdfa;border:1px solid #ded6c7;border-radius:12px;padding:15px;display:grid;gap:10px} .ddr-dashboard .ddr-blog-result-title{color:#334429!important;font-weight:750;text-decoration:underline!important} .ddr-dashboard .ddr-blog-result-info p{margin:7px 0 0;font-size:13px;color:#63685c} .ddr-dashboard .ddr-blog-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap} @media(max-width:560px){.ddr-dashboard .ddr-search-mode{flex-direction:column}.ddr-dashboard .ddr-blog-form{flex-direction:column}.ddr-dashboard .ddr-blog-form input{width:100%}} /* Version 0.6 – recurring Home Reset routines */ .ddr-dashboard .ddr-routine-section{border-top:1px solid #ddd5c6;margin-top:18px;padding-top:15px} .ddr-dashboard .ddr-routine-section h4{font-size:18px;margin:0 0 8px;color:#434c35} .ddr-dashboard .ddr-routine-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,auto) auto;gap:8px;align-items:center;margin:12px 0} .ddr-dashboard .ddr-routine-form input,.ddr-dashboard .ddr-routine-form select{min-width:0;width:100%;background:#fff;border:1px solid #d8ceb9;border-radius:8px;padding:10px;color:#303a28} .ddr-dashboard .ddr-routine-form button{border-radius:8px;background:#687849;color:#fff;font-weight:700;padding:10px 13px;white-space:nowrap} .ddr-dashboard .ddr-routine-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #ede6d8} .ddr-dashboard .ddr-routine-row .ddr-task-row{flex:1;min-width:0;margin:0;padding:10px 0} .ddr-dashboard .ddr-routine-frequency{margin-left:auto;color:#717461;font-size:12px;white-space:nowrap} .ddr-dashboard .ddr-routine-remove{border:0;background:transparent;color:#876453;font-size:24px;cursor:pointer;padding:5px 9px} @media(max-width:700px){.ddr-dashboard .ddr-routine-form{grid-template-columns:minmax(0,1fr) auto}.ddr-dashboard .ddr-routine-form input{grid-column:1/-1}.ddr-dashboard .ddr-routine-frequency{font-size:11px}} #ddr-routine-save-feedback {min-height:1.3em;color:#465735;font-weight:600} /* v0.6.2: Account navigation stays on one row and uses straight-edged panels. Scoped to WooCommerce account and Safari dashboard only. */ body.woocommerce-account .ddr-account-sitebanner{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; min-width:0!important; border-radius:0!important; } body.woocommerce-account .ddr-banner-home{ flex:0 0 auto!important; width:clamp(118px,18vw,210px)!important; max-width:210px!important; margin:0!important; } body.woocommerce-account .ddr-banner-menu{ flex:1 1 auto!important; min-width:0!important; max-width:100%; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:thin; } body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; justify-content:flex-end!important; width:max-content; min-width:100%; gap:8px!important; padding:0!important; } body.woocommerce-account .ddr-banner-menu li{flex:0 0 auto!important} body.woocommerce-account .ddr-banner-menu li>a{ white-space:nowrap!important; font-size:clamp(10px,1vw,13px)!important; padding:7px 2px!important; } /* Keep the full menu in one horizontal row on tablets: scroll, never wrap. */ @media(max-width:1000px){ body.woocommerce-account .ddr-account-sitebanner{padding:12px!important;gap:12px!important} body.woocommerce-account .ddr-banner-home{width:clamp(112px,20vw,170px)!important} body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items{ min-width:max-content; justify-content:flex-start!important } } @media(max-width:600px){ body.woocommerce-account .ddr-account-sitebanner{padding:10px!important;gap:8px!important} body.woocommerce-account .ddr-banner-home{width:105px!important} body.woocommerce-account .ddr-banner-menu li>a{font-size:11px!important} } /* No rounded corners in either My Account or the Safari control center. */ body.woocommerce-account .ddr-account-sitebanner, body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-navigation li a, body.woocommerce-account .woocommerce-MyAccount-content :is(input,textarea,select,button), body.woocommerce-account .ddr-dashboard, body.woocommerce-account .ddr-dashboard :is( .ddr-dashboard-layout,.ddr-side,.ddr-navlink,.ddr-card,.ddr-brandbar, .ddr-v1,.ddr-soon,.ddr-export,.ddr-export-link,.ddr-project-v3, .ddr-project-edit-form,.ddr-project-field,.ddr-mode-button, .ddr-blog-result,.ddr-blog-save,.ddr-finder-reset,.ddr-routine-form, .ddr-banner-home ){ border-radius:0!important; } body.woocommerce-account .ddr-dashboard .ddr-navlink.active, body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ border-radius:0!important; } /* v0.6.3: Prevent routine name input from collapsing in narrow dashboard cards. */ body.woocommerce-account .ddr-dashboard #ddr-routine-form.ddr-routine-form{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; gap:10px!important;align-items:stretch!important;min-width:0;width:100%!important; } body.woocommerce-account .ddr-dashboard #ddr-routine-title{ display:block!important;grid-column:1 / -1!important; width:100%!important;min-width:0!important;max-width:100%!important; flex:none!important;box-sizing:border-box!important; height:auto!important;min-height:44px!important; padding:11px 12px!important;font-size:15px!important; border:1px solid #d8ceb9!important;background:#fffdf9!important; color:#303a28!important;border-radius:0!important; } body.woocommerce-account .ddr-dashboard #ddr-routine-days{ grid-column:1!important;width:100%!important;min-width:0!important; box-sizing:border-box!important;min-height:44px!important;border-radius:0!important; } body.woocommerce-account .ddr-dashboard #ddr-routine-form button[type=submit]{ grid-column:2!important;width:auto!important;min-width:110px!important; white-space:nowrap!important;align-self:stretch!important;border-radius:0!important; } @media(max-width:400px){ body.woocommerce-account .ddr-dashboard #ddr-routine-form.ddr-routine-form{grid-template-columns:minmax(0,1fr)!important} body.woocommerce-account .ddr-dashboard #ddr-routine-days, body.woocommerce-account .ddr-dashboard #ddr-routine-form button[type=submit]{grid-column:1!important} } /* 0.7 Points and prize preview */ .ddr-dashboard .ddr-reward-preview{display:grid;gap:8px;padding:12px;background:#f1eee5;border:1px solid #ded6c7;margin:10px 0 16px;font-size:14px} .ddr-dashboard .ddr-point-entry{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #e4dfd3;padding:9px 0;font-size:13px} .ddr-dashboard .ddr-point-entry strong{color:#53653a;white-space:nowrap} /* v0.7.1: uniform, calm single-color reward icons */ .ddr-dashboard .ddr-line-icon{display:inline-block;width:1.1em;height:1.1em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.13em;flex:none;color:#414a34} .ddr-dashboard .ddr-reward-preview>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .ddr-dashboard .ddr-reward-preview .ddr-line-icon{width:18px;height:18px} .ddr-dashboard .ddr-points h3 .ddr-line-icon{width:22px;height:22px} /* v0.8.0 – personal reward collection; no styling changes elsewhere */ .ddr-dashboard .ddr-first-reward{padding:12px;border:1px solid #dcd5c7;display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;background:#f8f6ef} .ddr-dashboard .ddr-first-reward p{margin:5px 0 0} .ddr-dashboard .ddr-first-reward button{max-width:100%;white-space:normal;min-height:40px} .ddr-dashboard .ddr-first-reward button:disabled{opacity:.65;cursor:not-allowed} .ddr-dashboard .ddr-owned-reward{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px;border-bottom:1px solid #dcd5c7} .ddr-dashboard .ddr-owned-reward small{color:#667057} .ddr-dashboard .ddr-owned-symbol{font-size:22px;color:#445135} /* v0.8.1: today lists every due routine; below is management only */ .ddr-dashboard .ddr-today-routine{display:flex;align-items:center;gap:10px;} .ddr-dashboard .ddr-routine-points{margin-left:auto;font-size:12px;white-space:nowrap;color:#697a45;} .ddr-dashboard .ddr-routine-manage{display:flex;align-items:center;justify-content:space-between;gap:12px;} .ddr-dashboard .ddr-routine-manage-title{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px;} .ddr-dashboard .ddr-routine-manage-title span{overflow-wrap:anywhere;} /* v0.9.0 Safari Library – administrator-only preparation area */ .ddr-dashboard .ddr-library-card{margin-top:24px} .ddr-dashboard .ddr-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px} .ddr-dashboard .ddr-library-item{padding:16px;border:1px solid #d9dccd;background:#f8f8f3} .ddr-dashboard .ddr-library-item img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:10px} .ddr-dashboard .ddr-library-item h4{margin:8px 0} .ddr-dashboard .ddr-library-admin-link{display:inline-block;margin:4px 8px 4px 0;padding:10px 13px;border:1px solid #8b9976;color:#35442d!important;text-decoration:none} /* 0.9.6 – library explorer, administrator-only preview */ .ddr-dashboard .ddr-library-card{grid-column:1/-1;min-width:0;margin:26px 0;background:#faf8f3} .ddr-dashboard .ddr-library-card h3{margin:5px 0 12px} .ddr-dashboard .ddr-library-intro{max-width:760px} .ddr-dashboard .ddr-library-admin-notice{font-size:13px;border-left:3px solid #78835d;background:#f0eee5;padding:12px 14px} .ddr-dashboard .ddr-library-admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px} .ddr-dashboard .ddr-library-admin-actions a{display:inline-flex;border:1px solid #bfc7b3;padding:10px 14px;color:#3c4b2e!important;text-decoration:none!important;font-weight:600} .ddr-dashboard .ddr-library-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr) auto;align-items:end;gap:12px;margin:15px 0} .ddr-dashboard .ddr-library-controls label{min-width:0;display:flex;flex-direction:column;gap:5px;color:#48513b;font-weight:600;font-size:13px} .ddr-dashboard .ddr-library-controls input,.ddr-dashboard .ddr-library-controls select{display:block;width:100%;min-width:0;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #cfc9b7;color:#303a2b;font-size:15px} .ddr-dashboard #ddr-library-clear{min-height:44px;padding:9px 12px;border:1px solid #d4cebf;color:#34412e;background:#eae8de;cursor:pointer;font-size:13px} .ddr-dashboard .ddr-library-count{font-size:13px;color:#656d5b;margin:8px 0 14px} .ddr-dashboard .ddr-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:18px} .ddr-dashboard .ddr-library-item{border:1px solid #dbd4c4;background:#fffdfa;padding:0;min-width:0;display:flex;flex-direction:column;box-shadow:0 3px 10px rgba(57,55,45,.035)} .ddr-dashboard .ddr-library-item[hidden],.ddr-dashboard .ddr-library-detail[hidden],.ddr-dashboard .ddr-library-empty[hidden]{display:none!important} .ddr-dashboard .ddr-library-cover{aspect-ratio:1/1;background:#e9e8e0;overflow:hidden;display:grid;place-items:center} .ddr-dashboard .ddr-library-cover img{width:100%!important;height:100%!important;aspect-ratio:1!important;object-fit:cover!important;margin:0!important;display:block} .ddr-dashboard .ddr-library-cover-empty{font-size:28px;letter-spacing:.14em;color:#667456} .ddr-dashboard .ddr-library-card-body{padding:15px;display:flex;flex-direction:column;flex:1;min-width:0} .ddr-dashboard .ddr-library-topics{font-size:11px;letter-spacing:.1em;color:#7b664e;text-transform:uppercase;margin:0 0 8px} .ddr-dashboard .ddr-library-item h4{font-family:inherit;font-size:18px;line-height:1.3;margin:0 0 8px;color:#31392c} .ddr-dashboard .ddr-library-excerpt{font-size:13px;line-height:1.6;color:#596052;flex:1;margin:0 0 12px} .ddr-dashboard .ddr-library-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .ddr-dashboard .ddr-library-detail-toggle,.ddr-dashboard .ddr-library-download{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;font-weight:600;font-size:12px;text-decoration:none!important;cursor:pointer;min-height:38px} .ddr-dashboard .ddr-library-detail-toggle{background:#f3f0e8;border:1px solid #cfc8b6;color:#455235} .ddr-dashboard .ddr-library-download{background:#647447;border:1px solid #647447;color:white!important} .ddr-dashboard .ddr-library-file-missing{font-size:12px;color:#746b5c} .ddr-dashboard .ddr-library-detail{border-top:1px solid #e3ddcf;margin-top:14px;padding-top:12px;font-size:13px;color:#515a49;line-height:1.65} .ddr-dashboard .ddr-library-full-description{overflow-wrap:anywhere;max-height:320px;overflow:auto} .ddr-dashboard .ddr-library-empty{padding:15px;border:1px dashed #cfc8b6;color:#596152} @media(max-width:850px){.ddr-dashboard .ddr-library-controls{grid-template-columns:1fr 1fr}.ddr-dashboard #ddr-library-clear{grid-column:1/-1}} @media(max-width:560px){.ddr-dashboard .ddr-library-controls{grid-template-columns:1fr}.ddr-dashboard #ddr-library-clear{grid-column:auto}} /* 0.9.7 — dedicated library endpoint, simple catalog cards */ .ddr-dashboard.ddr-library-page .ddr-library-card{margin:0;padding:18px} .ddr-dashboard.ddr-library-page .ddr-library-card h3{display:none} .ddr-dashboard.ddr-library-page .ddr-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:18px} .ddr-dashboard.ddr-library-page .ddr-library-item{min-height:0} .ddr-dashboard.ddr-library-page .ddr-library-card-body{gap:8px} .ddr-dashboard.ddr-library-page .ddr-library-card-actions{margin-top:auto} .ddr-dashboard.ddr-library-page .ddr-library-item h4{font-size:17px;line-height:1.35;margin:0} .ddr-dashboard .ddr-library-promo{margin:24px 0;padding:22px;background:#f6f3eb;border:1px solid #dcd5c6;color:#37422f} .ddr-dashboard .ddr-library-promo p{margin:8px 0} .ddr-dashboard .ddr-library-promo a{color:#374c30!important;font-weight:700;text-decoration:underline} @media(max-width:700px){.ddr-dashboard.ddr-library-page .ddr-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}} @media(max-width:420px){.ddr-dashboard.ddr-library-page .ddr-library-grid{grid-template-columns:1fr}} /* 1.0.0: separate Safari sections with full shared navigation */ .ddr-dashboard .ddr-hub-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:18px 0 28px} .ddr-dashboard .ddr-hub-tile{display:flex;flex-direction:column;gap:9px;position:relative;border:1px solid #d8d5c8;background:#faf8f2;color:#3e4937!important;text-decoration:none!important;min-height:178px;padding:22px!important;border-radius:0!important;transition:background .15s,border-color .15s} .ddr-dashboard .ddr-hub-tile:hover,.ddr-dashboard .ddr-hub-tile:focus-visible{background:#ebeee5;border-color:#87936f} .ddr-dashboard .ddr-hub-tile strong{font-size:19px;line-height:1.3} .ddr-dashboard .ddr-hub-tile>span:not(.ddr-hub-symbol):not(.ddr-hub-arrow){font-size:13px;line-height:1.5;color:#68715f} .ddr-dashboard .ddr-hub-symbol{font-size:28px;color:#79885e} .ddr-dashboard .ddr-hub-arrow{position:absolute;right:18px;bottom:14px;font-size:21px;color:#6a7a52} .ddr-dashboard.ddr-view-dashboard .ddr-topcards,.ddr-dashboard.ddr-view-dashboard .ddr-midcards,.ddr-dashboard.ddr-view-dashboard .ddr-bottomcards,.ddr-dashboard.ddr-view-dashboard .ddr-export,.ddr-dashboard.ddr-view-dashboard .ddr-library-promo{display:none!important} .ddr-dashboard.ddr-view-home-reset .ddr-topcards>.ddr-card:not(#ddr-reset),.ddr-dashboard.ddr-view-home-reset .ddr-bottomcards,.ddr-dashboard.ddr-view-home-reset .ddr-library-promo{display:none!important} .ddr-dashboard.ddr-view-home-reset .ddr-topcards{display:block!important}.ddr-dashboard.ddr-view-home-reset #ddr-reset{width:100%} .ddr-dashboard.ddr-view-meine-projekte .ddr-topcards,.ddr-dashboard.ddr-view-meine-projekte .ddr-midcards,.ddr-dashboard.ddr-view-meine-projekte .ddr-bottomcards>#ddr-notes,.ddr-dashboard.ddr-view-meine-projekte .ddr-library-promo{display:none!important} .ddr-dashboard.ddr-view-meine-projekte .ddr-bottomcards{display:block!important} .ddr-dashboard.ddr-view-safari-schatzkammer .ddr-topcards>.ddr-card:not(#ddr-treasure),.ddr-dashboard.ddr-view-safari-schatzkammer .ddr-midcards,.ddr-dashboard.ddr-view-safari-schatzkammer .ddr-bottomcards,.ddr-dashboard.ddr-view-safari-schatzkammer .ddr-library-promo{display:none!important} .ddr-dashboard.ddr-view-safari-schatzkammer .ddr-topcards{display:block!important} .ddr-dashboard.ddr-view-meine-notizen .ddr-topcards,.ddr-dashboard.ddr-view-meine-notizen .ddr-midcards,.ddr-dashboard.ddr-view-meine-notizen .ddr-bottomcards>#ddr-projects,.ddr-dashboard.ddr-view-meine-notizen .ddr-library-promo{display:none!important} .ddr-dashboard.ddr-view-meine-notizen .ddr-bottomcards{display:block!important} .ddr-dashboard.ddr-view-home-reset .ddr-midcards>.ddr-card:nth-child(2){display:none!important} .ddr-dashboard.ddr-view-home-reset .ddr-midcards{display:block!important} .ddr-dashboard:not(.ddr-view-dashboard) .ddr-footnote{display:none!important} @media(max-width:540px){.ddr-dashboard .ddr-hub-tiles{grid-template-columns:1fr 1fr;gap:10px}.ddr-dashboard .ddr-hub-tile{padding:13px!important;min-height:155px}.ddr-dashboard .ddr-hub-tile strong{font-size:16px}} @media(max-width:400px){.ddr-dashboard .ddr-hub-tiles{grid-template-columns:1fr}} /* Header: allow all menu labels to wrap rather than cutting off the last item. */ body.woocommerce-account .ddr-account-sitebanner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;overflow:visible!important} body.woocommerce-account .ddr-banner-menu{overflow:visible!important;flex:1 1 620px!important} body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items{width:auto!important;min-width:0!important;flex-wrap:wrap!important;justify-content:center!important;row-gap:8px!important} body.woocommerce-account .ddr-banner-menu li>a{white-space:nowrap!important;font-size:12px!important} @media(max-width:1000px){body.woocommerce-account .ddr-banner-menu{flex-basis:100%!important}body.woocommerce-account .ddr-banner-home{margin:0 auto 6px!important}} /* 1.0.1: The theme's global header is authoritative on all account pages. */ /* 1.0.2: account template omits the theme header; present the real WordPress main menu in a full-width, unboxed strip rather than a nested card. */ body.woocommerce-account .ddr-account-sitebanner{ display:flex!important;max-width:100%!important;width:100%!important; margin:0 auto 22px!important;box-sizing:border-box!important; border:0!important;border-radius:0!important;box-shadow:none!important; background:#e9ebe4!important;padding:12px clamp(14px,3vw,48px)!important; gap:clamp(14px,2vw,34px)!important;align-items:center!important; } body.woocommerce-account .ddr-account-sitebanner .ddr-banner-home{max-width:215px!important;width:clamp(140px,18vw,215px)!important;flex:0 0 auto!important;margin:0!important} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu{flex:1 1 680px!important;min-width:0!important} body.woocommerce-account .ddr-account-sitebanner ul.ddr-site-nav-items{justify-content:flex-end!important;gap:6px 14px!important} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu li>a{white-space:nowrap!important;font-size:clamp(11px,.85vw,13px)!important} @media(max-width:1040px){ body.woocommerce-account .ddr-account-sitebanner{justify-content:center!important} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu{flex-basis:100%!important} body.woocommerce-account .ddr-account-sitebanner ul.ddr-site-nav-items{justify-content:center!important} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-home{margin:0 auto!important} } @media(max-width:600px){ body.woocommerce-account .ddr-account-sitebanner ul.ddr-site-nav-items{flex-wrap:wrap!important;overflow:visible!important;justify-content:center!important} } /* Ensure heading text is not suppressed by the account theme's title rules. */ body.woocommerce-account .ddr-dashboard .ddr-intro h2{display:block!important;visibility:visible!important;opacity:1!important;font-size:clamp(27px,3vw,42px)!important;color:#353924!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;max-width:none!important} body.woocommerce-account .ddr-dashboard .ddr-intro h2 span{display:inline!important} /* v1.0.3: Keep the recreated account header readable without splitting the menu into two rows on desktop. At tablet widths, permit horizontal scrolling, not clipping. */ @media (min-width: 1101px) { body.woocommerce-account .ddr-account-sitebanner {flex-wrap:nowrap!important;gap:clamp(12px,1.5vw,24px)!important;padding:12px clamp(12px,2vw,28px)!important;} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-home {width:clamp(150px,14vw,205px)!important;max-width:205px!important;flex:0 0 auto!important;} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu {flex:1 1 auto!important;min-width:0!important;} body.woocommerce-account .ddr-account-sitebanner ul.ddr-site-nav-items {display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:clamp(5px,.7vw,11px)!important;width:100%!important;} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu li>a {font-size:clamp(10px,.75vw,12px)!important;white-space:nowrap!important;} } @media (min-width: 601px) and (max-width: 1100px){ body.woocommerce-account .ddr-account-sitebanner{flex-wrap:wrap!important;} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu{flex-basis:100%!important;} body.woocommerce-account .ddr-account-sitebanner ul.ddr-site-nav-items{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;max-width:100%!important;padding-bottom:6px!important;} } /* Explicit dashboard title, avoiding inherited Thrive title suppression. */ body.woocommerce-account .ddr-dashboard.ddr-view-dashboard .ddr-intro h2{display:block!important;color:#353924!important;font-size:clamp(28px,3vw,42px)!important;} /* 1.0.4 — full-bleed header positioned before the page wrapper by fullbleed-header.js. The header remains in normal flow, so it does not overlap account content. */ body.woocommerce-account.ddr-safari-header-fullbleed { margin-left:0!important; margin-right:0!important; } body.woocommerce-account.ddr-safari-header-fullbleed > .ddr-account-sitebanner { display:flex!important; position:relative!important; inset:auto!important; width:100%!important;max-width:none!important; min-height:74px!important; margin:0 0 28px!important; padding:14px max(20px, calc((100vw - 1480px)/2))!important; box-sizing:border-box!important; border:0!important;border-radius:0!important;box-shadow:none!important; background:#e9ebe4!important; } @media(max-width:1100px){ body.woocommerce-account.ddr-safari-header-fullbleed > .ddr-account-sitebanner {padding:14px 22px!important;} } @media(max-width:600px){ body.woocommerce-account.ddr-safari-header-fullbleed > .ddr-account-sitebanner {padding:12px 14px!important;margin-bottom:18px!important;} } /* 1.0.5 — DigiDesignResort editorial light theme: white, mine shaft and subtle dividers. All selectors scoped to Safari dashboard / recreated account header; blog untouched. */ body.woocommerce-account .ddr-dashboard { --olive:#333333; --olive-2:#333333; --brown:#777777; --cream:#ffffff; --paper:#ffffff; --border:#e7e7e7; --ink:#333333; --muted:#707070; color:#333333!important; background:#ffffff!important; } body.woocommerce-account .ddr-dashboard-layout {background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;grid-template-columns:220px minmax(0,1fr)!important;} body.woocommerce-account .ddr-dashboard .ddr-side {background:#ffffff!important;border-right:1px solid #ebebeb!important;padding:24px 14px!important;} body.woocommerce-account .ddr-dashboard .ddr-side-bottom {opacity:.8;} body.woocommerce-account .ddr-dashboard .ddr-side-copy {color:#333!important;font-size:18px!important;} body.woocommerce-account .ddr-dashboard .ddr-main {background:#ffffff!important;padding:30px 36px!important;} body.woocommerce-account .ddr-dashboard h2,body.woocommerce-account .ddr-dashboard h3,body.woocommerce-account .ddr-dashboard h4{color:#333!important;} body.woocommerce-account .ddr-dashboard .ddr-intro h2 {font-family:Georgia,serif!important;color:#333!important;} body.woocommerce-account .ddr-dashboard .ddr-intro h2 span {color:#777!important;} body.woocommerce-account .ddr-dashboard .ddr-kicker {color:#767676!important;} body.woocommerce-account .ddr-dashboard .ddr-navlink{background:transparent!important;border-radius:0!important;color:#333!important;padding:12px 13px!important;} body.woocommerce-account .ddr-dashboard .ddr-navlink.active,body.woocommerce-account .ddr-dashboard .ddr-navlink:hover,body.woocommerce-account .ddr-dashboard .ddr-navlink:focus-visible{background:#f4f4f4!important;color:#242424!important;} body.woocommerce-account .ddr-dashboard .ddr-card,body.woocommerce-account .ddr-dashboard .ddr-welcome,body.woocommerce-account .ddr-dashboard .ddr-points{background:#ffffff!important;background-image:none!important;border:1px solid #e9e9e9!important;border-radius:0!important;box-shadow:none!important;} body.woocommerce-account .ddr-dashboard .ddr-hub-tile {background:#ffffff!important;border:1px solid #e5e5e5!important;color:#333!important;min-height:156px!important;} body.woocommerce-account .ddr-dashboard .ddr-hub-tile:hover,body.woocommerce-account .ddr-dashboard .ddr-hub-tile:focus-visible{background:#f8f8f8!important;border-color:#9c9c9c!important;} body.woocommerce-account .ddr-dashboard .ddr-hub-symbol,body.woocommerce-account .ddr-dashboard .ddr-hub-arrow{color:#555!important;} body.woocommerce-account .ddr-dashboard .ddr-hub-tile>span:not(.ddr-hub-symbol):not(.ddr-hub-arrow){color:#707070!important;} body.woocommerce-account .ddr-dashboard button:not(.ddr-remove),body.woocommerce-account .ddr-dashboard a.ddr-library-download{background:#333333!important;border:1px solid #333333!important;color:#fff!important;border-radius:0!important;box-shadow:none!important;} body.woocommerce-account .ddr-dashboard button:not(.ddr-remove):hover,body.woocommerce-account .ddr-dashboard a.ddr-library-download:hover{background:#4b4b4b!important;} body.woocommerce-account .ddr-dashboard .ddr-library-admin-actions a,body.woocommerce-account .ddr-dashboard .ddr-library-detail-toggle {background:#fff!important;border:1px solid #bbbbbb!important;color:#333!important;border-radius:0!important;} body.woocommerce-account .ddr-dashboard input:not([type=checkbox]),body.woocommerce-account .ddr-dashboard select,body.woocommerce-account .ddr-dashboard textarea{background:#fff!important;border-color:#d2d2d2!important;color:#333!important;border-radius:0!important;} body.woocommerce-account .ddr-dashboard input[type=checkbox]{accent-color:#333333!important;} body.woocommerce-account .ddr-dashboard .ddr-library-item{background:#fff!important;border:1px solid #e5e5e5!important;box-shadow:none!important;} body.woocommerce-account .ddr-dashboard .ddr-library-card,body.woocommerce-account .ddr-dashboard .ddr-library-promo {background:#fff!important;border-color:#e9e9e9!important;} body.woocommerce-account .ddr-dashboard .ddr-library-admin-notice{background:#fafafa!important;border-left-color:#777!important;} body.woocommerce-account .ddr-dashboard #ddr-library-clear{background:#f4f4f4!important;color:#333!important;border-color:#ddd!important;} body.woocommerce-account .ddr-dashboard .ddr-soon,body.woocommerce-account .ddr-dashboard .ddr-v1{background:#f4f4f4!important;border-color:#e5e5e5!important;color:#555!important;border-radius:0!important;} /* Account header follows the light site header; remove fake dropdown chevrons. */ body.woocommerce-account.ddr-safari-header-fullbleed > .ddr-account-sitebanner{background:#eceee8!important;} body.woocommerce-account .ddr-banner-menu li.menu-item-has-children>a:after, body.woocommerce-account .ddr-banner-menu li.menu-item-has-children>a:before, body.woocommerce-account .ddr-banner-menu .sub-menu-toggle, body.woocommerce-account .ddr-banner-menu .dropdown-toggle{display:none!important;content:none!important;} @media(max-width:720px){body.woocommerce-account .ddr-dashboard-layout{display:block!important;}body.woocommerce-account .ddr-dashboard .ddr-side{border-right:0!important;border-bottom:1px solid #e9e9e9!important;padding:12px!important;}body.woocommerce-account .ddr-dashboard .ddr-main{padding:20px 14px!important;}} /* 1.0.6: match editorial typography and reduce excess vertical whitespace. */ body.woocommerce-account.ddr-safari-header-fullbleed, body.woocommerce-account .ddr-dashboard, body.woocommerce-account .ddr-dashboard *, body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-navigation *, body.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account .woocommerce-MyAccount-content *, body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu, body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu * { font-family:'Abel','Arial Narrow',Arial,sans-serif!important; } body.woocommerce-account .ddr-dashboard h1, body.woocommerce-account .ddr-dashboard h2, body.woocommerce-account .ddr-dashboard h3, body.woocommerce-account .ddr-dashboard h4, body.woocommerce-account .ddr-dashboard .ddr-side-copy, body.woocommerce-account .ddr-dashboard .ddr-mini-stats strong { font-family:'Abel','Arial Narrow',Arial,sans-serif!important; font-weight:600!important;letter-spacing:.005em!important; } body.woocommerce-account .ddr-dashboard .ddr-intro h2, body.woocommerce-account .ddr-dashboard.ddr-view-dashboard .ddr-intro h2 { font-size:clamp(31px,3.4vw,52px)!important;line-height:1.13!important; font-family:'Abel','Arial Narrow',Arial,sans-serif!important; } body.woocommerce-account .ddr-dashboard .ddr-navlink {font-size:18px!important;font-weight:600!important;} body.woocommerce-account .ddr-dashboard .ddr-intro {margin-bottom:20px!important;} body.woocommerce-account .ddr-dashboard .ddr-main{padding-top:22px!important;} body.woocommerce-account.ddr-safari-header-fullbleed > .ddr-account-sitebanner{margin-bottom:0!important;} body.woocommerce-account .ddr-dashboard{margin-bottom:22px!important;} @media(max-width:720px){body.woocommerce-account .ddr-dashboard .ddr-main{padding-top:15px!important;}} /* 1.0.7 — account landing/login page editorial design; WordPress main menu submenus. */ body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu .ddr-site-nav-items > li {position:relative!important;flex:0 0 auto!important;} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu .ddr-site-nav-items > li > a { font-family:'Abel','Arial Narrow',Arial,sans-serif!important; font-size:clamp(14px,1vw,17px)!important;line-height:1.4!important; font-weight:600!important;letter-spacing:0!important;text-decoration:none!important; display:inline-flex!important;align-items:center!important;padding:10px 4px!important; } @media(min-width:1101px){ body.woocommerce-account .ddr-account-sitebanner{gap:clamp(16px,2vw,30px)!important;} body.woocommerce-account .ddr-account-sitebanner .ddr-banner-home{width:clamp(150px,14vw,200px)!important;} body.woocommerce-account .ddr-account-sitebanner ul.ddr-site-nav-items{gap:clamp(9px,1.2vw,21px)!important;justify-content:flex-end!important;} } /* Dropdowns use actual WordPress submenu items, not guessed URLs. */ body.woocommerce-account .ddr-banner-menu li.menu-item-has-children > a:after{ content:'⌄'!important;display:inline-block!important;position:static!important; color:#333!important;font-size:.8em!important;margin-left:6px!important;line-height:1!important; background:none!important;border:0!important;width:auto!important;height:auto!important; } body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items li{position:relative!important;} body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items ul.sub-menu{ position:absolute!important;z-index:99999!important;top:calc(100% - 2px)!important;left:0!important; display:block!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important; min-width:220px!important;max-width:320px!important;width:max-content!important; margin:0!important;padding:7px 0!important;list-style:none!important; border:1px solid #e6e6e6!important;background:#fff!important; box-shadow:0 6px 20px rgba(0,0,0,.08)!important; transform:translateY(6px);transition:opacity .12s,transform .12s!important; overflow:visible!important;flex-wrap:nowrap!important; } body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items li:hover > ul.sub-menu, body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items li:focus-within > ul.sub-menu{ visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important; } body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items ul.sub-menu li{display:block!important;margin:0!important;float:none!important;width:100%!important;} body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items ul.sub-menu li a{ display:block!important;color:#333!important;background:white!important;text-decoration:none!important; font:500 17px/1.4 'Abel',Arial,sans-serif!important;white-space:normal!important;padding:9px 18px!important; } body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items ul.sub-menu li a:hover, body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items ul.sub-menu li a:focus-visible{background:#f4f4f4!important;} /* Tablet/mobile: let parent and children wrap in the regular nav flow on focus. */ @media(max-width:800px){ body.woocommerce-account .ddr-account-sitebanner ul.ddr-site-nav-items{flex-wrap:wrap!important;overflow:visible!important;justify-content:center!important;} body.woocommerce-account .ddr-banner-menu ul.ddr-site-nav-items ul.sub-menu{left:auto!important;right:0!important;max-width:min(300px,85vw)!important;} } /* Apply to WooCommerce's root account page, not shop/product pages. */ body.woocommerce-account .woocommerce, body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account .woocommerce form.woocommerce-form-login, body.woocommerce-account .woocommerce form.woocommerce-form-register { font-family:'Abel','Arial Narrow',Arial,sans-serif!important;color:#333!important; } body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce .woocommerce-MyAccount-content{background:#fff!important;border-radius:0!important;box-shadow:none!important;} body.woocommerce-account .woocommerce-MyAccount-navigation ul{background:#fff!important;box-shadow:none!important;border:0!important;padding:0!important;} body.woocommerce-account .woocommerce-MyAccount-navigation li{background:#fff!important;border-bottom:1px solid #ededed!important;border-radius:0!important;} body.woocommerce-account .woocommerce-MyAccount-navigation li a{font:600 19px/1.4 'Abel',Arial,sans-serif!important;color:#333!important;background:#fff!important;padding:13px 15px!important;display:block!important;} body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#f5f5f5!important;color:#333!important;} body.woocommerce-account .woocommerce-MyAccount-content h1, body.woocommerce-account .woocommerce-MyAccount-content h2, body.woocommerce-account .woocommerce h2{font-family:'Abel','Arial Narrow',Arial,sans-serif!important;color:#333!important;font-weight:600!important;} body.woocommerce-account .woocommerce-MyAccount-content a:not(.button){color:#333!important;text-underline-offset:3px!important;} body.woocommerce-account .woocommerce-MyAccount-content .button, body.woocommerce-account .woocommerce button.button, body.woocommerce-account .woocommerce a.button, body.woocommerce-account .woocommerce input.button{ font-family:'Abel','Arial Narrow',Arial,sans-serif!important;background:#333!important;color:#fff!important; font-size:17px!important;font-weight:600!important;border:1px solid #333!important; padding:12px 20px!important;border-radius:0!important;box-shadow:none!important; } body.woocommerce-account .woocommerce input.input-text, body.woocommerce-account .woocommerce textarea, body.woocommerce-account .woocommerce select{ font-family:'Abel','Arial Narrow',Arial,sans-serif!important;font-size:18px!important; border:1px solid #d8d8d8!important;border-radius:0!important;background:#fff!important;color:#333!important; } body.woocommerce-account .woocommerce form.login, body.woocommerce-account .woocommerce form.register, body.woocommerce-account .woocommerce form.woocommerce-ResetPassword{ background:#fff!important;border:1px solid #ececec!important;border-radius:0!important;box-shadow:none!important; padding:22px!important; } body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message{border-top-color:#333!important;background:#fafafa!important;} /* 1.0.8 — restore the two parent navigation icons; keep functional submenu arrows. */ body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu li.menu-item-has-children.navicon-store > a::before, body.woocommerce-account .ddr-account-sitebanner .ddr-banner-menu li.menu-item-has-children.navicon-heart > a::before { content:""!important;display:inline-block!important;visibility:visible!important; flex:0 0 18px!important;width:18px!important;height:18px!important; background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important; } /* Some theme menus mark the submenu parent without propagating navicon-* classes. Target the parent IDs/classes through WordPress-generated icon classes when available. */ body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account .woocommerce .woocommerce-MyAccount-content { border-left:0!important;border-right:0!important;box-shadow:none!important; } body.woocommerce-account .woocommerce-MyAccount-navigation::before, body.woocommerce-account .woocommerce-MyAccount-navigation::after, body.woocommerce-account .woocommerce-MyAccount-content::before, body.woocommerce-account .woocommerce-MyAccount-content::after{ border-left:0!important;border-right:0!important; } /* 1.0.9 — Safari-Treffpunkt: minimal, consistent with the account design. */ .woocommerce-account .ddr-forum-page .ddr-bbpress-forum{font-family:Abel,Arial,sans-serif!important;color:#333;max-width:100%;overflow-x:auto} .woocommerce-account .ddr-forum-page #bbpress-forums{font-family:Abel,Arial,sans-serif!important;font-size:17px!important} .woocommerce-account .ddr-forum-page #bbpress-forums ul.bbp-forums, .woocommerce-account .ddr-forum-page #bbpress-forums ul.bbp-topics{border:1px solid #e5e5e5;background:#fff;border-radius:0} .woocommerce-account .ddr-forum-page #bbpress-forums li.bbp-header{background:#f7f7f7;border-bottom:1px solid #ddd} .woocommerce-account .ddr-forum-page #bbpress-forums a{color:#333!important} .woocommerce-account .ddr-forum-page #bbpress-forums a:hover{text-decoration:underline!important} .woocommerce-account .ddr-forum-page .ddr-forum-info{font-size:14px;color:#666;margin-top:22px} /* 1.0.11: Keep forum conversation screens consistent with the Safari account. */ .woocommerce-account .ddr-forum-page .ddr-forum-breadcrumb{margin:0 0 18px!important;font:18px Abel,Arial,sans-serif!important;color:#555} .woocommerce-account .ddr-forum-page .ddr-forum-breadcrumb a{color:#333!important;text-decoration:underline;text-underline-offset:3px} .woocommerce-account .ddr-forum-page .ddr-forum-heading{font:32px Abel,Arial,sans-serif!important;color:#333!important;margin:0 0 22px!important} .woocommerce-account .ddr-forum-page #bbpress-forums{color:#333!important;font-family:Abel,Arial,sans-serif!important;font-size:18px!important} .woocommerce-account .ddr-forum-page #bbpress-forums .bbp-template-notice{background:#f8f8f8!important;border:1px solid #e5e5e5!important;color:#333!important;padding:12px!important;border-radius:0!important} .woocommerce-account .ddr-forum-page #bbpress-forums .bbp-template-notice p{color:#333!important} .woocommerce-account .ddr-forum-page #bbpress-forums .bbp-form{border:1px solid #e5e5e5!important;background:#fff!important;padding:16px!important} .woocommerce-account .ddr-forum-page #bbpress-forums button,.woocommerce-account .ddr-forum-page #bbpress-forums input[type=submit]{background:#333!important;color:#fff!important;border:1px solid #333!important;border-radius:0!important;padding:12px 20px!important;font:18px Abel,Arial,sans-serif!important} .woocommerce-account .ddr-forum-page #bbpress-forums input[type=text],.woocommerce-account .ddr-forum-page #bbpress-forums textarea{width:100%;max-width:100%;color:#333;background:#fff;border:1px solid #ddd;border-radius:0;font:18px Abel,Arial,sans-serif!important} /* Safari-Treffpunkt 1.0.12: monochrome topic cards; welcome discussion first */ .woocommerce-account .ddr-forum-page .ddr-forum-cards{display:grid;grid-template-columns:1fr;gap:0;margin:12px 0 26px;border-top:1px solid #e5e5e5} .woocommerce-account .ddr-forum-page a.ddr-forum-card{display:flex;align-items:center;gap:20px;text-decoration:none!important;color:#333!important;border-bottom:1px solid #e5e5e5;padding:21px 8px;background:#fff;transition:background .16s ease} .woocommerce-account .ddr-forum-page a.ddr-forum-card:hover,.woocommerce-account .ddr-forum-page a.ddr-forum-card:focus-visible{background:#f7f7f7} .woocommerce-account .ddr-forum-page .ddr-forum-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex:none;color:#333} .woocommerce-account .ddr-forum-page .ddr-forum-card-icon svg{width:31px;height:31px} .woocommerce-account .ddr-forum-page .ddr-forum-card-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1} .woocommerce-account .ddr-forum-page .ddr-forum-card-info strong{font:25px/1.25 Abel,Arial,sans-serif!important;color:#333!important} .woocommerce-account .ddr-forum-page .ddr-forum-card-info small{font:17px/1.4 Abel,Arial,sans-serif!important;color:#666!important} .woocommerce-account .ddr-forum-page .ddr-forum-card-arrow{font:25px Abel,Arial,sans-serif;color:#555} @media(max-width:600px){.woocommerce-account .ddr-forum-page a.ddr-forum-card{gap:12px;padding:18px 0}.woocommerce-account .ddr-forum-page .ddr-forum-card-icon{width:36px;height:36px}.woocommerce-account .ddr-forum-page .ddr-forum-card-icon svg{width:26px;height:26px}.woocommerce-account .ddr-forum-page .ddr-forum-card-info strong{font-size:22px!important}.woocommerce-account .ddr-forum-page .ddr-forum-card-info small{font-size:16px!important}} /* 1.0.14: slim WooCommerce account menu and legible library controls. */ body.woocommerce-account .woocommerce-MyAccount-navigation-link--safari-dashboard > a::before { content:""!important;display:inline-block!important;vertical-align:middle!important; width:21px!important;height:21px!important;margin-right:9px!important; background-image:url("../assets/safari-palm-icon.svg")!important; background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important; } body.woocommerce-account .ddr-dashboard .ddr-intro h2, body.woocommerce-account .ddr-dashboard.ddr-view-dashboard .ddr-intro h2 { font-size:clamp(30px,2.4vw,39px)!important;line-height:1.18!important; letter-spacing:0!important; } body.woocommerce-account .ddr-dashboard .ddr-library-download, body.woocommerce-account .ddr-dashboard .ddr-library-download .ddr-library-download-label { color:#fff!important;-webkit-text-fill-color:#fff!important; font-family:'Abel',Arial,sans-serif!important;font-size:18px!important; font-weight:600!important;line-height:1.3!important; letter-spacing:0!important;text-indent:0!important; opacity:1!important;visibility:visible!important; text-decoration:none!important;text-transform:none!important; } body.woocommerce-account .ddr-dashboard .ddr-library-download { display:inline-flex!important;align-items:center!important;justify-content:center!important; min-width:165px!important;min-height:44px!important;padding:10px 16px!important; background:#333!important;border:1px solid #333!important; } body.woocommerce-account .ddr-dashboard .ddr-library-download .ddr-library-download-label {display:inline!important;} @media(max-width:720px){body.woocommerce-account .ddr-dashboard .ddr-intro h2, body.woocommerce-account .ddr-dashboard.ddr-view-dashboard .ddr-intro h2{font-size:clamp(28px,7vw,36px)!important;}} /* v1.0.15 — Safari navigation symbols and pilot course collection */ body.woocommerce-account .ddr-dashboard .ddr-nav-with-icon{display:flex!important;align-items:center;gap:11px!important} body.woocommerce-account .ddr-dashboard .ddr-nav-symbol{display:inline-flex!important;align-items:center;justify-content:center;width:24px;flex:0 0 24px;font-family:Arial,sans-serif!important;font-size:23px!important;font-weight:400!important;line-height:1;color:#444!important} body.woocommerce-account .ddr-dashboard .ddr-nav-palm{width:24px!important;height:24px!important;object-fit:contain!important;flex:0 0 24px} body.woocommerce-account .ddr-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:24px 0} body.woocommerce-account .ddr-course-tile{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #dedede;background:#fff;color:#333!important;text-decoration:none!important;min-height:195px} body.woocommerce-account .ddr-course-tile:hover{border-color:#777} body.woocommerce-account .ddr-course-tile img{width:100%;height:170px;object-fit:cover} body.woocommerce-account .ddr-course-placeholder{font-size:43px;color:#555} body.woocommerce-account .ddr-course-tile strong{font-size:23px;font-weight:500} body.woocommerce-account .ddr-course-tile>span:last-child{font-size:16px} body.woocommerce-account .ddr-course-page h3{font-size:clamp(25px,3vw,34px);margin:20px 0} body.woocommerce-account .ddr-course-page h4{font-size:23px;margin:25px 0 13px} body.woocommerce-account .ddr-course-cover{max-width:350px;height:auto;display:block;margin:10px 0 25px} body.woocommerce-account .ddr-course-lesson{border-bottom:1px solid #ddd;padding:12px 0} body.woocommerce-account .ddr-course-lesson summary{cursor:pointer;font-size:21px;list-style:none} body.woocommerce-account .ddr-course-play{margin-right:10px} body.woocommerce-account .ddr-course-lesson iframe{max-width:100%;aspect-ratio:16/9;height:auto;margin:18px 0} body.woocommerce-account .ddr-course-admin{margin:24px 0!important} @media(max-width:720px){body.woocommerce-account .ddr-dashboard .ddr-nav-with-icon{flex:0 0 auto!important;gap:6px!important}body.woocommerce-account .ddr-dashboard .ddr-nav-symbol,body.woocommerce-account .ddr-dashboard .ddr-nav-palm{width:20px!important;flex-basis:20px!important}} /* v1.0.16 — Teachable-style course covers with restrained black/white video symbols */ body.woocommerce-account .ddr-course-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:22px;align-items:start} body.woocommerce-account .ddr-course-tile{display:block!important;padding:0!important;min-height:0!important;overflow:hidden;border:1px solid #e2e2e2!important;background:#fff!important;text-decoration:none!important;transition:border-color .16s ease} body.woocommerce-account .ddr-course-tile:hover{border-color:#777!important} body.woocommerce-account .ddr-course-image{display:flex;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f4f4f2;align-items:center;justify-content:center} body.woocommerce-account .ddr-course-tile .ddr-course-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} body.woocommerce-account .ddr-course-tile .ddr-course-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666} body.woocommerce-account .ddr-course-placeholder .ddr-video-camera-icon{height:45px;width:45px} body.woocommerce-account .ddr-course-caption{display:flex;flex-direction:column;gap:10px;padding:16px 17px 17px} body.woocommerce-account .ddr-course-tile .ddr-course-caption strong{font-family:'Abel',Arial,sans-serif!important;font-weight:500!important;font-size:23px!important;line-height:1.22!important;color:#333!important} body.woocommerce-account .ddr-course-open{display:inline-flex;align-items:center;gap:7px;font-size:17px!important;color:#555!important} body.woocommerce-account .ddr-video-camera-icon{flex-shrink:0;vertical-align:middle} body.woocommerce-account .ddr-course-section-title{font-family:'Abel',Arial,sans-serif!important;font-size:25px!important;margin:0 0 14px!important;font-weight:500!important} /* v1.0.17: monochrome cocktail icon and wider rectangular course imagery */ body.woocommerce-account .ddr-dashboard .ddr-icon-cocktail svg {width:25px!important;height:25px!important;display:block!important;stroke:currentColor!important;color:#444!important;flex:none} body.woocommerce-account .ddr-dashboard .ddr-hub-symbol.ddr-icon-cocktail svg {width:32px!important;height:32px!important} body.woocommerce-account .ddr-course-image {aspect-ratio:16/9!important} body.woocommerce-account .ddr-course-grid {grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr))!important} @media(max-width:720px) {body.woocommerce-account .ddr-dashboard .ddr-nav-symbol.ddr-icon-cocktail svg {width:21px!important;height:21px!important}} /* v1.0.18: accessible export wording, consistent Abel and compact headings */ body.woocommerce-account .ddr-dashboard,body.woocommerce-account .ddr-dashboard :is(h1,h2,h3,h4,h5,h6,p,a,span,button,input,select,textarea,label,small,strong,summary),body.woocommerce-account .ddr-library-page :is(h1,h2,h3,h4,a,button,span),body.woocommerce-account .ddr-course-page :is(h1,h2,h3,h4,a,button,span){font-family:'Abel',Arial,sans-serif!important} body.woocommerce-account .ddr-dashboard .ddr-intro h2, body.woocommerce-account .ddr-dashboard.ddr-view-dashboard .ddr-intro h2{font-family:'Abel',Arial,sans-serif!important;font-size:clamp(28px,2.5vw,38px)!important;line-height:1.15!important;font-weight:500!important} body.woocommerce-account .ddr-dashboard .ddr-library-download, body.woocommerce-account .ddr-dashboard .ddr-library-download .ddr-library-download-label{font-family:'Abel',Arial,sans-serif!important;font-size:18px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:normal!important;font-weight:500!important} body.woocommerce-account .ddr-dashboard .ddr-icon-video svg{display:block!important;width:25px!important;height:25px!important;stroke:#444!important;fill:none!important;max-width:none!important} body.woocommerce-account .ddr-dashboard .ddr-hub-symbol.ddr-icon-video svg{width:34px!important;height:34px!important} @media(max-width:700px){body.woocommerce-account .ddr-dashboard .ddr-intro h2,body.woocommerce-account .ddr-dashboard.ddr-view-dashboard .ddr-intro h2{font-size:clamp(27px,7vw,34px)!important}} /* 1.0.19 — Blog article thumbnails and clear return link in personal project list. */ .ddr-dashboard .ddr-project-thumb{width:88px;height:88px;object-fit:cover;flex:0 0 88px;display:block;border:1px solid #e8e8e8} .ddr-dashboard .ddr-project-blog-link{font-family:Abel,sans-serif!important;color:#333!important;text-decoration:underline!important;text-underline-offset:3px;font-size:14px;align-self:flex-start} .ddr-dashboard .ddr-project-heading{min-width:0} @media(max-width:600px){.ddr-dashboard .ddr-project-thumb{width:68px;height:68px;flex-basis:68px}.ddr-dashboard .ddr-project-row{gap:8px}.ddr-dashboard .ddr-project-heading{flex-basis:calc(100% - 85px)} } /* 1.0.20 – compact monochrome WooCommerce menu icons and site-like account header. */ body.woocommerce-account .woocommerce-MyAccount-navigation li > a {display:flex!important;align-items:center!important;gap:11px!important} body.woocommerce-account .woocommerce-MyAccount-navigation li > a::before {display:inline-block;content:"";width:20px;height:20px;flex:0 0 20px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.85;} body.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard > a::before {content:"⌂";background:none!important;font:26px/20px Abel,Arial,sans-serif!important;text-align:center} body.woocommerce-account .woocommerce-MyAccount-navigation-link--orders > a::before {content:"▤";background:none!important;font:24px/20px Abel,Arial,sans-serif!important;text-align:center} body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads > a::before {content:"↓";background:none!important;font:25px/20px Abel,Arial,sans-serif!important;text-align:center} body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address > a::before {content:"⌖";background:none!important;font:26px/20px Abel,Arial,sans-serif!important;text-align:center} body.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods > a::before {content:"▭";background:none!important;font:26px/20px Abel,Arial,sans-serif!important;text-align:center} body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account > a::before {content:"♙";background:none!important;font:24px/20px Abel,Arial,sans-serif!important;text-align:center} body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout > a::before {content:"↪";background:none!important;font:24px/20px Abel,Arial,sans-serif!important;text-align:center} body.woocommerce-account .woocommerce-MyAccount-navigation-link--safari-dashboard > a::before {content:""!important;background-image:url("../assets/safari-palm-icon.svg")!important;width:21px!important;height:21px!important;opacity:1} /* Keep the header visual balance closer to the original site navigation. */ @media(min-width:1150px){body.woocommerce-account.ddr-safari-header-fullbleed > .ddr-account-sitebanner{padding-left:max(32px,calc((100vw - 1460px)/2))!important;padding-right:max(32px,calc((100vw - 1460px)/2))!important}} /* 1.0.21: guaranteed WooCommerce nav SVG icons and legible export button. */ body.woocommerce-account.ddr-account-icons-ready .woocommerce-MyAccount-navigation li > a::before {content:none!important;display:none!important;background:none!important;} body.woocommerce-account .woocommerce-MyAccount-navigation .ddr-wc-real-icon {display:inline-block!important;width:21px!important;height:21px!important;min-width:21px!important;flex:0 0 21px!important;object-fit:contain!important;color:#333!important;opacity:1!important;vertical-align:middle!important;} body.woocommerce-account .ddr-dashboard .ddr-export-link {display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;background:#333!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-decoration:none!important;font:500 18px/1.3 Abel,Arial,sans-serif!important;} body.woocommerce-account .ddr-dashboard .ddr-export-link .ddr-export-label {display:inline!important;visibility:visible!important;opacity:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:500 18px/1.3 Abel,Arial,sans-serif!important;} /* v1.0.22 – WC orders: readable purchased products, closed table edges and clean buttons. */ body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table { width:100%!important;border-collapse:collapse!important;border-spacing:0!important; border:1px solid #dedede!important;box-shadow:none!important; font-family:'Abel',Arial,sans-serif!important; } @media(min-width:769px){ body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table thead th, body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr td { border:1px solid #dedede!important;box-shadow:none!important;vertical-align:middle!important; background:#fff!important; } body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr:last-child td {border-bottom:1px solid #dedede!important;} } body.woocommerce-account .woocommerce-MyAccount-content .ddr-order-product-list { margin-top:6px!important;font:400 16px/1.3 'Abel',Arial,sans-serif!important; color:#555!important;overflow-wrap:anywhere; } body.woocommerce-account .woocommerce-MyAccount-content .ddr-order-product-name {display:block!important;margin:2px 0!important;} body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table a.woocommerce-button, body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table a.button, body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table a.view { text-decoration:none!important;text-underline-offset:initial!important; border-bottom:0!important;box-shadow:none!important;color:#fff!important; } body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table a.woocommerce-button:hover, body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table a.woocommerce-button:focus-visible { text-decoration:none!important;color:#fff!important; } @media(max-width:768px) { body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table {border:1px solid #dedede!important;} body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr {border-bottom:1px solid #dedede!important;} body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr:last-child {border-bottom:0!important;} } /* 1.0.23 – square post thumbnails in the DIY discovery search results. */ body.woocommerce-account .ddr-dashboard .ddr-blog-result { display:grid!important;grid-template-columns:104px minmax(0,1fr)!important; grid-template-rows:auto auto!important;gap:10px 18px!important;align-items:start!important; border-radius:0!important;background:#fff!important;border-color:#dedede!important; } body.woocommerce-account .ddr-dashboard .ddr-blog-result-thumb { display:block!important;width:104px!important;height:104px!important;object-fit:cover!important; grid-column:1!important;grid-row:1 / span 2!important;border:1px solid #ededed!important; } body.woocommerce-account .ddr-dashboard .ddr-blog-result-info {grid-column:2!important;grid-row:1!important;min-width:0!important;} body.woocommerce-account .ddr-dashboard .ddr-blog-actions {grid-column:2!important;grid-row:2!important;} @media(max-width:580px){ body.woocommerce-account .ddr-dashboard .ddr-blog-result{grid-template-columns:76px minmax(0,1fr)!important;gap:8px 12px!important;} body.woocommerce-account .ddr-dashboard .ddr-blog-result-thumb{width:76px!important;height:76px!important;} }