Przejdź do treści
body.arkona-zamowienie-page {
background: #ffffff !important;
}
/* Na tej stronie ukrywamy standardowy nagłówek - jak w formularzu online */
body.arkona-zamowienie-page header,
body.arkona-zamowienie-page #masthead,
body.arkona-zamowienie-page .site-header,
body.arkona-zamowienie-page .elementor-location-header {
display: none !important;
}
/* Breadcrumbs */
body.arkona-zamowienie-page .breadcrumbs,
body.arkona-zamowienie-page .breadcrumb,
body.arkona-zamowienie-page .yoast-breadcrumb,
body.arkona-zamowienie-page .rank-math-breadcrumb,
body.arkona-zamowienie-page .elementor-widget-breadcrumbs,
body.arkona-zamowienie-page .page-breadcrumbs,
body.arkona-zamowienie-page .site-breadcrumbs {
display: none !important;
}
/* Stopki NIE ukrywamy - ma działać normalnie od początku */
/* =========================================================
BANER
========================================================= */
body.arkona-zamowienie-page .arkona-top-order-banner {
display: block !important;
width: 82% !important;
max-width: 1120px !important;
margin: 0 auto 20px auto !important;
padding: 0 !important;
overflow: hidden !important;
line-height: 0 !important;
}
body.arkona-zamowienie-page .arkona-top-order-banner img {
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
/* =========================================================
TYTUŁ STRONY
========================================================= */
body.arkona-zamowienie-page h1.entry-title,
body.arkona-zamowienie-page .entry-title,
body.arkona-zamowienie-page .page-title {
width: 1120px !important;
max-width: calc(100vw - 60px) !important;
margin: 0 auto 26px auto !important;
padding: 0 !important;
box-sizing: border-box !important;
text-align: left !important;
font-size: 46px !important;
line-height: 1.08 !important;
font-weight: 600 !important;
}
/* =========================================================
GŁÓWNY FORMULARZ
========================================================= */
body.arkona-zamowienie-page .wpcf7 {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.arkona-zamowienie-page .wpcf7-form {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.arkona-zamowienie-page .arkona-notatnik-order {
width: 1120px !important;
max-width: calc(100vw - 60px) !important;
margin: 0 auto !important;
padding: 0 0 34px 0 !important;
box-sizing: border-box !important;
font-family: Arial, sans-serif;
color: #111111;
}
body.arkona-zamowienie-page .arkona-notatnik-order * {
box-sizing: border-box;
}
/* =========================================================
DANE ZAMAWIAJĄCEGO - NAGŁÓWEK
========================================================= */
body.arkona-zamowienie-page .arkona-customer-data {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.arkona-zamowienie-page .arkona-customer-data > h3.arkona-customer-toggle {
position: relative !important;
width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 34px 8px 0 !important;
border-bottom: 1px solid #d7e0e9 !important;
color: #0057A8 !important;
font-size: 30px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
cursor: pointer !important;
user-select: none !important;
}
body.arkona-zamowienie-page .arkona-customer-data > h3.arkona-customer-toggle::after {
content: "" !important;
position: absolute !important;
right: 6px !important;
top: 45% !important;
width: 8px !important;
height: 8px !important;
border-right: 2px solid #0057A8 !important;
border-bottom: 2px solid #0057A8 !important;
transform: translateY(-50%) rotate(45deg) !important;
transition: transform .2s ease !important;
}
body.arkona-zamowienie-page .arkona-customer-data.is-collapsed > h3.arkona-customer-toggle::after {
transform: translateY(-50%) rotate(-45deg) !important;
}
body.arkona-zamowienie-page .arkona-customer-data.is-collapsed > .arkona-customer-content {
display: none !important;
}
body.arkona-zamowienie-page .arkona-customer-content {
width: 100% !important;
}
body.arkona-zamowienie-page .arkona-required-info {
margin: 32px 0 16px 0 !important;
padding: 0 !important;
color: #222222 !important;
font-size: 15px !important;
line-height: 1.4 !important;
}
/* =========================================================
POLA
========================================================= */
body.arkona-zamowienie-page .arkona-notatnik-order .arkona-top-field {
width: 100% !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
}
body.arkona-zamowienie-page .arkona-notatnik-order .arkona-top-field > label,
body.arkona-zamowienie-page .arkona-notatnik-order #arkona-inny-adres label,
body.arkona-zamowienie-page .arkona-notatnik-order #arkona-inny-dystrybutor label {
display: block !important;
width: 100% !important;
margin: 0 0 5px 0 !important;
padding: 0 !important;
color: #161616 !important;
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
}
body.arkona-zamowienie-page .arkona-notatnik-order .wpcf7-form-control-wrap {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.arkona-zamowienie-page .arkona-notatnik-order input[type="text"],
body.arkona-zamowienie-page .arkona-notatnik-order input[type="email"],
body.arkona-zamowienie-page .arkona-notatnik-order input[type="tel"],
body.arkona-zamowienie-page .arkona-notatnik-order select,
body.arkona-zamowienie-page .arkona-notatnik-order textarea {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 11px 12px !important;
border: 1px solid #d7e0e9 !important;
border-radius: 4px !important;
outline: none !important;
box-shadow: none !important;
background: #ffffff !important;
color: #111111 !important;
font-size: 16px !important;
line-height: 1.3 !important;
box-sizing: border-box !important;
}
body.arkona-zamowienie-page .arkona-notatnik-order input[type="text"],
body.arkona-zamowienie-page .arkona-notatnik-order input[type="email"],
body.arkona-zamowienie-page .arkona-notatnik-order input[type="tel"],
body.arkona-zamowienie-page .arkona-notatnik-order select {
height: 50px !important;
min-height: 50px !important;
}
body.arkona-zamowienie-page .arkona-notatnik-order textarea {
min-height: 92px !important;
resize: vertical !important;
}
body.arkona-zamowienie-page .arkona-notatnik-order input[type="text"]:focus,
body.arkona-zamowienie-page .arkona-notatnik-order input[type="email"]:focus,
body.arkona-zamowienie-page .arkona-notatnik-order input[type="tel"]:focus,
body.arkona-zamowienie-page .arkona-notatnik-order select:focus,
body.arkona-zamowienie-page .arkona-notatnik-order textarea:focus {
border-color: #b9c8d8 !important;
outline: none !important;
box-shadow: none !important;
}
body.arkona-zamowienie-page .arkona-email-note {
display: block !important;
margin: 5px 0 0 0 !important;
color: #333333 !important;
font-size: 12px !important;
line-height: 1.4 !important;
}
/* =========================================================
NIP + GUS
========================================================= */
body.arkona-zamowienie-page .arkona-gus-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: start !important;
width: 100% !important;
margin: 0 0 14px 0 !important;
}
body.arkona-zamowienie-page .arkona-gus-row .arkona-top-field {
margin-bottom: 0 !important;
}
body.arkona-zamowienie-page #arkona-gus-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 50px !important;
min-height: 50px !important;
margin: 24px 0 0 0 !important;
padding: 0 24px !important;
border: 1px solid #0057A8 !important;
border-radius: 3px !important;
background: #0057A8 !important;
color: #ffffff !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 600 !important;
cursor: pointer !important;
white-space: nowrap !important;
box-shadow: none !important;
}
body.arkona-zamowienie-page #arkona-gus-btn:hover {
background: #004a90 !important;
border-color: #004a90 !important;
}
body.arkona-zamowienie-page #arkona-gus-btn:disabled {
opacity: .65 !important;
cursor: wait !important;
}
body.arkona-zamowienie-page #arkona-gus-status {
display: block !important;
width: 100% !important;
min-height: 17px !important;
margin: 6px 0 0 0 !important;
color: #0057A8 !important;
font-size: 12px !important;
line-height: 1.4 !important;
}
body.arkona-zamowienie-page #arkona-gus-status.is-loading {
color: #555555 !important;
}
body.arkona-zamowienie-page #arkona-gus-status.is-success {
color: #0057A8 !important;
}
body.arkona-zamowienie-page #arkona-gus-status.is-error {
color: #b42318 !important;
}
/* =========================================================
ADRES WYSYŁKI
========================================================= */
body.arkona-zamowienie-page .arkona-section-label {
margin: 24px 0 10px 0 !important;
padding: 0 !important;
color: #222222 !important;
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
}
body.arkona-zamowienie-page .arkona-radio-row {
margin: 0 0 20px 0 !important;
}
body.arkona-zamowienie-page .arkona-radio-row .wpcf7-radio {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 10px 22px !important;
}
body.arkona-zamowienie-page .arkona-radio-row .wpcf7-list-item {
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
}
body.arkona-zamowienie-page .arkona-radio-row label {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
margin: 0 !important;
cursor: pointer !important;
}
body.arkona-zamowienie-page .arkona-radio-row input[type="radio"] {
width: 16px !important;
height: 16px !important;
margin: 0 !important;
}
body.arkona-zamowienie-page #arkona-inny-adres {
width: 100% !important;
margin: -2px 0 16px 0 !important;
}
body.arkona-zamowienie-page #arkona-inny-adres .arkona-top-field {
margin-bottom: 0 !important;
}
/* =========================================================
DYSTRYBUTOR
========================================================= */
body.arkona-zamowienie-page .arkona-distributor-field {
margin-top: 4px !important;
}
body.arkona-zamowienie-page #arkona-dystrybutor {
width: 100% !important;
max-width: 100% !important;
}
body.arkona-zamowienie-page #arkona-inny-dystrybutor {
width: 100% !important;
margin: -2px 0 12px 0 !important;
}
body.arkona-zamowienie-page #arkona-inny-dystrybutor .arkona-top-field {
margin-bottom: 0 !important;
}
/* =========================================================
ZDJĘCIE ZAMÓWIENIA
========================================================= */
body.arkona-zamowienie-page .arkona-photo-section {
width: 100% !important;
margin: 30px 0 0 0 !important;
padding: 0 !important;
}
body.arkona-zamowienie-page .arkona-photo-title {
width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 0 8px 0 !important;
border-bottom: 1px solid #d7e0e9 !important;
color: #0057A8 !important;
font-size: 30px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
body.arkona-zamowienie-page .arkona-photo-instruction {
margin: 28px 0 14px 0 !important;
padding: 0 !important;
color: #333333 !important;
font-size: 15px !important;
line-height: 1.4 !important;
}
body.arkona-zamowienie-page .arkona-photo-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 290px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 22px !important;
border: 1px solid #0057A8 !important;
border-radius: 4px !important;
background: #0057A8 !important;
color: #ffffff !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 600 !important;
text-align: center !important;
text-decoration: none !important;
cursor: pointer !important;
}
body.arkona-zamowienie-page .arkona-photo-btn:hover {
background: #004a90 !important;
border-color: #004a90 !important;
}
body.arkona-zamowienie-page #zamowienie-file {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
overflow: hidden !important;
}
body.arkona-zamowienie-page #arkona-file-status {
display: block !important;
margin: 8px 0 0 0 !important;
color: #333333 !important;
font-size: 12px !important;
line-height: 1.4 !important;
}
body.arkona-zamowienie-page #arkona-file-status.is-added {
color: #0057A8 !important;
}
/* =========================================================
ZGODY
========================================================= */
body.arkona-zamowienie-page .arkona-consents {
width: 100% !important;
margin: 28px 0 0 0 !important;
padding: 0 !important;
}
body.arkona-zamowienie-page .arkona-consents,
body.arkona-zamowienie-page .arkona-consents label,
body.arkona-zamowienie-page .arkona-consents .wpcf7-list-item-label {
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
}
body.arkona-zamowienie-page .arkona-consents .wpcf7-form-control-wrap {
margin: 0 0 10px 0 !important;
}
body.arkona-zamowienie-page .arkona-consents .wpcf7-list-item {
margin: 0 !important;
}
body.arkona-zamowienie-page .arkona-consents label {
display: flex !important;
align-items: flex-start !important;
gap: 6px !important;
cursor: pointer !important;
}
body.arkona-zamowienie-page .arkona-consents input[type="checkbox"] {
flex: 0 0 auto !important;
margin: 2px 0 0 0 !important;
}
/* =========================================================
WYŚLIJ
========================================================= */
body.arkona-zamowienie-page .arkona-submit {
width: 100% !important;
margin: 28px 0 0 0 !important;
text-align: center !important;
}
body.arkona-zamowienie-page .arkona-submit input[type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 230px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 26px !important;
border: 1px solid #0057A8 !important;
border-radius: 5px !important;
background: #0057A8 !important;
color: #ffffff !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 600 !important;
cursor: pointer !important;
box-shadow: none !important;
}
body.arkona-zamowienie-page .arkona-submit input[type="submit"]:hover {
background: #004a90 !important;
border-color: #004a90 !important;
}
/* =========================================================
CF7 - KOMUNIKATY WALIDACJI
========================================================= */
body.arkona-zamowienie-page .arkona-notatnik-order .wpcf7-not-valid-tip {
margin-top: 4px !important;
font-size: 13px !important;
line-height: 1.3 !important;
}
body.arkona-zamowienie-page .arkona-notatnik-order .wpcf7-response-output {
margin: 20px 0 0 0 !important;
}
/* =========================================================
TABLET / TELEFON
========================================================= */
@media (max-width: 900px) {
body.arkona-zamowienie-page h1.entry-title,
body.arkona-zamowienie-page .entry-title,
body.arkona-zamowienie-page .page-title,
body.arkona-zamowienie-page .arkona-notatnik-order {
width: calc(100% - 32px) !important;
max-width: none !important;
}
body.arkona-zamowienie-page .arkona-top-order-banner {
width: 100% !important;
max-width: none !important;
margin: 0 auto 14px auto !important;
}
}
@media (max-width: 700px) {
body.arkona-zamowienie-page h1.entry-title,
body.arkona-zamowienie-page .entry-title,
body.arkona-zamowienie-page .page-title {
margin: 0 16px 20px 16px !important;
width: calc(100% - 32px) !important;
font-size: 34px !important;
line-height: 1.12 !important;
}
body.arkona-zamowienie-page .arkona-notatnik-order {
width: calc(100% - 32px) !important;
margin-left: 16px !important;
margin-right: 16px !important;
}
body.arkona-zamowienie-page .arkona-customer-data > h3.arkona-customer-toggle,
body.arkona-zamowienie-page .arkona-photo-title {
font-size: 30px !important;
}
body.arkona-zamowienie-page .arkona-required-info {
margin-top: 26px !important;
}
body.arkona-zamowienie-page .arkona-gus-row {
grid-template-columns: 1fr !important;
gap: 8px !important;
}
body.arkona-zamowienie-page #arkona-gus-btn {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
}
body.arkona-zamowienie-page .arkona-radio-row .wpcf7-radio {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 8px !important;
}
body.arkona-zamowienie-page .arkona-photo-btn {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
}
body.arkona-zamowienie-page .arkona-submit input[type="submit"] {
width: 100% !important;
min-width: 0 !important;
}
body.arkona-zamowienie-page
#pojo-a11y-toolbar
.pojo-a11y-toolbar-toggle {
top: auto !important;
bottom: 10px !important;
}
}
