/* Personal Dashboard Theme — v1.1 */
:root {
  --pdt-accent: #3b82f6;
  --pdt-accent-2: #6366f1;
  --pdt-yellow: #f5c542;
  --pdt-bg: #f3f6fb;
  --pdt-card: #fff;
  --pdt-fg: #1a2236;
  --pdt-muted: #64748b;
  --pdt-border: #e5e7eb;
  --pdt-shadow: 0 12px 30px -12px rgba(15,23,42,.12);
  --pdt-radius: 18px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--pdt-bg);
  color: var(--pdt-fg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--pdt-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
img, svg { max-width: 100%; height: auto; }

.pdt-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.pdt-wide { max-width: 1440px; }

/* Header */
.site-header {
  background: rgba(255,255,255,.85);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid rgba(15,23,42,.06);
  z-index: 100;
}
.site-header.is-sticky { position: sticky; top: 0; }
.pdt-header-inner { display: flex; align-items: center; gap: 24px; padding: 14px 20px; }
.site-logo { font-weight: 700; font-size: 18px; color: var(--pdt-fg); }
.site-logo:hover { text-decoration: none; }
.main-nav { flex: 1; }
.main-nav .menu { list-style: none; display: flex; gap: 6px; margin: 0; padding: 0; flex-wrap: wrap; }
.main-nav .menu a {
  display: inline-block; padding: 8px 14px; border-radius: 10px;
  color: var(--pdt-fg); font-weight: 500; font-size: 14px;
}
.main-nav .menu a:hover { background: rgba(15,23,42,.05); text-decoration: none; }
.main-nav .current-menu-item > a { background: rgba(59,130,246,.1); color: var(--pdt-accent); }
.pdt-header-actions { display: flex; gap: 10px; align-items: center; }
.pdt-cart { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; background: #f1f5f9; color: var(--pdt-fg); font-size: 14px; }
.pdt-cart-count { background: var(--pdt-accent); color: #fff; padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 600; }
.pdt-btn {
  display: inline-block; padding: 9px 16px; border-radius: 10px;
  background: linear-gradient(135deg, var(--pdt-accent), var(--pdt-accent-2));
  color: #fff; font-weight: 600; font-size: 13px;
  box-shadow: 0 8px 18px -6px rgba(59,130,246,.5);
}
.pdt-btn:hover { text-decoration: none; transform: translateY(-1px); }

/* Cards */
.pdt-card {
  background: var(--pdt-card);
  border-radius: var(--pdt-radius);
  padding: 32px;
  box-shadow: var(--pdt-shadow);
  border: 1px solid rgba(15,23,42,.04);
  margin: 28px 0;
}
.pdt-page .pdt-post-title { font-size: 32px; margin: 0 0 18px; line-height: 1.2; }
.pdt-content > * + * { margin-top: 1em; }
.pdt-content h2 { font-size: 24px; margin-top: 1.4em; }
.pdt-content h3 { font-size: 19px; margin-top: 1.2em; }
.pdt-content img, .pdt-content figure { border-radius: 12px; }
.pdt-content blockquote {
  border-left: 4px solid var(--pdt-accent);
  padding: 8px 18px;
  background: rgba(59,130,246,.05);
  border-radius: 0 10px 10px 0;
  font-style: italic;
  color: var(--pdt-muted);
}
.pdt-content code { background: #f1f5f9; padding: 2px 6px; border-radius: 5px; font-size: .9em; }
.pdt-content pre { background: #0f172a; color: #e2e8f0; padding: 16px; border-radius: 12px; overflow: auto; }

/* Full-width / no-card */
.pdt-no-title .pdt-post-title { display: none; }
body.pdt-full-width .pdt-card { background: transparent; box-shadow: none; border: 0; padding: 0; }

/* Sidebar template */
.pdt-with-sidebar { display: grid; grid-template-columns: 1fr; gap: 24px; padding: 0 20px; }
@media (min-width: 900px) { .pdt-with-sidebar { grid-template-columns: minmax(0,1fr) 300px; } }
.pdt-sidebar .widget { background: var(--pdt-card); border-radius: 14px; padding: 18px; margin-top: 24px; box-shadow: var(--pdt-shadow); }
.pdt-sidebar .widget-title { margin: 0 0 10px; font-size: 14px; text-transform: uppercase; letter-spacing: .05em; color: var(--pdt-muted); }

/* Landing template */
.pdt-landing { background: linear-gradient(180deg, #f8fafc, #eef2ff); margin: 0; }
.pdt-landing-main { padding: 0; }
.pdt-canvas { padding: 0; min-height: 60vh; }

/* Footer */
.site-footer { background: #0f172a; color: #cbd5e1; margin-top: 60px; padding: 40px 0 20px; }
.site-footer a { color: #cbd5e1; }
.site-footer a:hover { color: #fff; }
.pdt-footer-inner { display: grid; grid-template-columns: 1fr; gap: 28px; }
@media (min-width: 780px) { .pdt-footer-inner { grid-template-columns: 1.4fr 1fr 1fr; } }
.pdt-footer-brand strong { color: #fff; font-size: 18px; display: block; margin-bottom: 6px; }
.pdt-footer-brand p { margin: 0; color: #94a3b8; font-size: 14px; }
.site-footer .menu { list-style: none; padding: 0; margin: 0; }
.site-footer .menu li { margin-bottom: 6px; }
.pdt-copyright { border-top: 1px solid rgba(255,255,255,.08); margin-top: 28px; padding-top: 16px; font-size: 12px; color: #64748b; }

/* WooCommerce polish */
.woocommerce ul.products li.product { background: var(--pdt-card); border-radius: 14px; padding: 14px; box-shadow: var(--pdt-shadow); }
.woocommerce ul.products li.product h2 { font-size: 15px !important; }
.woocommerce span.price, .woocommerce-Price-amount { color: var(--pdt-accent); font-weight: 600; }
.woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit {
  background: linear-gradient(135deg, var(--pdt-accent), var(--pdt-accent-2)) !important;
  color: #fff !important; border-radius: 10px !important; padding: 10px 18px !important; font-weight: 600 !important;
}
.woocommerce a.button:hover { transform: translateY(-1px); }

/* Forms */
input[type=text], input[type=email], input[type=password], input[type=search], input[type=url], input[type=tel], input[type=number], textarea, select {
  background: #fff; border: 1px solid var(--pdt-border); border-radius: 10px; padding: 10px 12px; font: inherit; color: var(--pdt-fg);
}
input:focus, textarea:focus, select:focus { outline: none; border-color: var(--pdt-accent); box-shadow: 0 0 0 4px rgba(59,130,246,.12); }

/* Skip link & a11y */
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { position: fixed; top: 8px; left: 8px; padding: 10px 14px; background: #fff; border-radius: 8px; z-index: 9999; }

/* Responsive nav */
@media (max-width: 720px) {
  .pdt-header-inner { flex-wrap: wrap; }
  .main-nav { order: 3; flex-basis: 100%; }
  .main-nav .menu { justify-content: center; }
  .pdt-card { padding: 22px; }
  .pdt-page .pdt-post-title { font-size: 24px; }
}

/* ===== v1.2 hamburger nav ===== */
.pdt-menu-toggle { display: none; background: transparent; border: 0; padding: 8px; cursor: pointer; margin-left: auto; border-radius: 10px; }
.pdt-menu-toggle .pdt-bar { display: block; width: 24px; height: 2px; background: var(--pdt-text, #0f172a); margin: 5px 0; border-radius: 2px; transition: transform .25s, opacity .2s; }
.pdt-menu-toggle.is-open .pdt-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.pdt-menu-toggle.is-open .pdt-bar:nth-child(2) { opacity: 0; }
.pdt-menu-toggle.is-open .pdt-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 900px) {
  .pdt-menu-toggle { display: block; }
  .pdt-header-inner { flex-wrap: nowrap; gap: 12px; align-items: center; }
  .pdt-header-actions { gap: 6px; }
  .pdt-header-actions .pdt-btn { padding: 6px 12px; font-size: 13px; }
  .main-nav {
    position: fixed; top: 0; right: 0; bottom: 0;
    width: min(86%, 320px);
    background: var(--pdt-card, #fff);
    box-shadow: -20px 0 50px rgba(15,23,42,.15);
    transform: translateX(100%);
    transition: transform .3s ease;
    z-index: 999;
    padding: 80px 20px 20px;
    overflow-y: auto;
    flex-basis: auto;
    order: 0;
  }
  .main-nav.is-open { transform: translateX(0); }
  .main-nav .menu { flex-direction: column; gap: 4px; }
  .main-nav .menu a { display: block; padding: 12px 14px; border-radius: 10px; font-size: 15px; }
  body.pdt-menu-open { overflow: hidden; }
  body.pdt-menu-open::after {
    content: ''; position: fixed; inset: 0; background: rgba(15,23,42,.4); z-index: 998; backdrop-filter: blur(2px);
  }
}

/* ===== v1.3 — Header drawer, comments, blog templates ===== */
.site-header { position: relative; }
.pdt-header-inner { display:flex; align-items:center; gap:18px; padding:14px 20px; }
.site-branding { display:flex; flex-direction:column; line-height:1.2; }
.site-tagline { margin:0; font-size:12px; color:#64748b; }
.main-nav-desktop .menu { display:flex; gap:18px; list-style:none; padding:0; margin:0; }
.main-nav-desktop a { text-decoration:none; color:inherit; font-weight:500; padding:6px 4px; }
.main-nav-desktop a:hover { color:var(--pdt-accent,#3b82f6); }
.pdt-header-actions-desktop { margin-left:auto; display:flex; align-items:center; gap:14px; }
.pdt-link { text-decoration:none; color:inherit; font-weight:500; }
.pdt-btn { display:inline-block; background:var(--pdt-accent,#3b82f6); color:#fff !important; padding:9px 18px; border-radius:999px; text-decoration:none; font-weight:600; transition:transform .15s, box-shadow .15s; border:0; cursor:pointer; }
.pdt-btn:hover { transform:translateY(-1px); box-shadow:0 8px 20px -8px rgba(59,130,246,.6); }
.pdt-btn-block { display:block; text-align:center; padding:14px 18px; }
.pdt-link-block { display:block; padding:12px 0; text-align:center; color:#475569; }

.pdt-menu-toggle { display:none; width:42px; height:42px; border:0; background:transparent; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:5px; margin-left:auto; }
.pdt-menu-toggle .pdt-bar { width:22px; height:2px; background:#0f172a; border-radius:2px; transition:transform .25s, opacity .25s; }
.pdt-menu-toggle.is-open .pdt-bar:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.pdt-menu-toggle.is-open .pdt-bar:nth-child(2){ opacity:0; }
.pdt-menu-toggle.is-open .pdt-bar:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.pdt-drawer { position:fixed; inset:0 0 0 auto; width:min(86vw,360px); background:#fff; z-index:99999; transform:translateX(100%); transition:transform .3s ease; box-shadow:-20px 0 60px -20px rgba(15,23,42,.25); display:flex; flex-direction:column; }
.pdt-drawer.is-open { transform:translateX(0); }
.pdt-drawer-inner { display:flex; flex-direction:column; height:100%; padding:18px 22px; }
.pdt-drawer-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid #e2e8f0; }
.pdt-drawer-close { background:transparent; border:0; font-size:32px; line-height:1; cursor:pointer; color:#0f172a; padding:4px 10px; border-radius:8px; }
.pdt-drawer-close:hover { background:#f1f5f9; }
.pdt-drawer-nav { flex:1; padding-top:18px; overflow-y:auto; }
.pdt-drawer-nav .menu { list-style:none; padding:0; margin:0; }
.pdt-drawer-nav .menu li { border-bottom:1px solid #f1f5f9; }
.pdt-drawer-nav .menu a { display:block; padding:14px 4px; text-decoration:none; color:#0f172a; font-size:16px; font-weight:500; }
.pdt-drawer-nav .menu a:hover { color:var(--pdt-accent,#3b82f6); }
.pdt-drawer-actions { padding-top:18px; border-top:1px solid #e2e8f0; display:flex; flex-direction:column; gap:10px; }
.pdt-drawer-backdrop { position:fixed; inset:0; background:rgba(15,23,42,.45); z-index:99998; backdrop-filter:blur(2px); }
body.pdt-menu-open { overflow:hidden; }

@media (max-width: 900px) {
    .main-nav-desktop, .pdt-header-actions-desktop { display:none; }
    .pdt-menu-toggle { display:flex; }
    .pdt-header-inner { padding:12px 16px; }
}

/* Comments */
.pdt-comments { margin-top:32px; padding:32px; }
.pdt-comments-title { font-size:22px; margin:0 0 18px; }
.pdt-comment-list { list-style:none; padding:0; margin:0 0 24px; }
.pdt-comment-list li { padding:18px 0; border-bottom:1px solid #e2e8f0; }
.pdt-comment-list .comment-author { display:flex; align-items:center; gap:10px; margin-bottom:6px; font-weight:600; }
.pdt-comment-list .avatar { border-radius:50%; }
.pdt-comment-list .comment-meta { font-size:12px; color:#64748b; margin-bottom:6px; }
.pdt-comment-list .reply { margin-top:6px; }
.pdt-comment-form { display:grid; gap:14px; }
.pdt-comment-form label { display:block; font-size:13px; font-weight:600; margin-bottom:6px; color:#334155; }
.pdt-comment-form input[type="text"], .pdt-comment-form input[type="email"], .pdt-comment-form input[type="url"], .pdt-comment-form textarea {
  width:100%; padding:12px 14px; border:1px solid #cbd5e1; border-radius:12px; font:inherit; transition:border-color .15s, box-shadow .15s;
}
.pdt-comment-form input:focus, .pdt-comment-form textarea:focus {
  border-color:var(--pdt-accent,#3b82f6); outline:0; box-shadow:0 0 0 3px rgba(59,130,246,.18);
}
.pdt-comment-form .form-submit { margin:0; }
.pdt-comment-form .submit { background:var(--pdt-accent,#3b82f6); color:#fff; padding:12px 28px; border:0; border-radius:999px; font-weight:600; cursor:pointer; }
.pdt-comment-form .submit:hover { background:#2563eb; }
.comment-form-cookies-consent { display:flex; align-items:center; gap:8px; }
.comment-form-cookies-consent label { display:inline; margin:0; }

/* Blog: Magazine */
.pdt-blog-head { padding:24px 0; }
.pdt-blog-title { font-size:36px; margin:0 0 6px; }
.pdt-blog-sub { color:#64748b; }
.pdt-mag-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:24px; }
.pdt-mag-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 8px 24px -16px rgba(15,23,42,.18); display:flex; flex-direction:column; }
.pdt-mag-card-lead { grid-column:span 6; }
.pdt-mag-card-medium { grid-column:span 3; }
.pdt-mag-card-small { grid-column:span 2; }
.pdt-mag-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.pdt-mag-card-lead .pdt-mag-thumb { aspect-ratio:21/9; }
.pdt-mag-card-medium .pdt-mag-thumb { aspect-ratio:4/3; }
.pdt-mag-card-small .pdt-mag-thumb { aspect-ratio:4/3; }
.pdt-mag-body { padding:18px 20px 22px; flex:1; display:flex; flex-direction:column; }
.pdt-mag-meta { font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--pdt-accent,#3b82f6); font-weight:700; margin-bottom:8px; }
.pdt-mag-meta a { text-decoration:none; color:inherit; }
.pdt-mag-title { font-size:20px; margin:0 0 8px; line-height:1.25; }
.pdt-mag-card-lead .pdt-mag-title { font-size:32px; }
.pdt-mag-title a { text-decoration:none; color:inherit; }
.pdt-mag-title a:hover { color:var(--pdt-accent,#3b82f6); }
.pdt-mag-excerpt { color:#475569; flex:1; }
.pdt-mag-foot { font-size:12px; color:#64748b; margin-top:10px; }
@media (max-width: 900px) { .pdt-mag-grid { grid-template-columns:1fr; } .pdt-mag-card,.pdt-mag-card-lead,.pdt-mag-card-medium,.pdt-mag-card-small { grid-column:span 1; } }

/* Blog: Editorial List */
.pdt-list-feed { list-style:none; padding:0; margin:0; max-width:880px; }
.pdt-list-item { display:flex; gap:24px; padding:24px 0; border-bottom:1px solid #e2e8f0; }
.pdt-list-thumb { flex:0 0 220px; aspect-ratio:4/3; overflow:hidden; border-radius:14px; }
.pdt-list-thumb img { width:100%; height:100%; object-fit:cover; }
.pdt-list-meta { font-size:12px; color:#64748b; text-transform:uppercase; letter-spacing:.08em; }
.pdt-list-title { font-size:24px; margin:6px 0 8px; }
.pdt-list-title a { text-decoration:none; color:inherit; }
.pdt-list-title a:hover { color:var(--pdt-accent,#3b82f6); }
.pdt-list-excerpt { color:#475569; }
.pdt-list-more { color:var(--pdt-accent,#3b82f6); font-weight:600; text-decoration:none; }
@media (max-width: 720px) { .pdt-list-item { flex-direction:column; } .pdt-list-thumb { flex:0 0 auto; width:100%; } }

/* Blog: Card Showcase */
.pdt-cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.pdt-show-card { background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 12px 30px -18px rgba(15,23,42,.25); transition:transform .2s, box-shadow .2s; display:flex; flex-direction:column; }
.pdt-show-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px -18px rgba(15,23,42,.3); }
.pdt-show-thumb { aspect-ratio:16/10; overflow:hidden; }
.pdt-show-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.pdt-show-card:hover .pdt-show-thumb img { transform:scale(1.06); }
.pdt-show-body { padding:18px 20px 20px; flex:1; display:flex; flex-direction:column; }
.pdt-show-meta { font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--pdt-accent,#3b82f6); font-weight:700; margin-bottom:6px; }
.pdt-show-meta a { color:inherit; text-decoration:none; }
.pdt-show-title { font-size:18px; margin:4px 0 8px; line-height:1.3; }
.pdt-show-title a { color:inherit; text-decoration:none; }
.pdt-show-excerpt { color:#475569; flex:1; }
.pdt-show-foot { display:flex; justify-content:space-between; font-size:12px; color:#64748b; margin-top:12px; padding-top:12px; border-top:1px solid #f1f5f9; }
@media (max-width: 980px) { .pdt-cards-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 600px) { .pdt-cards-grid { grid-template-columns:1fr; } }

/* Hide title body class */
body.pdt-no-title .pdt-post-title, body.pdt-no-title .entry-title { display:none; }

/* Sticky header glass */
.site-header.is-sticky { position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(10px); background:rgba(255,255,255,.85); border-bottom:1px solid rgba(15,23,42,.06); }

/* ===== v1.4 — Hamburger color + site-wide dark mode ===== */
.pdt-menu-toggle .pdt-bar { background: var(--pdt-accent) !important; }
.pdt-menu-toggle { color: var(--pdt-accent); }

html.pd-dark {
  --pdt-bg: #0f1424;
  --pdt-card: #1a2138;
  --pdt-fg: #f1f5f9;
  --pdt-muted: #94a3b8;
  --pdt-border: rgba(255,255,255,.08);
  --pdt-shadow: 0 12px 30px -12px rgba(0,0,0,.5);
}
html.pd-dark body { background: var(--pdt-bg); color: var(--pdt-fg); }
html.pd-dark .site-header,
html.pd-dark .site-footer { background: rgba(15,20,36,.85); border-color: var(--pdt-border); color: var(--pdt-fg); }
html.pd-dark .site-logo,
html.pd-dark .main-nav a,
html.pd-dark h1, html.pd-dark h2, html.pd-dark h3, html.pd-dark h4, html.pd-dark h5 { color: var(--pdt-fg); }
html.pd-dark .pdt-card,
html.pd-dark article,
html.pd-dark .pdt-sidebar .widget,
html.pd-dark .comment-body,
html.pd-dark .comment-form input,
html.pd-dark .comment-form textarea,
html.pd-dark input[type="text"],
html.pd-dark input[type="email"],
html.pd-dark input[type="search"],
html.pd-dark textarea,
html.pd-dark select { background: var(--pdt-card); color: var(--pdt-fg); border-color: var(--pdt-border); }
html.pd-dark .pdt-cart { background: rgba(255,255,255,.05); color: var(--pdt-fg); }
html.pd-dark .pdt-drawer { background: var(--pdt-card); color: var(--pdt-fg); }
html.pd-dark a { color: #93c5fd; }

/* ===== v1.5 — Visible hamburger + stronger dark mode ===== */
.pdt-menu-toggle{
  display:none; width:44px; height:44px; border:0; cursor:pointer; margin-left:auto;
  align-items:center; justify-content:center; border-radius:12px;
  background: var(--pdt-accent, #3b82f6) !important;
  color:#fff !important;
  box-shadow: 0 6px 16px -6px rgba(59,130,246,.55);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.pdt-menu-toggle:hover{ transform: translateY(-1px); box-shadow:0 10px 22px -8px rgba(59,130,246,.7); }
.pdt-menu-toggle .pdt-bar{ display:none !important; }
.pdt-menu-toggle .pdt-menu-icon{ color:#fff; display:block; }
.pdt-menu-toggle .pdt-menu-icon-close{ display:none; }
.pdt-menu-toggle.is-open .pdt-menu-icon-open{ display:none; }
.pdt-menu-toggle.is-open .pdt-menu-icon-close{ display:block; }

@media (max-width: 900px){
  .pdt-menu-toggle{ display:inline-flex !important; }
}
@media (min-width: 901px){
  .pdt-menu-toggle{ display:none !important; }
}

/* Force dark mode across every page region */
html.pd-dark, html.pd-dark body{ background: var(--pdt-bg, #141a2c) !important; color: var(--pdt-fg, #f5f7fb) !important; }
html.pd-dark .pdt-menu-toggle{ background:#2563eb !important; color:#fff !important; }
html.pd-dark .site-tagline{ color:#94a3b8 !important; }
html.pd-dark .pdt-drawer{ background:#1f2740 !important; color:#f5f7fb !important; }
html.pd-dark .pdt-drawer-nav .menu li{ border-color: rgba(255,255,255,.06) !important; }
html.pd-dark .pdt-drawer-nav a, html.pd-dark .pdt-drawer-close{ color:#f5f7fb !important; }

/* v1.4 — sleek comment form attachments */
.pdt-comments{margin-top:24px}
.pdt-comment-form{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid rgba(0,0,0,.06);border-radius:14px;background:linear-gradient(180deg,rgba(59,130,246,.04),transparent)}
.pdt-comment-form label{font-weight:600;font-size:13px;color:var(--pdt-fg,#1a2236)}
.pdt-comment-form input[type=text],.pdt-comment-form input[type=email],.pdt-comment-form input[type=url],.pdt-comment-form textarea{width:100%;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:10px 12px;background:#fff;font:inherit;transition:border-color .15s,box-shadow .15s}
.pdt-comment-form input:focus,.pdt-comment-form textarea:focus{outline:none;border-color:var(--pdt-accent,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.pdt-comment-attach{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px dashed rgba(59,130,246,.4);border-radius:10px;background:rgba(59,130,246,.04)}
.pdt-comment-attach input[type=file]{font:inherit}
.pdt-btn,.pdt-comment-form input[type=submit]{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--pdt-accent,#3b82f6);color:#fff !important;border:none;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .15s}
.pdt-btn:hover,.pdt-comment-form input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.3)}
.pdt-comment-atts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pdt-att-img img{max-width:160px;max-height:120px;border-radius:8px;border:1px solid rgba(0,0,0,.06)}
.pdt-att-doc{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#f1f5f9;color:#0f172a;text-decoration:none;font-size:13px}
.pdt-att-doc:hover{background:#e2e8f0}