@import url("../../prosilver/theme/stylesheet.css");

/* Keep phpBB's familiar layout and responsive behaviour. */
:root {
    --pf-page: #f3f6fa;
    --pf-surface: #ffffff;
    --pf-border: #dce5ee;
    --pf-ink: #1e344b;
    --pf-muted: #586b80;
    --pf-blue: #1765a1;
    --pf-blue-deep: #17456b;
    --pf-blue-soft: #eef5fc;
    --pf-unread: #c43c2f;
    --pf-shadow: 0 3px 14px rgba(30, 52, 75, 0.045);
}

html { background-color: var(--pf-page); }
body {
    background-color: var(--pf-page);
    color: var(--pf-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    padding: 24px 16px;
}

#wrap {
    background: transparent;
    border: 0;
    border-radius: 0;
    max-width: 1280px;
    padding: 0;
}

h1, h2, h3, h4, a.forumtitle, a.topictitle {
    font-family: inherit;
}

a { color: var(--pf-blue); }
a:hover { color: var(--pf-blue-deep); }

.headerbar {
    background: linear-gradient(115deg, #153e65, #1e679c);
    border-radius: 16px;
    padding: 28px 30px;
    margin-bottom: 14px;
    box-shadow: var(--pf-shadow);
}

.headerbar .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.headerbar .inner::after { display: none; }

#site-description {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    column-gap: 16px;
    align-items: center;
    flex: 1 1 auto;
    float: none;
    width: auto;
    min-width: 0;
}

#site-description h1 {
    grid-column: 2;
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.6px;
    line-height: 1.2;
    margin: 3px 0 6px;
}

#site-description p {
    grid-column: 2;
    color: #e2edf7;
    font-size: 14px;
    margin: 0;
}

.headerbar .logo { float: none; grid-row: 1 / span 2; padding: 0; }
.site_logo {
    background-image: url("images/photofiltre-software.svg");
    background-size: contain;
    width: 64px;
    height: 64px;
}

.search-header {
    float: none;
    flex-shrink: 0;
    margin: 0;
    border-radius: 9px;
    box-shadow: none;
}

.search-header .inputbox { font-size: 13px; min-height: 34px; }
.search-header .button { min-height: 34px; box-sizing: border-box; }
.search-header a { color: var(--pf-ink); }

.navbar {
    background: var(--pf-surface);
    border: 1px solid var(--pf-border);
    border-radius: 12px;
    padding: 11px 16px;
    font-size: 12px;
    box-shadow: var(--pf-shadow);
}

.navbar a { color: var(--pf-blue-deep); }
.navbar .icon { color: var(--pf-blue); }
.navbar .nav-breadcrumbs { border-color: var(--pf-border); }
#page-body { margin-top: 22px; }

.forabg, .forumbg {
    background: var(--pf-surface);
    border: 1px solid var(--pf-border);
    border-radius: 13px;
    padding: 0;
    margin-bottom: 22px;
    overflow: visible;
    box-shadow: var(--pf-shadow);
}

ul.topiclist { font-size: 12px; }
.forabg > .inner > ul.topiclist:first-child,
.forumbg > .inner > ul.topiclist:first-child { border-radius: 12px 12px 0 0; overflow: hidden; }
ul.topiclist li.header {
    background: var(--pf-blue-soft);
    padding: 11px 12px;
    border-bottom: 1px solid var(--pf-border);
}

li.header dt, li.header dd {
    color: var(--pf-blue-deep);
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
    padding-top: 0;
    padding-bottom: 0;
}

.forabg .header a, .forumbg .header a { color: var(--pf-blue-deep); }
li.header dd { border: 0; }
li.row {
    background-color: var(--pf-surface);
    border-top: 0;
    border-bottom: 1px solid #e9eff5;
}
li.row:last-child { border-bottom: 0; border-radius: 0 0 12px 12px; }
li.row:hover {
    background-color: #f5f9fe;
    border-color: #e9eff5;
}

ul.topiclist li.row dl {
    margin: 0;
    padding: 10px 12px;
    background-position: 14px center;
}

ul.topiclist li.row dd { border-left: 0; }
ul.topiclist dt { color: var(--pf-muted); }
ul.topiclist dt .list-inner { line-height: 1.5; }
a.forumtitle, a.topictitle {
    color: var(--pf-ink);
    font-size: 16px;
    font-weight: 650;
    line-height: 1.4;
}
a.forumtitle:hover, a.topictitle:hover { color: var(--pf-blue); }
ul.topiclist .topics, ul.topiclist .posts, ul.topiclist .views { color: var(--pf-muted); }
dd.lastpost { color: var(--pf-muted); font-size: 12px; }
dd.lastpost .lastsubject { font-size: 13px; }

/* Dates are distinct from the author and last-subject links. */
ul.topiclist dd.lastpost time,
ul.topiclist .responsive-show > a > time,
ul.topiclist .lastpost-date time {
    color: var(--pf-blue-deep);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}
ul.topiclist .lastpost-date { margin-top: 5px; font-size: 12px; }

.panel, .post {
    background-color: var(--pf-surface);
    border: 1px solid var(--pf-border);
    border-radius: 13px;
    padding: 16px;
    margin-bottom: 16px;
    box-shadow: var(--pf-shadow);
}
.post:target, .post.target { border-color: #93b9dd; }
.postbody .content { color: var(--pf-ink); font-size: 15px; line-height: 1.7; }
.postbody h3 { font-size: 17px; text-transform: none; }
.postprofile { border-color: var(--pf-border); color: var(--pf-muted); }
.postprofile strong { color: var(--pf-ink); }
.avatar { border-radius: 10px; }
blockquote { background: var(--pf-blue-soft); border-color: var(--pf-border); border-left: 3px solid #7fa9d1; border-radius: 8px; }
.codebox { background: #f8fafc; border-color: var(--pf-border); border-radius: 8px; }
.attachbox { border-color: var(--pf-border); border-radius: 8px; }

.button,
a.button1, input.button1, button.button1,
a.button2, input.button2, button.button2,
a.button3, input.button3, button.button3 {
    background-image: none;
    background-color: #ffffff;
    color: var(--pf-blue-deep);
    border-color: #c9d6e4;
    border-radius: 7px;
    box-shadow: none;
    text-shadow: none;
    font-family: inherit;
    cursor: pointer;
}
a.button1, input.button1, button.button1,
a.button2, input.button2, button.button2,
a.button3, input.button3, button.button3 {
    min-height: 40px;
    height: auto;
    max-width: 100%;
    padding: 8px 14px;
    box-sizing: border-box;
    appearance: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
a.button1, a.button2, a.button3 { display: inline-flex; align-items: center; justify-content: center; }
.button:hover, .button:focus,
a.button2:hover, input.button2:hover, button.button2:hover,
a.button2:focus, input.button2:focus, button.button2:focus,
a.button3:hover, input.button3:hover, button.button3:hover,
a.button3:focus, input.button3:focus, button.button3:focus {
    background-color: var(--pf-blue-soft);
    background-image: none;
    border-color: #83a8cc;
    color: var(--pf-blue-deep);
    box-shadow: none;
    text-shadow: none;
}
input.button1, a.button1, button.button1 { background-color: var(--pf-blue); border-color: var(--pf-blue); color: #ffffff; }
input.button1:focus, a.button1:focus, button.button1:focus {
    background-color: var(--pf-blue);
    background-image: none;
    border-color: var(--pf-blue);
    color: #ffffff;
}
input.button1:hover, a.button1:hover, button.button1:hover {
    background-color: var(--pf-blue-deep);
    background-image: none;
    border-color: var(--pf-blue-deep);
    color: #ffffff;
}
.button .icon:not(.icon-red):not(.icon-green):not(.icon-orange):not(.icon-blue),
.button:hover .icon:not(.icon-red):not(.icon-green):not(.icon-orange):not(.icon-blue),
.button:focus .icon:not(.icon-red):not(.icon-green):not(.icon-orange):not(.icon-blue) { color: inherit; }
.button:focus-visible,
a.button1:focus-visible, input.button1:focus-visible, button.button1:focus-visible,
a.button2:focus-visible, input.button2:focus-visible, button.button2:focus-visible,
a.button3:focus-visible, input.button3:focus-visible, button.button3:focus-visible {
    outline: 2px solid var(--pf-blue);
    outline-offset: 3px;
}
.button:disabled, input.button1:disabled, input.button2:disabled, input.button3:disabled,
button.button1:disabled, button.button2:disabled, button.button3:disabled,
.button.disabled, .button[aria-disabled="true"] {
    background-color: #edf1f5;
    background-image: none;
    border-color: #c9d6e4;
    color: #667482;
    cursor: not-allowed;
    text-shadow: none;
}
.pagination li a { background: white; border-color: #c9d6e4; color: var(--pf-blue-deep); border-radius: 6px; text-shadow: none; }
.pagination li a:hover, .pagination li a:focus,
.pagination .dropdown-visible a.dropdown-trigger {
    background: var(--pf-blue);
    border-color: var(--pf-blue);
    color: white;
    text-shadow: none;
}
.pagination li a:hover .icon, .pagination li a:focus .icon { color: inherit; background: none; }
.pagination li.active span { background: var(--pf-blue); border-color: var(--pf-blue); border-radius: 6px; color: white; }
.pagination li a:focus-visible { outline: 2px solid var(--pf-blue); outline-offset: 3px; }
.row .pagination li a, .row .pagination li.active span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 30px;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.25;
}
.tabs .tab > a, .minitabs .tab > a, #navigation a {
    min-height: 40px;
    padding: 9px 12px;
    box-sizing: border-box;
    background: white;
    border: 1px solid var(--pf-border);
    border-radius: 7px;
    color: var(--pf-blue-deep);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: none;
    text-shadow: none;
}
.tabs .tab > a, .minitabs .tab > a { display: inline-flex; align-items: center; justify-content: center; }
.tabs .tab > a:hover, .tabs .tab > a:focus,
.minitabs .tab > a:hover, .minitabs .tab > a:focus,
#navigation a:hover, #navigation a:focus {
    background: var(--pf-blue-soft);
    border-color: #83a8cc;
    color: var(--pf-blue-deep);
    box-shadow: none;
}
.tabs .activetab > a, .minitabs .activetab > a,
#navigation .active-subsection a {
    background: var(--pf-blue);
    border-color: var(--pf-blue);
    color: white;
    box-shadow: none;
}
.tabs .activetab > a:hover, .tabs .activetab > a:focus,
.minitabs .activetab > a:hover, .minitabs .activetab > a:focus,
#navigation .active-subsection a:hover, #navigation .active-subsection a:focus {
    background: var(--pf-blue-deep);
    border-color: var(--pf-blue-deep);
    color: white;
}
.tabs .tab > a:focus-visible, .minitabs .tab > a:focus-visible,
#navigation a:focus-visible { outline: 2px solid var(--pf-blue); outline-offset: 3px; }
.tabs .responsive-tab > a, .minitabs .responsive-tab > a { min-width: 40px; padding: 0; }
.responsive-tab .responsive-tab-link::before,
.responsive-tab .responsive-tab-link:hover::before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-color: currentColor;
}
.tabs .dropdown, .minitabs .dropdown { top: calc(100% + 8px); }
.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown { top: auto; bottom: calc(100% + 8px); }

.inputbox, select {
    background: var(--pf-surface);
    color: var(--pf-ink);
    border-color: #c9d6e4;
    border-radius: 6px;
    font-family: inherit;
}
.inputbox:focus, select:focus { border-color: var(--pf-blue); outline: 2px solid #c6def4; outline-offset: 1px; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--pf-blue); outline-offset: 3px; }
.dropdown .dropdown-contents { background: var(--pf-surface); border-color: var(--pf-border); border-radius: 8px; box-shadow: var(--pf-shadow); }
.stat-block { color: var(--pf-muted); }
.stat-block h3 { font-size: 14px; color: var(--pf-ink); border-color: var(--pf-border); }
.copyright { color: var(--pf-muted); font-size: 11px; }

@media (max-width: 900px) {
    .headerbar { padding: 22px; }
    #site-description h1 { font-size: 25px; }
    .headerbar .inner { gap: 16px; }
}

@media (max-width: 700px) {
    body { padding: 10px; }
    #wrap { min-width: 0; margin: 0; padding: 0; }
    .headerbar { padding: 20px 16px; border-radius: 12px; }
    .headerbar .inner { display: block; }
    #site-description { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 12px; width: 100%; text-align: left; }
    #site-description .logo { display: block; padding: 0; }
    .site_logo { width: 46px; height: 46px; }
    #site-description h1 { font-size: 22px; margin: 1px 0 4px; }
    #site-description p:not(.skiplink) { display: block; font-size: 12px; }
    .search-header { display: none; }
    .navbar { padding: 9px 11px; }
    #page-body { margin-top: 16px; }
    .forabg, .forumbg { margin-bottom: 16px; border-radius: 11px; }
    ul.topiclist li.header { padding: 10px 8px; }
    ul.topiclist li.row dl { padding: 10px 8px; background-position: 10px 16px; }
    a.forumtitle, a.topictitle { font-size: 15px; }
    .panel, .post { padding: 12px; border-radius: 10px; }
    .postbody .content { font-size: 14px; line-height: 1.65; }
    .lastpost-date a { display: inline-block; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; }
}

/* Semantic section icons; the unread link and status remain native phpBB. */
ul.topiclist li.row dl.pf-forum-row { background-image: none; position: relative; }
.pf-forum-icon {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef5fc;
    border: 1px solid #dce8f3;
    border-radius: 12px;
    box-sizing: border-box;
    pointer-events: none;
}
.pf-forum-icon img { display: block; width: 28px; height: 28px; }
ul.topiclist dl.pf-forum-row dt .list-inner { padding-left: 56px; }
dl.pf-forum-row a.row-item-link { width: 42px; height: 42px; left: 13px; margin-left: 0; margin-top: -21px; z-index: 1; }
.pf-unread .pf-forum-icon { border-color: var(--pf-unread); background: var(--pf-unread); }
.pf-unread .pf-forum-icon img { filter: brightness(0) invert(1); }
.pf-unread .forumtitle { font-weight: 700; }
.pf-unread .pf-forum-icon::after {
    content: "";
    position: absolute;
    right: -3px;
    top: -3px;
    width: 10px;
    height: 10px;
    border: 2px solid white;
    border-radius: 50%;
    background: var(--pf-unread);
}
.pf-forum-lock { display: none; }
.pf-locked .pf-forum-lock {
    display: block;
    position: absolute;
    right: -4px;
    bottom: -4px;
    background: white;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    color: #586b80;
    text-align: center;
    line-height: 17px;
    font-size: 11px;
}
@media (max-width: 700px) {
    .pf-forum-icon { top: 16px; left: 9px; transform: none; width: 38px; height: 38px; border-radius: 10px; }
    .pf-forum-icon img { width: 25px; height: 25px; }
    ul.topiclist dl.pf-forum-row dt .list-inner { padding-left: 50px; }
    dl.pf-forum-row a.row-item-link { top: 16px; left: 9px; width: 38px; height: 38px; margin-top: 0; }
}

/* Everyday navigation, onboarding and native account forms. */
[hidden] { display: none !important; }
body { font-size: 13px; }
ul.topiclist { font-size: 13px; }
.pf-forum-description { color: #465d75; font-size: 14px; line-height: 1.55; }
dd.lastpost { font-size: 13px; }
.pf-shortcuts { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 18px; }
.pf-shortcuts a { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; min-height: 40px; box-sizing: border-box; border: 1px solid var(--pf-border); border-radius: 8px; background: white; color: var(--pf-blue-deep); font-size: 13px; font-weight: 600; text-decoration: none; }
.pf-shortcuts a:hover { border-color: #94b9db; background: var(--pf-blue-soft); }
.navbar a.pf-login-link, .navbar a.pf-register-link { display: inline-flex; align-items: center; gap: 5px; padding: 7px 11px; border-radius: 7px; border: 1px solid #c9d6e4; }
.navbar a.pf-register-link { background: var(--pf-blue); border-color: var(--pf-blue); color: white; }
.pf-welcome { position: relative; background: #f8fbff; padding: 18px 20px; margin: 0 0 18px; }
.pf-welcome h2 { padding-right: 35px; font-size: 19px; margin: 0 0 4px; }
.pf-welcome p { margin: 0 0 13px; color: var(--pf-muted); font-size: 13px; }
.pf-welcome-close { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; border: 0; background: transparent; color: var(--pf-muted); border-radius: 8px; cursor: pointer; }
.pf-welcome-close:hover { background: #e8f0fa; }
.pf-welcome-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pf-welcome-links a { display: flex; align-items: center; gap: 12px; background: white; border: 1px solid var(--pf-border); border-radius: 9px; padding: 12px; text-decoration: none; }
.pf-welcome-links a:hover { border-color: #94b9db; }
.pf-welcome-links .icon { font-size: 20px; }
.pf-welcome-links strong { display: block; font-size: 14px; color: var(--pf-ink); }
.pf-welcome-links small { display: block; font-size: 12px; color: var(--pf-muted); }
.pf-guide-toggle { border: 1px solid var(--pf-border); border-radius: 8px; padding: 10px 13px; min-height: 44px; color: var(--pf-blue); background: white; margin-bottom: 14px; cursor: pointer; }
.pf-guide-toggle { display: inline-flex; align-items: center; gap: 9px; box-sizing: border-box; list-style: none; font: inherit; font-weight: 600; }
.pf-guide-toggle::-webkit-details-marker { display: none; }
.pf-guide-toggle::marker { content: ""; }
.pf-guide-toggle:hover { border-color: var(--pf-blue); background: var(--pf-blue-soft); }
.pf-guide-toggle:focus-visible { outline: 3px solid var(--pf-blue); outline-offset: 3px; }
.pf-guide[open] .pf-guide-toggle .fa-chevron-down { transform: rotate(180deg); }
.pf-guide .pf-welcome { margin-top: 0; }
.pf-status-legend { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--pf-muted); margin: 0 0 12px; }
.pf-unread-dot { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; background: var(--pf-unread); color: white; border-radius: 7px; }
.pf-unread-dot .icon { color: inherit; font-size: 14px; }
.pf-legend-lock { margin-left: 14px; }
.pf-login { max-width: 1000px; margin: 24px auto; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.pf-login > .panel { padding: 24px; margin: 0; min-width: 0; }
.pf-login > .panel:only-child { grid-column: 1 / -1; max-width: 550px; width: 100%; box-sizing: border-box; justify-self: center; }
.pf-login .content, .pf-register .panel .inner { font-size: 14px; line-height: 1.6; }
.pf-login h2, .pf-register h2 { font-size: 24px; margin: 0 0 8px; }
.pf-login h3 { font-size: 19px; text-transform: none; }
.pf-auth-intro { color: var(--pf-muted); font-size: 14px; line-height: 1.6; margin: 0 0 20px; }
.pf-login fieldset dl { margin: 0 0 17px; }
.pf-login fieldset dl dt, .pf-login fieldset dl dd { float: none; width: auto; margin-left: 0; }
.pf-login fieldset dl dt:empty { display: none; }
.pf-login fieldset dl dt label, .pf-register .fields2 dt label { font-weight: 650; font-size: 14px; }
.pf-login .inputbox, .pf-register .inputbox { width: 100%; max-width: 100%; min-height: 44px; box-sizing: border-box; font-size: 16px; padding: 10px 12px; }
.pf-login dd > a { display: inline-block; padding: 5px 0; }
.pf-login label[for="autologin"], .pf-login label[for="viewonline"] { display: inline-flex; gap: 8px; align-items: center; min-height: 40px; }
.pf-login input[type="submit"], .pf-create-account { display: inline-block; padding: 10px 18px; min-height: 44px; box-sizing: border-box; font-size: 15px; text-decoration: none; }
.pf-login a.pf-create-account {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    max-width: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
}
.pf-password-field { display: flex; align-items: stretch; position: relative; width: 100%; }
.pf-password-field .inputbox { padding-right: 88px; min-width: 0; }
.pf-password-toggle { position: absolute; right: 1px; top: 1px; bottom: 1px; min-width: 78px; padding: 0 10px; border: 0; border-left: 1px solid var(--pf-border); border-radius: 0 5px 5px 0; background: #f3f7fb; color: var(--pf-blue-deep); font: inherit; font-size: 12px; cursor: pointer; }
.pf-steps { display: flex; justify-content: center; gap: 24px; list-style: none; margin: 24px auto 18px; padding: 0; max-width: 800px; color: var(--pf-muted); font-size: 14px; }
.pf-steps li { display: flex; align-items: center; gap: 8px; }
.pf-steps li span { display: inline-flex; width: 29px; height: 29px; border-radius: 50%; align-items: center; justify-content: center; border: 1px solid var(--pf-border); background: white; }
.pf-steps li[aria-current] { color: var(--pf-blue-deep); font-weight: 700; }
.pf-steps li[aria-current] span { background: var(--pf-blue); color: white; border-color: var(--pf-blue); }
.pf-register, .pf-agreement { max-width: 800px; margin: 0 auto; }
.pf-register .panel, .pf-agreement .panel { padding: 24px; }
.pf-register .fields2 dl { margin: 0 0 20px; }
.pf-register .fields2 dt, .pf-register .fields2 dd { float: none; width: auto; margin-left: 0; }
.pf-register .fields2 dt { margin-bottom: 7px; }
.pf-register .fields2 dt span { color: var(--pf-muted); font-size: 13px; }
.pf-register select { max-width: 100%; min-height: 40px; }
.pf-register .submit-buttons input, .pf-agreement .submit-buttons input { min-height: 44px; padding: 9px 16px; font-size: 14px; white-space: normal; max-width: 100%; }
.pf-agreement .agreement { font-size: 14px; line-height: 1.75; }
.pf-login .error, .pf-register .error { display: block; background: #fff1ee; border: 1px solid #efd0c9; border-radius: 7px; padding: 12px; font-size: 14px; color: #a32c20; }
.pf-quick-login { padding: 16px; border: 1px solid var(--pf-border); border-radius: 12px; background: white; }
.pf-quick-login .quick-login { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px 16px; align-items: end; min-width: 0; }
.pf-quick-login .quick-login .pf-quick-login-field { display: grid; gap: 7px; min-width: 0; padding: 0; white-space: normal; }
.pf-quick-login-field > span { font-size: 14px; font-weight: 650; }
.pf-quick-login .quick-login input.inputbox { width: 100%; max-width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 10px 12px; box-sizing: border-box; font-size: 16px; }
.pf-quick-login .quick-login input.pf-quick-login-submit { min-height: 44px; padding: 10px 22px; box-sizing: border-box; font-size: 15px; line-height: 1.5; cursor: pointer; }
.pf-quick-login-submit:focus-visible { outline: 2px solid var(--pf-blue); outline-offset: 3px; }
.pf-quick-login-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; font-size: 14px; }
.pf-quick-login .quick-login .pf-quick-login-actions label { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0; white-space: normal; cursor: pointer; }
.pf-quick-login-actions a { padding: 8px 0; }
.pf-support-help { clear: both; padding: 12px 14px; margin: 12px 0 18px; border: 1px solid var(--pf-border); border-radius: 9px; background: var(--pf-blue-soft); font-size: 14px; }
.pf-support-help summary { cursor: pointer; font-weight: 600; color: var(--pf-blue-deep); }
.pf-support-help p { margin: 12px 0 6px; }
.pf-support-help ul { margin: 0 0 4px 22px; list-style: disc; }
.pagination li > a, .pagination li > span:not(.sr-only) { min-width: 30px; min-height: 30px; box-sizing: border-box; }
.pf-back-top { position: fixed; bottom: 22px; right: 22px; z-index: 5; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: white; border: 1px solid #b4c9dd; border-radius: 50%; box-shadow: 0 3px 12px #1e344b18; color: var(--pf-blue-deep); text-decoration: none; }
@media (max-width: 700px) {
    .pf-shortcuts { gap: 7px; margin: 10px 0 14px; }
    .pf-shortcuts a { font-size: 12px; padding: 9px 11px; min-height: 44px; }
    .navbar a.pf-login-link, .navbar a.pf-register-link { padding: 8px; min-height: 40px; box-sizing: border-box; }
    .pf-welcome { padding: 16px; }
    .pf-welcome h2 { font-size: 17px; }
    .pf-welcome-links { grid-template-columns: 1fr; gap: 8px; }
    .pf-welcome-links a { padding: 9px 12px; }
    .pf-forum-description { font-size: 14px; }
    .pf-login { display: block; margin-top: 18px; }
    .pf-login > .panel { padding: 18px; margin-bottom: 16px; }
    .pf-login h2, .pf-register h2 { font-size: 22px; }
    .pf-steps { gap: 12px; font-size: 12px; }
    .pf-steps li { gap: 5px; }
    .pf-steps li span { width: 24px; height: 24px; flex-shrink: 0; }
    .pf-register .panel, .pf-agreement .panel { padding: 16px; }
    .pf-register .submit-buttons input, .pf-agreement .submit-buttons input { display: block; width: 100%; margin: 8px 0; }
    .button, a.button1, input.button1, button.button1, a.button2, input.button2, button.button2, a.button3, input.button3, button.button3 { min-height: 44px; box-sizing: border-box; }
    .pagination li > a, .pagination li > span:not(.sr-only) { min-width: 38px; min-height: 38px; padding: 8px; }
    .row .pagination li a, .row .pagination li.active span { min-width: 38px; min-height: 38px; padding: 8px; }
    .tabs .tab > a, .minitabs .tab > a, #navigation a { min-height: 44px; }
    .tabs .responsive-tab > a, .minitabs .responsive-tab > a { min-width: 44px; }
    .pf-quick-login .quick-login { grid-template-columns: minmax(0, 1fr); }
    .pf-quick-login .quick-login input.pf-quick-login-submit { width: 100% !important; }
    .pf-back-top { right: 12px; bottom: 16px; }
}

@media (max-width: 700px) {
    .pagination { max-width: 100%; }
    .pagination ul { display: flex; flex-wrap: wrap; gap: 4px; max-width: 100%; }
    .pagination li { margin: 0; }
}

.pf-register fieldset, .pf-login fieldset { min-width: 0; }
.pf-register .captcha-image img { max-width: 100%; height: auto; }

.pf-profile-details { border-top: 1px solid var(--pf-border); padding-top: 16px; }
.pf-profile-details summary { cursor: pointer; color: var(--pf-blue-deep); font-weight: 600; padding: 8px 0; }
.pf-profile-details summary span { font-size: 12px; font-weight: 400; color: var(--pf-muted); }
.pf-profile-details > p { color: var(--pf-muted); font-size: 13px; margin: 10px 0 18px; }

/* Override native autowidth and gradient rules on the account forms. */
input.button1, a.button1 { background-image: none; }
.pf-login .inputbox.autowidth, .pf-register .inputbox.autowidth { width: 100% !important; }
.pf-login input[name="login"] { width: 100% !important; }
.pf-profile-details summary, .pf-support-help summary { display: list-item; list-style: disclosure-closed inside; }
.pf-profile-details[open] > summary, .pf-support-help[open] > summary { list-style-type: disclosure-open; }

/* Consistent control geometry: native search fields and buttons share a row. */
.site_logo { background-repeat: no-repeat; background-position: center; }
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 12px;
    box-sizing: border-box;
    line-height: 1.2;
}
.button > .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    float: none;
    width: 1.25em;
    height: 1.25em;
    margin: 0;
    line-height: 1;
}
.button > .icon::before,
.navbar .icon::before,
.pf-shortcuts .icon::before,
.pf-welcome-links .icon::before,
.pf-back-top .icon::before { padding: 0; }
.button.button-icon-only { min-width: 40px; padding: 0; }
.navbar a.pf-login-link, .navbar a.pf-register-link {
    min-height: 40px;
    box-sizing: border-box;
    justify-content: center;
    line-height: 1.2;
}
.navbar a.pf-register-link .icon { color: inherit; }
.navbar a.pf-login-link .icon,
.navbar a.pf-register-link .icon,
.pf-shortcuts .icon,
.pf-back-top .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.25em;
    height: 1.25em;
    margin: 0;
    line-height: 1;
}
.search-box { max-width: 100%; }
.search-box form { margin: 0; }
.search-box fieldset {
    display: flex;
    align-items: stretch;
    gap: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
}
.search-box .inputbox {
    flex: 1 1 auto;
    float: none;
    min-width: 0;
    width: 200px;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #c9d6e4;
    border-right-width: 0;
    border-radius: 8px 0 0 8px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: normal;
}
.search-box .button {
    flex: 0 0 40px;
    float: none;
    width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0;
    border: 1px solid #c9d6e4;
    border-radius: 0;
}
.search-box .button-search-end {
    border-left-width: 0;
    border-radius: 0 8px 8px 0;
}
.search-box .button > .icon { font-size: 14px; }
.search-header { flex-shrink: 0; }
.action-bar.bar-top, .action-bar.bar-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 14px 0;
}
.action-bar.bar-top::after, .action-bar.bar-bottom::after { display: none; }
.action-bar.bar-top > .button, .action-bar.bar-bottom > .button {
    float: none;
    margin: 0;
}
.action-bar.bar-top > .search-box, .action-bar.bar-bottom > .search-box {
    float: none;
    margin: 0;
}
.action-bar.bar-top > .pagination, .action-bar.bar-bottom > .pagination {
    float: none;
    margin-left: auto;
    min-width: 0;
}
@media (max-width: 700px) {
    .button { min-height: 44px; }
    .button.button-icon-only { min-width: 44px; }
    .navbar a.pf-login-link, .navbar a.pf-register-link { min-height: 44px; }
    .search-box .inputbox, .search-box .button { height: 44px; min-height: 44px; }
    .search-box .button { flex-basis: 44px; width: 44px; }
    .action-bar.bar-top, .action-bar.bar-bottom { gap: 10px; }
    .action-bar.bar-top > .search-box, .action-bar.bar-bottom > .search-box {
        flex-basis: 100%;
        width: 100%;
    }
    .action-bar.bar-top > .pagination, .action-bar.bar-bottom > .pagination {
        flex-basis: 100%;
        width: 100%;
        margin-left: 0;
    }
}

/* Online status follows phpBB presence and replaces the old image ribbon. */
.post.online { background-image: none; }
.pf-online-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0 2px;
    padding: 3px 9px;
    border: 1px solid #b9dfc7;
    border-radius: 999px;
    background-color: #edf8f1;
    color: #246b43;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    vertical-align: middle;
}
.pf-online-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background-color: #338653; }
.postprofile .pf-online-status { margin-left: 5px; }

/* Match the image viewer to the forum while keeping photos readable. */
body .lightbox3-overlay {
    --lb-backdrop-color: rgba(18, 29, 43, .96);
    --lb-image-border-radius: 6px;
    --lb-chrome-font-size: 14px;
}
body .lightbox3-close { width: 44px; height: 44px; }
.content a[data-lightbox] > img.postimage { cursor: zoom-in !important; }
.content a[data-lightbox]:focus-visible > img.postimage {
    outline: 3px solid var(--pf-blue);
    outline-offset: 3px;
}

/* Modern SVG topic states: preserve phpBB read, type, lock and participation indicators. */
dl.row-item.global_read { background-image: url("./images/topics/global_read.svg?v=20261004c"); }
dl.row-item.global_read_mine { background-image: url("./images/topics/global_read_mine.svg?v=20261004c"); }
dl.row-item.global_read_locked { background-image: url("./images/topics/global_read_locked.svg?v=20261004c"); }
dl.row-item.global_read_locked_mine { background-image: url("./images/topics/global_read_locked_mine.svg?v=20261004c"); }
dl.row-item.global_unread { background-image: url("./images/topics/global_unread.svg?v=20261004c"); }
dl.row-item.global_unread_mine { background-image: url("./images/topics/global_unread_mine.svg?v=20261004c"); }
dl.row-item.global_unread_locked { background-image: url("./images/topics/global_unread_locked.svg?v=20261004c"); }
dl.row-item.global_unread_locked_mine { background-image: url("./images/topics/global_unread_locked_mine.svg?v=20261004c"); }
dl.row-item.announce_read { background-image: url("./images/topics/announce_read.svg?v=20261004c"); }
dl.row-item.announce_read_mine { background-image: url("./images/topics/announce_read_mine.svg?v=20261004c"); }
dl.row-item.announce_read_locked { background-image: url("./images/topics/announce_read_locked.svg?v=20261004c"); }
dl.row-item.announce_read_locked_mine { background-image: url("./images/topics/announce_read_locked_mine.svg?v=20261004c"); }
dl.row-item.announce_unread { background-image: url("./images/topics/announce_unread.svg?v=20261004c"); }
dl.row-item.announce_unread_mine { background-image: url("./images/topics/announce_unread_mine.svg?v=20261004c"); }
dl.row-item.announce_unread_locked { background-image: url("./images/topics/announce_unread_locked.svg?v=20261004c"); }
dl.row-item.announce_unread_locked_mine { background-image: url("./images/topics/announce_unread_locked_mine.svg?v=20261004c"); }
dl.row-item.sticky_read { background-image: url("./images/topics/sticky_read.svg?v=20261004c"); }
dl.row-item.sticky_read_mine { background-image: url("./images/topics/sticky_read_mine.svg?v=20261004c"); }
dl.row-item.sticky_read_locked { background-image: url("./images/topics/sticky_read_locked.svg?v=20261004c"); }
dl.row-item.sticky_read_locked_mine { background-image: url("./images/topics/sticky_read_locked_mine.svg?v=20261004c"); }
dl.row-item.sticky_unread { background-image: url("./images/topics/sticky_unread.svg?v=20261004c"); }
dl.row-item.sticky_unread_mine { background-image: url("./images/topics/sticky_unread_mine.svg?v=20261004c"); }
dl.row-item.sticky_unread_locked { background-image: url("./images/topics/sticky_unread_locked.svg?v=20261004c"); }
dl.row-item.sticky_unread_locked_mine { background-image: url("./images/topics/sticky_unread_locked_mine.svg?v=20261004c"); }
dl.row-item.topic_moved { background-image: url("./images/topics/topic_moved.svg?v=20261004d"); }
dl.row-item.topic_read { background-image: url("./images/topics/topic_read.svg?v=20261004c"); }
dl.row-item.topic_read_mine { background-image: url("./images/topics/topic_read_mine.svg?v=20261004c"); }
dl.row-item.topic_read_hot { background-image: url("./images/topics/topic_read_hot.svg?v=20261004c"); }
dl.row-item.topic_read_hot_mine { background-image: url("./images/topics/topic_read_hot_mine.svg?v=20261004c"); }
dl.row-item.topic_read_locked { background-image: url("./images/topics/topic_read_locked.svg?v=20261004c"); }
dl.row-item.topic_read_locked_mine { background-image: url("./images/topics/topic_read_locked_mine.svg?v=20261004c"); }
dl.row-item.topic_unread { background-image: url("./images/topics/topic_unread.svg?v=20261004c"); }
dl.row-item.topic_unread_mine { background-image: url("./images/topics/topic_unread_mine.svg?v=20261004c"); }
dl.row-item.topic_unread_hot { background-image: url("./images/topics/topic_unread_hot.svg?v=20261004c"); }
dl.row-item.topic_unread_hot_mine { background-image: url("./images/topics/topic_unread_hot_mine.svg?v=20261004c"); }
dl.row-item.topic_unread_locked { background-image: url("./images/topics/topic_unread_locked.svg?v=20261004c"); }
dl.row-item.topic_unread_locked_mine { background-image: url("./images/topics/topic_unread_locked_mine.svg?v=20261004c"); }

/* Separate status column; the main glyph is never covered by a status badge. */
dl.row-item:is(.global_read,.global_read_mine,.global_read_locked,.global_read_locked_mine,.global_unread,.global_unread_mine,.global_unread_locked,.global_unread_locked_mine,.announce_read,.announce_read_mine,.announce_read_locked,.announce_read_locked_mine,.announce_unread,.announce_unread_mine,.announce_unread_locked,.announce_unread_locked_mine,.sticky_read,.sticky_read_mine,.sticky_read_locked,.sticky_read_locked_mine,.sticky_unread,.sticky_unread_mine,.sticky_unread_locked,.sticky_unread_locked_mine,.topic_moved,.topic_read,.topic_read_mine,.topic_read_hot,.topic_read_hot_mine,.topic_read_locked,.topic_read_locked_mine,.topic_unread,.topic_unread_mine,.topic_unread_hot,.topic_unread_hot_mine,.topic_unread_locked,.topic_unread_locked_mine) { background-size: 54px 40px; background-position: 8px 50%; }
dl.row-item:is(.global_read,.global_read_mine,.global_read_locked,.global_read_locked_mine,.global_unread,.global_unread_mine,.global_unread_locked,.global_unread_locked_mine,.announce_read,.announce_read_mine,.announce_read_locked,.announce_read_locked_mine,.announce_unread,.announce_unread_mine,.announce_unread_locked,.announce_unread_locked_mine,.sticky_read,.sticky_read_mine,.sticky_read_locked,.sticky_read_locked_mine,.sticky_unread,.sticky_unread_mine,.sticky_unread_locked,.sticky_unread_locked_mine,.topic_moved,.topic_read,.topic_read_mine,.topic_read_hot,.topic_read_hot_mine,.topic_read_locked,.topic_read_locked_mine,.topic_unread,.topic_unread_mine,.topic_unread_hot,.topic_unread_hot_mine,.topic_unread_locked,.topic_unread_locked_mine) dt { min-height: 40px; }
dl.row-item:is(.global_read,.global_read_mine,.global_read_locked,.global_read_locked_mine,.global_unread,.global_unread_mine,.global_unread_locked,.global_unread_locked_mine,.announce_read,.announce_read_mine,.announce_read_locked,.announce_read_locked_mine,.announce_unread,.announce_unread_mine,.announce_unread_locked,.announce_unread_locked_mine,.sticky_read,.sticky_read_mine,.sticky_read_locked,.sticky_read_locked_mine,.sticky_unread,.sticky_unread_mine,.sticky_unread_locked,.sticky_unread_locked_mine,.topic_moved,.topic_read,.topic_read_mine,.topic_read_hot,.topic_read_hot_mine,.topic_read_locked,.topic_read_locked_mine,.topic_unread,.topic_unread_mine,.topic_unread_hot,.topic_unread_hot_mine,.topic_unread_locked,.topic_unread_locked_mine) dt .list-inner { padding-left: 74px; }
dl.row-item:is(.global_read,.global_read_mine,.global_read_locked,.global_read_locked_mine,.global_unread,.global_unread_mine,.global_unread_locked,.global_unread_locked_mine,.announce_read,.announce_read_mine,.announce_read_locked,.announce_read_locked_mine,.announce_unread,.announce_unread_mine,.announce_unread_locked,.announce_unread_locked_mine,.sticky_read,.sticky_read_mine,.sticky_read_locked,.sticky_read_locked_mine,.sticky_unread,.sticky_unread_mine,.sticky_unread_locked,.sticky_unread_locked_mine,.topic_moved,.topic_read,.topic_read_mine,.topic_read_hot,.topic_read_hot_mine,.topic_read_locked,.topic_read_locked_mine,.topic_unread,.topic_unread_mine,.topic_unread_hot,.topic_unread_hot_mine,.topic_unread_locked,.topic_unread_locked_mine) dt a.row-item-link { width: 58px; height: 44px; left: 6px; margin-left: 0; margin-top: -22px; }

/* Familiar smileys, rendered as crisp vectors in old messages and the editor. */
img[src="./images/smilies/icon_arrow.gif"],img[src="images/smilies/icon_arrow.gif"],img[src="../images/smilies/icon_arrow.gif"],img[src="/forum/images/smilies/icon_arrow.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_arrow.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_arrow.gif"] { content: url("./images/smilies/icon_arrow.svg?v=20261004a"); content: url("./images/smilies/icon_arrow.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_biggrin.gif"],img[src="images/smilies/icon_biggrin.gif"],img[src="../images/smilies/icon_biggrin.gif"],img[src="/forum/images/smilies/icon_biggrin.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_biggrin.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_biggrin.gif"] { content: url("./images/smilies/icon_biggrin.svg?v=20261004a"); content: url("./images/smilies/icon_biggrin.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_clap.gif"],img[src="images/smilies/icon_clap.gif"],img[src="../images/smilies/icon_clap.gif"],img[src="/forum/images/smilies/icon_clap.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_clap.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_clap.gif"] { content: url("./images/smilies/icon_clap.svg?v=20261004a"); content: url("./images/smilies/icon_clap.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_confused.gif"],img[src="images/smilies/icon_confused.gif"],img[src="../images/smilies/icon_confused.gif"],img[src="/forum/images/smilies/icon_confused.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_confused.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_confused.gif"] { content: url("./images/smilies/icon_confused.svg?v=20261004a"); content: url("./images/smilies/icon_confused.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_cool.gif"],img[src="images/smilies/icon_cool.gif"],img[src="../images/smilies/icon_cool.gif"],img[src="/forum/images/smilies/icon_cool.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_cool.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_cool.gif"] { content: url("./images/smilies/icon_cool.svg?v=20261004a"); content: url("./images/smilies/icon_cool.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_cry.gif"],img[src="images/smilies/icon_cry.gif"],img[src="../images/smilies/icon_cry.gif"],img[src="/forum/images/smilies/icon_cry.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_cry.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_cry.gif"] { content: url("./images/smilies/icon_cry.svg?v=20261004a"); content: url("./images/smilies/icon_cry.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_e_biggrin.gif"],img[src="images/smilies/icon_e_biggrin.gif"],img[src="../images/smilies/icon_e_biggrin.gif"],img[src="/forum/images/smilies/icon_e_biggrin.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_e_biggrin.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_e_biggrin.gif"] { content: url("./images/smilies/icon_e_biggrin.svg?v=20261004a"); content: url("./images/smilies/icon_e_biggrin.svg?v=20261004a") / attr(alt); width: 15px; height: 17px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_e_confused.gif"],img[src="images/smilies/icon_e_confused.gif"],img[src="../images/smilies/icon_e_confused.gif"],img[src="/forum/images/smilies/icon_e_confused.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_e_confused.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_e_confused.gif"] { content: url("./images/smilies/icon_e_confused.svg?v=20261004a"); content: url("./images/smilies/icon_e_confused.svg?v=20261004a") / attr(alt); width: 15px; height: 17px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_e_geek.gif"],img[src="images/smilies/icon_e_geek.gif"],img[src="../images/smilies/icon_e_geek.gif"],img[src="/forum/images/smilies/icon_e_geek.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_e_geek.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_e_geek.gif"] { content: url("./images/smilies/icon_e_geek.svg?v=20261004a"); content: url("./images/smilies/icon_e_geek.svg?v=20261004a") / attr(alt); width: 17px; height: 17px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_e_sad.gif"],img[src="images/smilies/icon_e_sad.gif"],img[src="../images/smilies/icon_e_sad.gif"],img[src="/forum/images/smilies/icon_e_sad.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_e_sad.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_e_sad.gif"] { content: url("./images/smilies/icon_e_sad.svg?v=20261004a"); content: url("./images/smilies/icon_e_sad.svg?v=20261004a") / attr(alt); width: 15px; height: 17px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_e_smile.gif"],img[src="images/smilies/icon_e_smile.gif"],img[src="../images/smilies/icon_e_smile.gif"],img[src="/forum/images/smilies/icon_e_smile.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_e_smile.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_e_smile.gif"] { content: url("./images/smilies/icon_e_smile.svg?v=20261004a"); content: url("./images/smilies/icon_e_smile.svg?v=20261004a") / attr(alt); width: 15px; height: 17px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_e_surprised.gif"],img[src="images/smilies/icon_e_surprised.gif"],img[src="../images/smilies/icon_e_surprised.gif"],img[src="/forum/images/smilies/icon_e_surprised.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_e_surprised.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_e_surprised.gif"] { content: url("./images/smilies/icon_e_surprised.svg?v=20261004a"); content: url("./images/smilies/icon_e_surprised.svg?v=20261004a") / attr(alt); width: 15px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_e_ugeek.gif"],img[src="images/smilies/icon_e_ugeek.gif"],img[src="../images/smilies/icon_e_ugeek.gif"],img[src="/forum/images/smilies/icon_e_ugeek.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_e_ugeek.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_e_ugeek.gif"] { content: url("./images/smilies/icon_e_ugeek.svg?v=20261004a"); content: url("./images/smilies/icon_e_ugeek.svg?v=20261004a") / attr(alt); width: 19px; height: 18px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_e_wink.gif"],img[src="images/smilies/icon_e_wink.gif"],img[src="../images/smilies/icon_e_wink.gif"],img[src="/forum/images/smilies/icon_e_wink.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_e_wink.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_e_wink.gif"] { content: url("./images/smilies/icon_e_wink.svg?v=20261004a"); content: url("./images/smilies/icon_e_wink.svg?v=20261004a") / attr(alt); width: 15px; height: 17px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_eek.gif"],img[src="images/smilies/icon_eek.gif"],img[src="../images/smilies/icon_eek.gif"],img[src="/forum/images/smilies/icon_eek.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_eek.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_eek.gif"] { content: url("./images/smilies/icon_eek.svg?v=20261004a"); content: url("./images/smilies/icon_eek.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_evil.gif"],img[src="images/smilies/icon_evil.gif"],img[src="../images/smilies/icon_evil.gif"],img[src="/forum/images/smilies/icon_evil.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_evil.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_evil.gif"] { content: url("./images/smilies/icon_evil.svg?v=20261004a"); content: url("./images/smilies/icon_evil.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_exclaim.gif"],img[src="images/smilies/icon_exclaim.gif"],img[src="../images/smilies/icon_exclaim.gif"],img[src="/forum/images/smilies/icon_exclaim.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_exclaim.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_exclaim.gif"] { content: url("./images/smilies/icon_exclaim.svg?v=20261004a"); content: url("./images/smilies/icon_exclaim.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_frown.gif"],img[src="images/smilies/icon_frown.gif"],img[src="../images/smilies/icon_frown.gif"],img[src="/forum/images/smilies/icon_frown.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_frown.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_frown.gif"] { content: url("./images/smilies/icon_frown.svg?v=20261004a"); content: url("./images/smilies/icon_frown.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_idea.gif"],img[src="images/smilies/icon_idea.gif"],img[src="../images/smilies/icon_idea.gif"],img[src="/forum/images/smilies/icon_idea.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_idea.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_idea.gif"] { content: url("./images/smilies/icon_idea.svg?v=20261004a"); content: url("./images/smilies/icon_idea.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_lol.gif"],img[src="images/smilies/icon_lol.gif"],img[src="../images/smilies/icon_lol.gif"],img[src="/forum/images/smilies/icon_lol.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_lol.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_lol.gif"] { content: url("./images/smilies/icon_lol.svg?v=20261004a"); content: url("./images/smilies/icon_lol.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_mad.gif"],img[src="images/smilies/icon_mad.gif"],img[src="../images/smilies/icon_mad.gif"],img[src="/forum/images/smilies/icon_mad.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_mad.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_mad.gif"] { content: url("./images/smilies/icon_mad.svg?v=20261004a"); content: url("./images/smilies/icon_mad.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_mrgreen.gif"],img[src="images/smilies/icon_mrgreen.gif"],img[src="../images/smilies/icon_mrgreen.gif"],img[src="/forum/images/smilies/icon_mrgreen.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_mrgreen.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_mrgreen.gif"] { content: url("./images/smilies/icon_mrgreen.svg?v=20261004a"); content: url("./images/smilies/icon_mrgreen.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_neutral.gif"],img[src="images/smilies/icon_neutral.gif"],img[src="../images/smilies/icon_neutral.gif"],img[src="/forum/images/smilies/icon_neutral.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_neutral.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_neutral.gif"] { content: url("./images/smilies/icon_neutral.svg?v=20261004a"); content: url("./images/smilies/icon_neutral.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_question.gif"],img[src="images/smilies/icon_question.gif"],img[src="../images/smilies/icon_question.gif"],img[src="/forum/images/smilies/icon_question.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_question.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_question.gif"] { content: url("./images/smilies/icon_question.svg?v=20261004a"); content: url("./images/smilies/icon_question.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_razz.gif"],img[src="images/smilies/icon_razz.gif"],img[src="../images/smilies/icon_razz.gif"],img[src="/forum/images/smilies/icon_razz.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_razz.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_razz.gif"] { content: url("./images/smilies/icon_razz.svg?v=20261004a"); content: url("./images/smilies/icon_razz.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_redface.gif"],img[src="images/smilies/icon_redface.gif"],img[src="../images/smilies/icon_redface.gif"],img[src="/forum/images/smilies/icon_redface.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_redface.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_redface.gif"] { content: url("./images/smilies/icon_redface.svg?v=20261004a"); content: url("./images/smilies/icon_redface.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_rolleyes.gif"],img[src="images/smilies/icon_rolleyes.gif"],img[src="../images/smilies/icon_rolleyes.gif"],img[src="/forum/images/smilies/icon_rolleyes.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_rolleyes.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_rolleyes.gif"] { content: url("./images/smilies/icon_rolleyes.svg?v=20261004a"); content: url("./images/smilies/icon_rolleyes.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_sad.gif"],img[src="images/smilies/icon_sad.gif"],img[src="../images/smilies/icon_sad.gif"],img[src="/forum/images/smilies/icon_sad.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_sad.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_sad.gif"] { content: url("./images/smilies/icon_sad.svg?v=20261004a"); content: url("./images/smilies/icon_sad.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_smile.gif"],img[src="images/smilies/icon_smile.gif"],img[src="../images/smilies/icon_smile.gif"],img[src="/forum/images/smilies/icon_smile.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_smile.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_smile.gif"] { content: url("./images/smilies/icon_smile.svg?v=20261004a"); content: url("./images/smilies/icon_smile.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_surprised.gif"],img[src="images/smilies/icon_surprised.gif"],img[src="../images/smilies/icon_surprised.gif"],img[src="/forum/images/smilies/icon_surprised.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_surprised.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_surprised.gif"] { content: url("./images/smilies/icon_surprised.svg?v=20261004a"); content: url("./images/smilies/icon_surprised.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_twisted.gif"],img[src="images/smilies/icon_twisted.gif"],img[src="../images/smilies/icon_twisted.gif"],img[src="/forum/images/smilies/icon_twisted.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_twisted.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_twisted.gif"] { content: url("./images/smilies/icon_twisted.svg?v=20261004a"); content: url("./images/smilies/icon_twisted.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }
img[src="./images/smilies/icon_wink.gif"],img[src="images/smilies/icon_wink.gif"],img[src="../images/smilies/icon_wink.gif"],img[src="/forum/images/smilies/icon_wink.gif"],img[src="https://www.photofiltre-studio.com/forum/images/smilies/icon_wink.gif"],img[src="https://photofiltre-studio.com/forum/images/smilies/icon_wink.gif"] { content: url("./images/smilies/icon_wink.svg?v=20261004a"); content: url("./images/smilies/icon_wink.svg?v=20261004a") / attr(alt); width: 19px; height: 19px; object-fit: contain; vertical-align: -3px; }

/* Quoted text: clear author heading and compact nesting on mobile. */
blockquote { background: #f6f9fd; border: 1px solid #d9e4ef; border-left: 3px solid #7fa9d1; border-radius: 10px; padding: 13px 16px; margin: 12px 0; font-size: 1em; line-height: 1.65; color: #41546a; overflow-wrap: anywhere; }
blockquote cite { font: inherit; font-size: 13px; font-weight: 600; line-height: 1.5; color: var(--pf-blue-deep); padding-bottom: 8px; margin-bottom: 9px; border-bottom: 1px solid #dfe8f1; }
blockquote cite > span { float: none; margin-left: 8px; color: var(--pf-muted); }
blockquote blockquote { background: #ffffff; border-left-width: 2px; margin: 10px 0; padding: 10px 12px; }
blockquote blockquote blockquote { background: #f8fbfe; }
/* Attachments: one clear outer frame, unchanged images and download links. */
.attachbox { float: none; display: block; width: fit-content; max-width: 100%; box-sizing: border-box; padding: 12px 14px; margin: 12px 0; border: 1px solid var(--pf-border); border-radius: 10px; background: #f7faff; }
.attachbox > dt { font: inherit; font-size: 13px; font-weight: 600; text-transform: none; color: var(--pf-blue-deep); }
.attachbox > dd { border-top-color: #dfe8f1; padding-top: 10px; margin-top: 8px; overflow-wrap: anywhere; }
.inline-attachment > dl.file, .inline-attachment > dl.thumbnail { box-sizing: border-box; max-width: 100%; padding: 12px 14px; margin: 12px 0; border: 1px solid var(--pf-border); border-radius: 10px; background: #f7faff; overflow-wrap: anywhere; }
.attachbox dl.file, .inline-attachment dl.file, .attachbox dl.thumbnail, .inline-attachment dl.thumbnail { font-family: inherit; }
.attachbox dl.file dt, .inline-attachment dl.file dt { font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.5; }
.attachbox dl.file dd, .inline-attachment dl.file dd, .attachbox dl.thumbnail dd, .inline-attachment dl.thumbnail dd { margin-top: 6px; color: var(--pf-muted); font-family: inherit; font-size: 12px; line-height: 1.5; }
.attachbox .postlink, .inline-attachment .postlink { border-bottom: 0; overflow-wrap: anywhere; }
.attachbox .postlink:hover, .inline-attachment .postlink:hover { text-decoration: underline; }
.attachbox .postimage, .inline-attachment .postimage { box-sizing: border-box; max-width: 100%; height: auto; border: 1px solid #dce5ee; border-radius: 7px; padding: 0; }
.attachbox a:hover .postimage, .inline-attachment a:hover .postimage { border-color: #94b9db; }
@media(max-width:700px) { blockquote { padding: 11px 12px; } blockquote blockquote { padding: 9px 10px; } .attachbox, .inline-attachment > dl.file, .inline-attachment > dl.thumbnail { padding: 10px 12px; } }

/* Compact forum sections: preserve text sizes and native topic lists. */
.forabg { margin-bottom: 16px; }
.forabg ul.topiclist.forums li.row dl.pf-forum-row {
    padding-top: 6px;
    padding-bottom: 6px;
}
.forabg ul.topiclist.forums dl.pf-forum-row dt .list-inner {
    padding-top: 2px;
    padding-bottom: 2px;
}
@media (max-width: 700px) {
    .forabg { margin-bottom: 12px; }
    .forabg dl.pf-forum-row .pf-forum-icon,
    .forabg dl.pf-forum-row a.row-item-link { top: 12px; }
}

/* Account entry typography follows the forum navigation scale. */
.pf-login .content,
.pf-login .content > p,
.pf-login .pf-auth-intro,
.pf-login fieldset dl dt label,
.pf-login dd > a,
.pf-login label[for="autologin"],
.pf-login label[for="viewonline"],
.pf-login input[type="submit"],
.pf-login a.pf-create-account,
.pf-quick-login-field > span,
.pf-quick-login-actions,
.pf-quick-login .quick-login input.pf-quick-login-submit { font-size: 13px; }
.pf-login h2,
.pf-login h3 { font-size: 16px; line-height: 1.4; }
.pf-login .content > p { line-height: 1.6; }
.pf-login input[type="submit"],
.pf-login a.pf-create-account { min-height: 44px; }
.pf-login .inputbox,
.pf-quick-login .quick-login input.inputbox { font-size: 14px; }
@media (max-width: 700px) {
    /* Keep mobile fields readable and prevent automatic input zoom. */
    .pf-login .inputbox,
    .pf-quick-login .quick-login input.inputbox { font-size: 16px; }
}

/* Shared text scale for navigation, section names and page headings. */
:root {
    --pf-font-ui: 13px;
    --pf-font-item: 15px;
    --pf-font-heading: 16px;
}
.navbar,
.navbar .linklist > li,
.navbar .nav-breadcrumbs li,
.navbar a,
.pf-shortcuts a,
.pf-guide-toggle,
.pf-guide-label,
.pf-status-legend { font-size: var(--pf-font-ui); }
.pf-guide-toggle { line-height: 1.5; }
.forabg .header dt,
.forabg .header dd,
.forumbg .header dt,
.forumbg .header dd { font-size: var(--pf-font-ui); line-height: 1.5; }
.forabg ul.topiclist .topics,
.forabg ul.topiclist .posts,
.forumbg ul.topiclist .posts,
.forumbg ul.topiclist .views { font-size: var(--pf-font-ui); }
.pf-forum-description { font-size: var(--pf-font-ui); line-height: 1.5; }
a.topictitle { font-size: var(--pf-font-item); line-height: 1.4; }
h2.forum-title,
h2.topic-title,
#page-body > h2,
.pf-welcome h2,
.postbody h3,
.postbody h3.first { font-size: var(--pf-font-heading); line-height: 1.4; }
.pf-welcome-links strong,
.pf-quick-login > h3,
.stat-block h3 { font-size: var(--pf-font-ui); }