/* Findos Pay - WordPress-specific additions on top of site.css */

/* No-JS fallback: never leave .reveal content invisible */
.no-js .reveal{opacity:1;transform:none}

/* Accessibility helper used by WordPress core */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;border-radius:8px;clip:auto!important;clip-path:none;color:#07152f;display:block;height:auto;left:16px;padding:10px 14px;top:16px;width:auto;z-index:100000}

/* Admin bar offset for the fixed header */
.admin-bar .site-header{top:32px}
@media(max-width:980px){.admin-bar .mobile-nav{top:104px}}
@media(max-width:782px){.admin-bar .site-header{top:46px}.admin-bar .mobile-nav{top:118px}}
@media(max-width:600px){#wpadminbar{position:fixed}}

/* Uploaded logo (Appearance > Customize > Site Identity) */
.brand .custom-logo{display:block;width:auto;height:auto;max-height:40px;max-width:220px}

/* Header nav: current page */
.desktop-nav a[aria-current="page"]{color:#fff}

/* Contact form states */
.fp-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form button[disabled]{opacity:.6;cursor:progress;transform:none}
.form-status.is-error{color:#ffb9ad}
.contact-form select option{color:#fff;background:#0a2550}

/* Inner pages ----------------------------------------------------------- */
.content-hero .section-number{color:var(--cyan);margin-bottom:0}
.content-hero .section-number a:hover{color:#fff}
.content-hero h1{overflow-wrap:anywhere}
.content-hero-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;color:#8ea4c4;font-size:.78rem}
.content-hero-meta a:hover{color:#fff}
.content-card>:first-child{margin-top:0}
.content-card>:last-child{margin-bottom:0}
.content-card h3{margin:1.8em 0 .5em;color:#102448;font-size:1.45rem;line-height:1.2;letter-spacing:-.03em}
.content-card h4,.content-card h5,.content-card h6{margin:1.6em 0 .4em;color:#102448;font-size:1.05rem}
.content-card img,.content-card video,.content-card iframe{max-width:100%}
.content-card img{height:auto;border-radius:14px}
.content-card figure{margin:2em 0}
.content-card figcaption,.content-card .wp-caption-text{margin-top:8px;color:#8493aa;font-size:.8rem;text-align:center}
.content-card .wp-caption{max-width:100%}
.content-card ul,.content-card ol{padding-left:1.3em}
.content-card li{margin:.35em 0}
.content-card blockquote{margin:2em 0;padding:4px 0 4px 22px;border-left:2px solid var(--blue);color:#102448;font-size:1.15rem}
.content-card hr{margin:2.5em 0;border:0;border-top:1px solid #dbe5f4}
.content-card table{width:100%;border-collapse:collapse;font-size:.9rem}
.content-card th,.content-card td{padding:11px 12px;border-bottom:1px solid #dbe5f4;text-align:left;vertical-align:top}
.content-card th{color:#102448}
.content-card pre{padding:22px;border-radius:14px;overflow:auto;color:#b6c7e2;background:#07152f;font-size:.82rem;line-height:1.7}
.content-card :not(pre)>code{padding:2px 6px;border-radius:6px;color:#102448;background:#eef3fb;font-size:.88em}
.content-card .alignleft{float:left;margin:.4em 1.6em 1em 0}
.content-card .alignright{float:right;margin:.4em 0 1em 1.6em}
.content-card .aligncenter{display:block;margin-left:auto;margin-right:auto}
.content-card:after{content:"";display:table;clear:both}
.content-card .post-thumbnail{margin:0 0 2.2em}
.content-card .post-thumbnail img{display:block;width:100%}
.content-card .page-links,.content-card .post-tags{margin-top:2.4em;padding-top:1.4em;border-top:1px solid #dbe5f4;font-size:.85rem}
.content-card .wp-block-button__link{border-radius:999px;color:#06142f;background:linear-gradient(135deg,#58e5ff,#2d71ff);font-weight:680;text-decoration:none}
.content-narrow{max-width:920px;margin-inline:auto}

/* Post list (blog, archives, search) */
.post-list{display:grid;gap:20px;max-width:920px;margin:0 auto}
.post-card{padding:clamp(24px,4vw,38px);border:1px solid #d6e1f2;border-radius:22px;background:#fff;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-2px);box-shadow:0 24px 70px rgba(15,39,83,.08)}
.post-card-meta{font-size:.66rem;font-weight:780;letter-spacing:.14em;text-transform:uppercase;color:#2d71ff}
.post-card h2{margin:12px 0 10px;color:#0f244a;font-size:clamp(1.5rem,3vw,2rem);line-height:1.12;letter-spacing:-.04em}
.post-card h2 a:hover{color:#1b62e5}
.post-card p{margin:0;color:#607390}
.post-card .text-link{margin-top:18px;color:#102448;font-size:.84rem}
.post-card .text-link span{color:#2d71ff}

/* Pagination & post navigation */
.pagination,.post-navigation,.comments-pagination{max-width:920px;margin:36px auto 0}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.post-navigation .nav-links{justify-content:space-between}
.page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 14px;border:1px solid #d6e1f2;border-radius:999px;color:#21395f;background:#fff;font-size:.82rem;font-weight:680}
.page-numbers.current{border-color:#2d71ff;color:#fff;background:#2d71ff}
a.page-numbers:hover{border-color:#2d71ff}
.post-navigation a{display:flex;flex-direction:column;max-width:420px;color:#102448;font-weight:680}
.post-navigation .nav-next{margin-left:auto;text-align:right}
.post-navigation .nav-subtitle{font-size:.66rem;font-weight:780;letter-spacing:.14em;text-transform:uppercase;color:#2d71ff}

/* Search form */
.search-form{display:flex;gap:10px;max-width:560px;margin-top:26px}
.search-form label{flex:1}
.search-field{width:100%;height:52px;padding:0 18px;border:1px solid rgba(158,190,241,.3);border-radius:999px;color:#fff;background:rgba(255,255,255,.07);outline:none}
.search-field::placeholder{color:#8ea4c4}
.search-field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,216,255,.12)}
.search-submit{min-height:52px;padding:0 24px;border:0;border-radius:999px;color:#06142f;background:linear-gradient(135deg,#58e5ff,#2d71ff);font-weight:680;font-size:.9rem}
.content-card .search-field{border-color:#d6e1f2;color:#102448;background:#f5f8ff}
.content-card .search-field::placeholder{color:#8493aa}

/* Comments */
.comments-area{max-width:920px;margin:36px auto 0;padding:clamp(28px,5vw,56px);border:1px solid #d6e1f2;border-radius:24px;color:#435979;background:#fff}
.comments-title,.comment-reply-title{margin:0 0 1em;color:#102448;font-size:1.5rem;letter-spacing:-.03em}
.comment-list,.comment-list .children{margin:0;padding:0;list-style:none}
.comment-list .children{padding-left:clamp(14px,4vw,40px)}
.comment-body{padding:20px 0;border-top:1px solid #dbe5f4}
.comment-author{display:flex;align-items:center;gap:10px;color:#102448;font-weight:680}
.comment-author img{border-radius:50%}
.comment-metadata,.comment-notes,.logged-in-as{color:#8493aa;font-size:.76rem}
.comment-content a,.comment-metadata a:hover,.reply a,.logged-in-as a{color:#1b62e5}
.reply a{font-size:.8rem;font-weight:680}
.comment-form label{display:block;margin-bottom:6px;color:#60728f;font-size:.74rem}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:12px 13px;border:1px solid #d6e1f2;border-radius:10px;color:#102448;background:#f5f8ff;outline:none}
.comment-form input:focus,.comment-form textarea:focus{border-color:#2d71ff;box-shadow:0 0 0 3px rgba(45,113,255,.12)}
.comment-form .submit{min-height:48px;padding:0 24px;border:0;border-radius:999px;color:#06142f;background:linear-gradient(135deg,#58e5ff,#2d71ff);font-weight:680}
.comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start}
.comment-form-cookies-consent label{margin:0}

@media(max-width:680px){.search-form{flex-direction:column}.post-navigation .nav-links{flex-direction:column;align-items:stretch}.post-navigation .nav-next{margin-left:0;text-align:left}.content-card .alignleft,.content-card .alignright{float:none;margin:1.4em 0}}
@media(prefers-reduced-motion:reduce){.post-card{transition:none}.post-card:hover{transform:none}}

/* Legal page template: header without the section menu (logo, language, demo button) */
.header-minimal .header-actions .button{display:inline-flex}
@media(max-width:380px){.header-minimal .header-actions{gap:12px}.header-minimal .header-actions .button{padding:0 14px}}