/* WordPress layer on top of the mockup CSS (styles.css and the per-page files): states the static mockup did not have,
   plugin markup (Theme My Login, Gravity Forms, Mailster), WordPress content classes. Uses the mockup variables only. */

/* ---- navigation: WordPress current item (the walker sets .is-current), same look as the mockup's .is-active ---- */
.nav a.is-current{color:var(--blue);border-bottom-color:var(--blue)}
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:46px}}

/* ---- WordPress content ---- */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.alignleft{float:left;margin:0 20px 12px 0}.alignright{float:right;margin:0 0 12px 20px}.aligncenter{display:block;margin:0 auto 16px}
.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13.5px;color:var(--ink-soft);margin-top:6px}
.art-text img,.art-text figure{max-width:100%;height:auto}
.videoWrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 0 20px}
.videoWrapper iframe,.videoWrapper embed,.videoWrapper object{position:absolute;inset:0;width:100%;height:100%}
.the_related_content{margin:24px 0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.the_related_head{padding:10px 18px;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);border-bottom:1px solid var(--line)}
.the_related_inner{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 18px}
@media (min-width:600px){.the_related_inner{grid-template-columns:200px minmax(0,1fr)}}
.the_related_thumb img{border-radius:12px;width:100%;height:auto}
.the_related_title{font-size:19px;line-height:1.3}
.the_related_excerpt{color:var(--ink-soft);font-size:15px;margin-top:6px}
.featured_box{margin:24px 0}
.featured_box_inner{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:var(--radius);background:var(--blue-tint)}
.featured_box_text{font-weight:600}
.page-art{max-width:880px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,40px)}
.page-art .art-title{margin-bottom:18px}
.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.art-tags a{padding:5px 12px;border-radius:999px;background:var(--blue-tint);color:var(--blue-dark);font-weight:600;font-size:14px}
.art-tags a:hover{background:var(--blue);color:#fff}
.lead-more{list-style:none;margin:0;padding:0}
.nrows{list-style:none;margin:0;padding:0}

/* ---- the two-column list/single layout needs a sensible fallback if a sidebar is empty ---- */
.list-side:empty{display:none}
.finder-count{font-weight:700;margin:0 0 14px;color:var(--ink-soft)}

/* ---- account pages: login, registration, lost password (simple card, same language as the upload pages) ---- */
.auth-sec{padding-block:clamp(28px,4vw,64px)}
.auth-card{width:100%;max-width:520px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(22px,3.4vw,40px)}
.auth-card.wide{max-width:680px}
.auth-card .up-h1{margin-bottom:6px}
.auth-lead{margin:0 0 22px;text-align:center;color:var(--ink-soft);font-size:15.5px}
.auth-notice{margin:0 0 18px;padding:12px 14px;border:1.5px solid #e8a0a8;border-radius:14px;background:#fdeef0;color:#7d1420;font-size:14.5px}
.auth-notice.info{border-color:#b9c9f2;background:#eef2fd;color:#1b3170}
.auth-alt{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);text-align:center;color:var(--ink-soft);font-size:15px}
.auth-alt a{color:var(--blue);font-weight:700}
.auth-alt a:hover{color:var(--blue-dark)}
.auth-steps{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}
.auth-steps li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}
.auth-steps li b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:14px}

/* Theme My Login (6.x markup: .tml, .tml-user-login-wrap, .tml-user-pass-wrap, .tml-submit-wrap, .tml-action-links) */
.tml{margin:0}
.tml .tml-title,.tml h1{display:none}
.tml p{margin:0 0 16px}
.tml label{display:block;font-weight:700;font-size:15px;margin-bottom:6px;color:var(--ink)}
.tml input[type=text],.tml input[type=email],.tml input[type=password],.tml input[type=tel],.tml input.input{width:100%;min-height:50px;padding:0 16px;border:1.5px solid #cdd5e4;border-radius:14px;background:#fff;color:var(--ink);font-size:16px;font-family:inherit;transition:border-color .15s,box-shadow .15s}
.tml input[type=text]:focus,.tml input[type=email]:focus,.tml input[type=password]:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(87,12,255,.16)}
.tml input[type=submit],.tml button[type=submit]{width:100%;height:54px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:700;font-size:16px;letter-spacing:.02em;cursor:pointer;transition:background .15s}
.tml input[type=submit]:hover,.tml button[type=submit]:hover{background:var(--blue-dark)}
.tml .tml-rememberme-wrap label{display:flex;align-items:center;gap:8px;font-weight:500}
.tml-links,.tml-action-links,.loginbuttons{list-style:none;margin:18px 0 0;padding:0;text-align:center}
.tml-links li,.tml-action-links li{margin:6px 0}
.tml-links a,.tml-action-links a,.loginbuttons a{color:var(--blue);font-weight:600}
.tml-links a:hover,.tml-action-links a:hover,.loginbuttons a:hover{color:var(--blue-dark)}
.tml .tml-errors,.tml .tml-error,.tml-errors,.tml .error{margin:0 0 16px;padding:12px 14px;border:1.5px solid #e8a0a8;border-radius:14px;background:#fdeef0;color:#7d1420;font-size:14.5px;list-style:none}
.tml .tml-message,.tml .message{margin:0 0 16px;padding:12px 14px;border:1.5px solid #b9c9f2;border-radius:14px;background:#eef2fd;color:#1b3170;font-size:14.5px}

/* Gravity Forms (2.8, legacy markup): base look for every form (registration, profile, upload pages refine it in feltoltes.css) */
.gform_wrapper{margin:0}
.gform_wrapper .gform_heading,.gform_wrapper .gform_title{display:none}
.gform_wrapper ul.gform_fields{list-style:none;margin:0;padding:0;display:block}
.gform_wrapper .gfield{margin:0 0 20px;padding:0;list-style:none}
.gform_wrapper .gfield_label,.gform_wrapper legend.gfield_label{display:block;padding:0;font-weight:700;font-size:15px;color:var(--ink);margin-bottom:6px}
.gform_wrapper .gfield_required{color:#b3202c;margin-left:3px}
.gform_wrapper .gfield_description,.gform_wrapper .instruction{color:var(--ink-soft);font-size:13px;line-height:1.45;margin-top:6px}
.gform_wrapper input[type=text],.gform_wrapper input[type=email],.gform_wrapper input[type=url],.gform_wrapper input[type=tel],.gform_wrapper input[type=number],.gform_wrapper input[type=password],.gform_wrapper input[type=date],.gform_wrapper select,.gform_wrapper textarea{width:100%;max-width:100%;min-height:48px;padding:0 16px;border:1.5px solid #cdd5e4;border-radius:14px;background:#fff;color:var(--ink);font-size:16px;font-family:inherit;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}
.gform_wrapper textarea{min-height:170px;padding:14px 16px;resize:vertical;line-height:1.5}
.gform_wrapper input:focus,.gform_wrapper select:focus,.gform_wrapper textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(87,12,255,.16)}
.gform_wrapper .gfield_radio,.gform_wrapper .gfield_checkbox{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gform_wrapper .gfield_radio li,.gform_wrapper .gfield_checkbox li{margin:0;padding:0}
.gform_wrapper .gfield_radio input,.gform_wrapper .gfield_checkbox input{position:absolute;opacity:0;pointer-events:none}
.gform_wrapper .gfield_radio label,.gform_wrapper .gfield_checkbox label{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1.5px solid #cdd5e4;border-radius:999px;background:#fff;font-weight:600;font-size:15px;cursor:pointer;margin:0;transition:border-color .15s,background .15s,color .15s}
.gform_wrapper .gfield_radio input:checked + label,.gform_wrapper .gfield_checkbox input:checked + label{border-color:var(--blue);background:var(--blue-tint);color:var(--blue-dark)}
.gform_wrapper .gfield_radio input:focus-visible + label,.gform_wrapper .gfield_checkbox input:focus-visible + label{outline:3px solid #570CFF;outline-offset:2px}
.gform_wrapper .gform_footer,.gform_wrapper .gform_page_footer{margin:26px 0 0;padding:26px 0 0;border-top:1px solid var(--line);text-align:center}
.gform_wrapper .gform_button,.gform_wrapper input[type=submit]{height:54px;padding:0 40px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:700;font-size:16px;letter-spacing:.02em;cursor:pointer;min-width:200px}
.gform_wrapper .gform_button:hover,.gform_wrapper input[type=submit]:hover{background:var(--blue-dark)}
.gform_wrapper .validation_error,.gform_wrapper .gform_validation_errors{margin:0 0 20px;padding:14px 16px;border:1.5px solid #e8a0a8;border-radius:14px;background:#fdeef0;color:#7d1420;font-size:14.5px}
.gform_wrapper .gfield_error input,.gform_wrapper .gfield_error select,.gform_wrapper .gfield_error textarea{border-color:#d36a76}
.gform_wrapper .validation_message,.gform_wrapper .gfield_validation_message{color:#b3202c;font-size:13.5px;font-weight:600;margin-top:6px}
.gform_confirmation_message,.gform_confirmation_wrapper{margin:0 0 20px;padding:18px 20px;border:1.5px solid #9bd5b0;border-radius:14px;background:#eefaf2;color:#124a28}
.gform_wrapper .gform_hidden,.gform_wrapper .gfield_visibility_hidden{display:none}
.gform_wrapper .gsection{margin:0 0 20px;padding:18px 0 0;border-top:1px solid var(--line)}
.gform_wrapper .gsection_title{font-size:20px;font-weight:800}
.gform_wrapper .ginput_complex{display:flex;flex-wrap:wrap;gap:12px}
.gform_wrapper .ginput_complex span{flex:1 1 200px}
.gform_wrapper .ginput_complex label{font-size:13px;font-weight:600;color:var(--ink-soft);margin:4px 0 0}
@media (max-width:600px){.gform_wrapper .gform_button,.gform_wrapper input[type=submit]{width:100%}}

/* Mailster signup form in the footer (the form id is the one the legacy footer used) */
.ft-mailster form{margin:0}
.ft-mailster .mailster-wrapper{margin:0 0 10px}
.ft-mailster .mailster-wrapper label{display:none}
.ft-mailster input[type=text],.ft-mailster input[type=email]{width:100%;height:50px;padding:0 18px;border:0;border-radius:999px;background:#fff;color:var(--ink);font-size:16px}
.ft-mailster .mailster-submit-wrapper input[type=submit],.ft-mailster input[type=submit]{height:50px;padding:0 26px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:800;cursor:pointer}
.ft-mailster .mailster-submit-wrapper input[type=submit]:hover{background:var(--accent-dark)}
.ft-mailster .mailster-gdpr-wrapper label,.ft-mailster .mailster-checkbox-wrapper label{display:inline;color:#fff;font-size:14px}
.ft-mailster .mailster-form-info,.ft-mailster .mailster-form-info.success{color:#fff;font-size:14px;margin-top:8px}
.ft-mailster .mailster-form-info.error{color:#ffd0d4}

/* sister-site bands: no layout change beyond the mockup, only keep the remote images from stretching */
.fd-img img{width:100%;height:100%;object-fit:cover}

/* ---- tour page: characteristics (surface, road type, bike type, tags) ---- */
.t-chipbox{display:grid;gap:12px;margin-top:20px;padding:clamp(16px,2vw,24px);border:1px solid var(--line);border-radius:22px;background:#fff}
.t-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.t-chip-lab{flex:none;min-width:150px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.t-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.t-chips li a,.t-chips li span{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--blue-tint);color:var(--blue-dark);font-weight:600;font-size:14px}
.t-chips li a:hover{background:var(--blue);color:#fff}
@media (max-width:600px){.t-chip-lab{min-width:100%}}
.t-map-svg{display:block;width:100%;height:auto}

/* ---- tour finder ---- */
.finder{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
@media (min-width:980px){.finder{grid-template-columns:320px minmax(0,1fr);align-items:start}.finder-filter{position:sticky;top:96px}}
.finder-filter{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.finder-filter h2{font-size:18px;margin-bottom:12px}
.finder-filter .ff-field{margin:0 0 16px}
.finder-filter .ff-label{display:block;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
.finder-filter input[type=search]{width:100%;min-height:46px;padding:0 16px;border:1.5px solid #cdd5e4;border-radius:14px;background:#fff;font-size:16px}
.finder-filter input[type=search]:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(87,12,255,.16)}
.finder-filter fieldset{border:0;margin:0 0 16px;padding:0}
.finder-filter legend{padding:0;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
.ff-opts{display:flex;flex-wrap:wrap;gap:6px}
.ff-opt{position:relative}
.ff-opt input{position:absolute;opacity:0;pointer-events:none}
.ff-opt span{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1.5px solid #cdd5e4;border-radius:999px;background:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.ff-opt input:checked + span{border-color:var(--blue);background:var(--blue-tint);color:var(--blue-dark)}
.ff-opt input:focus-visible + span{outline:3px solid #570CFF;outline-offset:2px}
.ff-opts.is-child{margin:6px 0 0 10px;padding-left:10px;border-left:2px solid var(--line)}
.ff-range{display:flex;align-items:center;gap:8px}
.ff-range input[type=number]{width:100%;min-height:42px;padding:0 12px;border:1.5px solid #cdd5e4;border-radius:12px;font-size:15px}
.ff-range span{color:var(--ink-soft)}
.ff-actions{display:flex;gap:10px;margin-top:6px}
.ff-actions .btn{flex:1;justify-content:center}
.finder-map{height:380px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--blue-tint);margin-bottom:18px}
.finder-map[hidden]{display:none}
.finder-result .cards{margin-top:0}
.finder-empty{padding:28px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft)}

/* ---- account pages: Gravity Forms inside the upload/profile layout (path A: Gravity Forms stays, restyled with the mockup language) ---- */
.up-content{margin-top:clamp(18px,2.4vw,30px)}
.up-content .gform_wrapper{max-width:880px;margin-inline:auto}
.up-content .gform_wrapper ul.gform_fields{display:grid;gap:0}
/* numbered section headers: the form's section fields are titled 1..6 with the heading text in the description */
.up-content .gform_wrapper .gsection{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:8px 0 22px;padding:26px 0 0;border-top:1px solid var(--line)}
.up-content .gform_wrapper .gsection:first-child{border-top:0;padding-top:0}
.up-content .gform_wrapper .gsection_title{flex:none;width:34px;height:34px;margin:0;border-radius:50%;background:var(--blue);color:#fff;font-size:16px;font-weight:800;display:grid;place-items:center;line-height:1}
.up-content .gform_wrapper .gsection_description{flex:1 1 200px;margin:0;padding:0;color:var(--ink-soft);font-size:14px}
.up-content .gform_wrapper .gsection_description strong{display:inline-block;margin-right:8px;font-family:Poppins,Inter,sans-serif;font-size:clamp(19px,1.7vw,23px);font-weight:800;color:var(--ink)}
.up-content .gform_wrapper .gsection_description br{display:none}
/* file uploads: dashed drop area and a tidy preview list */
.gform_wrapper .gform_drop_area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;padding:18px;border:2px dashed #b9c4dc;border-radius:16px;background:#f7f9fd;text-align:center;color:var(--ink-soft);font-size:14.5px}
.gform_wrapper .gform_drop_instructions{display:block;font-weight:600}
.gform_wrapper .gform_button_select_files,.gform_wrapper input.button.gform_button_select_files{height:44px;padding:0 22px;min-width:0;border:1.5px solid var(--blue);border-radius:999px;background:#fff;color:var(--blue);font-weight:700;font-size:15px;cursor:pointer}
.gform_wrapper .gform_button_select_files:hover{background:var(--blue-tint)}
.gform_wrapper .ginput_preview_list,.gform_wrapper .gform_preview{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.gform_wrapper .ginput_preview,.gform_wrapper .the_upload_image_container{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14px}
.gform_wrapper .the_upload_image_preview{width:64px;height:48px;object-fit:cover;border-radius:8px}
.gform_wrapper .gform_delete{width:18px;height:18px;cursor:pointer}
.gform_wrapper .gform_fileupload_rules,.gform_wrapper .gfield_description.gform_fileupload_rules{margin-top:8px}
.gform_wrapper .gfield_select,.gform_wrapper select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23546480' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 16px center;padding-right:40px}
.gform_wrapper .charleft,.gform_wrapper .ginput_counter{margin-top:6px;color:var(--ink-soft);font-size:13px;text-align:right}
.gform_wrapper .gf_readonly input,.gform_wrapper input[readonly]{background:#f1f4fa;color:var(--ink-soft);cursor:not-allowed}
.gform_wrapper .ginput_container_password{display:flex;flex-wrap:wrap;gap:12px}
.gform_wrapper .ginput_container_password span{flex:1 1 220px}
.gform_wrapper .ginput_container_name{display:flex;flex-wrap:wrap;gap:12px}
.gform_wrapper .ginput_container_name span{flex:1 1 200px}
.gform_wrapper .gform_ajax_spinner{margin-left:10px;vertical-align:middle}