/* Casa Rito — pagine interne e shortcode WooCommerce classici. */
:root{
/* Terracotta scura per testo AA anche su --paper e --card. */
--rito-error:#923f2e;
--rito-muted:#586157;
}

main.page.container{padding-block:32px 64px;}
.page-article,.page-content{min-width:0;}
.page-title{margin-bottom:28px;font-size:clamp(36px,6vw,58px);line-height:1.1;overflow-wrap:anywhere;}
.page-content{max-width:720px;margin-inline:auto;line-height:1.6;overflow-wrap:anywhere;}
.page-content:has(.woocommerce,.woocommerce-checkout,.rito-card,.rito-form,.rito-actions){max-width:none;}
.woocommerce-page .page-content{max-width:none;}
.page-content :where(h2,h3){margin-block:1.5em .6em;}
.page-content h2{font-size:clamp(28px,4vw,38px);line-height:1.18;}
.page-content h3{font-size:clamp(23px,3vw,28px);line-height:1.25;}
.page-content :where(p,ul,ol,dl,blockquote,table){margin-block:0 1.25em;}
.page-content :where(ul,ol){padding-inline-start:1.5em;}
.page-content ul{list-style:disc;}
.page-content ol{list-style:decimal;}
.page-content li + li{margin-top:.4em;}
.page-content li > :where(ul,ol){margin-block:.5em 0;}
.page-content :where(a){color:var(--forest);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;}
.page-content :where(a:hover){text-decoration-thickness:2px;}
.page-content :where(img){max-width:100%;height:auto;}
.page-content :where(blockquote){margin-inline:0;padding:16px 20px;border-left:3px solid var(--forest);background:var(--card);}
.page-content :where(table){width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px;}
.page-content :where(th,td){padding:12px 8px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;overflow-wrap:anywhere;}
.page-content :where(th){color:var(--forest);font-weight:700;}
.page-content :where(caption){margin-bottom:12px;text-align:start;font-weight:700;}

.woocommerce{min-width:0;color:var(--ink);line-height:1.6;}
.woocommerce :where(form,fieldset,section,div){min-width:0;}
.woocommerce :where(h2,h3):first-child{margin-top:0;}
.woocommerce :where(address){font-style:normal;}
.woocommerce :where(small,.description),.rito-form .description{color:var(--rito-muted);font-size:14px;}
.woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error),
.woocommerce-message,.woocommerce-info,.woocommerce-error,.rito-notice{
position:relative;
padding:18px 20px;
margin:0 0 24px;
border:1px solid var(--line);
border-inline-start:4px solid var(--forest);
border-radius:12px;
color:var(--ink);
background:var(--card);
list-style:none;
line-height:1.6;
overflow-wrap:anywhere;
}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{content:none;}
.woocommerce .woocommerce-error,.woocommerce-error,.rito-notice--error{
border-inline-start-color:var(--rito-error);
color:var(--rito-error);
background:#fcf2ed;
}
.woocommerce-error li{list-style:none;}
.woocommerce :is(.woocommerce-message,.woocommerce-info) .button{float:none;margin:0 12px 12px 0;}
.rito-card,.woocommerce .cart-collaterals .cart_totals,
.woocommerce form.login,.woocommerce form.register,
.woocommerce .woocommerce-MyAccount-content{
padding:20px;
border:1px solid var(--line);
border-radius:16px;
background:var(--card);
box-shadow:none;
}
.rito-card{margin-bottom:24px;min-width:0;}
.rito-card > :first-child{margin-top:0;}
.rito-card > :last-child{margin-bottom:0;}
.rito-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;}
.rito-actions > *{max-width:100%;}
.rito-status{display:inline-flex;align-items:center;padding:5px 12px;border:1px solid var(--forest);border-radius:999px;background:#e7eee5;color:var(--forest);font-size:14px;font-weight:700;line-height:1.5;}
.rito-status--paused,.rito-status--cancelled{background:#fcf2ed;border-color:var(--rito-error);color:var(--rito-error);}

.woocommerce :is(a.button,button.button,input.button,#respond input#submit),
.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce input.button.alt,.rito-button,.rito-form button[type="submit"]{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
max-width:100%;
padding:12px 24px;
border:1px solid var(--forest);
border-radius:999px;
background:var(--forest);
color:var(--paper);
font:600 16px/1.4 "DM Sans",sans-serif;
text-align:center;
text-decoration:none;
white-space:normal;
overflow-wrap:anywhere;
box-shadow:none;
text-shadow:none;
cursor:pointer;
}
.woocommerce :is(a.button,button.button,input.button):hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,.rito-button:hover,.rito-form button[type="submit"]:hover{
background:#19382b;color:var(--paper);text-decoration:none;
}
.rito-button.rito-button--secondary,.woocommerce a.button.view{
background:transparent;color:var(--forest);border-color:var(--forest);
}
.rito-button.rito-button--secondary:hover,.woocommerce a.button.view:hover{background:#e7eee5;color:var(--forest);}
.woocommerce :is(button.button,input.button):is(:disabled,:disabled[disabled],.disabled),
.rito-button:is(:disabled,[aria-disabled="true"]),.rito-form button:disabled{
padding:12px 24px;background:#e4dccb;color:#586157;border-color:#798274;opacity:1;cursor:not-allowed;
}
.page-content :is(a,button,input,select,textarea,[tabindex]):focus-visible,
.rito-button:focus-visible{outline:3px solid var(--forest);outline-offset:3px;}

.woocommerce form .form-row,.rito-form .form-row{float:none;width:100%;padding:0;margin:0 0 20px;}
.woocommerce form .form-row label,.rito-form label{display:block;margin-bottom:7px;color:var(--ink);font-size:16px;line-height:1.6;}
.woocommerce form .form-row .woocommerce-input-wrapper{display:block;}
.woocommerce :is(input.input-text,textarea,select),
.rito-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),select,textarea){
width:100%;max-width:100%;min-width:0;min-height:52px;
padding:12px 14px;border:1px solid var(--line);border-radius:12px;
background:#fffdf8;color:var(--ink);font:400 16px/1.6 "DM Sans",sans-serif;
box-shadow:none;
}
.woocommerce form .form-row textarea,.rito-form textarea{min-height:132px;resize:vertical;}
.woocommerce :is(input,textarea)::placeholder,.rito-form :is(input,textarea)::placeholder{color:var(--rito-muted);opacity:1;}
.woocommerce :is(input.input-text,textarea,select):focus,
.rito-form :is(input,select,textarea):focus{border-color:var(--forest);outline:3px solid var(--forest);outline-offset:2px;}
.woocommerce form .form-row.woocommerce-validated :is(.input-text,select){border-color:var(--forest);}
.woocommerce form .form-row.woocommerce-invalid :is(.input-text,select),
.rito-form [aria-invalid="true"]{border-color:var(--rito-error);border-width:2px;}
.woocommerce form .form-row.woocommerce-invalid label,
.woocommerce form .form-row .required,.rito-form .required{color:var(--rito-error);}
.woocommerce form .form-row.woocommerce-invalid :focus{outline-color:var(--forest);}
.woocommerce form :is(fieldset),.rito-form fieldset{min-width:0;margin:24px 0;padding:16px;border:1px solid var(--line);border-radius:12px;}
.woocommerce form legend,.rito-form legend{padding-inline:8px;font-weight:700;color:var(--forest);}
.woocommerce .password-input{width:100%;}
.woocommerce .password-input input{padding-inline-end:52px;}
.woocommerce form .show-password-input{top:4px;right:4px;width:44px;height:44px;padding:10px;color:var(--forest);}
.woocommerce .woocommerce-password-strength{margin-top:8px;padding:8px;color:var(--ink);background:#eee7da;}

.woocommerce .select2-container{max-width:100%;min-width:0;}
.woocommerce .select2-container .select2-selection--single{min-height:52px;height:auto;border:1px solid var(--line);border-radius:12px;background:#fffdf8;}
.woocommerce .select2-container .select2-selection__rendered{padding:12px 38px 12px 14px;color:var(--ink);line-height:26px;}
.woocommerce .select2-container .select2-selection__arrow{height:50px;width:32px;}
.woocommerce .select2-container :is(.select2-selection:focus,.select2-selection:focus-visible),
.woocommerce .select2-container--open .select2-selection{outline:3px solid var(--forest);outline-offset:2px;border-color:var(--forest);}
.woocommerce form .woocommerce-invalid .select2-selection{border:2px solid var(--rito-error);}
.select2-dropdown{border-color:var(--line);background:var(--card);color:var(--ink);}
.select2-results__option{min-height:44px;padding:10px 14px;overflow-wrap:anywhere;}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--forest);color:var(--paper);}
.select2-container--default .select2-search--dropdown .select2-search__field{min-height:44px;max-width:100%;border:1px solid var(--line);border-radius:8px;font:inherit;}
.select2-search__field:focus{outline:3px solid var(--forest);outline-offset:-3px;}

.woocommerce :is(input[type="checkbox"],input[type="radio"]),
.rito-form :is(input[type="checkbox"],input[type="radio"]){
appearance:auto;position:static;display:inline-block;vertical-align:middle;
width:22px;height:22px;min-height:22px;margin:0 8px 0 0;
accent-color:var(--forest);flex:0 0 22px;cursor:pointer;
}
.woocommerce form .form-row :is(label.checkbox,.woocommerce-form__label-for-checkbox),
.woocommerce input[type="checkbox"] + label,.rito-form input[type="checkbox"] + label,
.rito-form label:has(input[type="checkbox"]),
.woocommerce .woocommerce-shipping-methods label,
.woocommerce #payment .payment_methods > li > label{
display:inline-block;min-height:44px;padding-block:10px;margin-bottom:0;
font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;
letter-spacing:normal;line-height:1.6;cursor:pointer;
}
.woocommerce .woocommerce-terms-and-conditions-wrapper{margin-bottom:18px;}
.woocommerce .woocommerce-terms-and-conditions{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);}
.woocommerce :is(.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper) a{color:var(--forest);text-decoration:underline;}

.woocommerce table.shop_table{
width:100%;margin:0 0 24px;table-layout:fixed;border:1px solid var(--line);
border-collapse:separate;border-spacing:0;border-radius:12px;
background:var(--card);color:var(--ink);font-size:15px;
}
.woocommerce table.shop_table :is(th,td){padding:12px 10px;border:0;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.6;overflow-wrap:anywhere;}
.woocommerce table.shop_table th{color:var(--forest);font-weight:700;}
.woocommerce table.shop_table :is(tbody,tfoot) tr:last-child > *{border-bottom:0;}
.woocommerce table.shop_table tfoot > tr:first-child > *{border-top:1px solid var(--line);}
.woocommerce table.shop_table :is(.amount,.product-name,.product-total){white-space:normal;}
.woocommerce table.shop_table .button{min-height:44px;padding:10px 16px;margin:4px 0;}
.woocommerce table.shop_table .variation{margin:8px 0 0;font-size:14px;}
.woocommerce table.shop_table .variation :is(dt,dd,p){margin:0;}
.woocommerce table.shop_table .product-thumbnail img{width:64px;height:auto;margin-inline:auto;border-radius:10px;}
/* WooCommerce impone color:red!important su a.remove:serve la stessa priorità. */
.woocommerce a.remove{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--rito-error) !important;font-size:26px;text-decoration:none;}
.woocommerce a.remove:hover{background:var(--rito-error);color:#fff !important;}
.woocommerce .quantity .qty{width:76px;max-width:100%;min-height:52px;}
.woocommerce table.cart td.actions .coupon{float:none;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;}
.woocommerce table.cart td.actions .coupon .input-text{float:none;width:100%;margin:0;min-height:52px;border-color:var(--line);}
.woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions > .button{width:100%;}
.woocommerce .cart-collaterals .cart_totals{float:none;width:100%;margin-top:24px;}
.woocommerce .cart_totals > h2{margin-top:0;}
.woocommerce .wc-proceed-to-checkout{padding:12px 0 0;}
.woocommerce .wc-proceed-to-checkout a.checkout-button{width:100%;margin:0;font-size:18px;}
.woocommerce :is(ul#shipping_method,ul.woocommerce-shipping-methods){margin:0;padding:0;list-style:none;}
.woocommerce ul#shipping_method li{padding:0;text-indent:0;}
.woocommerce ul#shipping_method li input{margin:0 8px 0 0;}

.woocommerce form.checkout{display:flow-root;}
.woocommerce form.checkout #customer_details{float:none;width:100%;margin-bottom:28px;}
.woocommerce .col2-set :is(.col-1,.col-2){float:none;width:100%;}
.woocommerce .col2-set .col-2{margin-top:24px;}
.woocommerce form.checkout #order_review_heading{
clear:none;margin:0;padding:20px 20px 16px;border:1px solid var(--line);
border-bottom:0;border-radius:16px 16px 0 0;background:var(--card);font-size:28px;
}
.woocommerce form.checkout #order_review{
display:flow-root;
padding:0 20px 20px;border:1px solid var(--line);border-top:0;
border-radius:0 0 16px 16px;background:var(--card);min-width:0;
}
.woocommerce #order_review table.shop_table{border:0;border-radius:0;background:transparent;}
.woocommerce #order_review .product-name{width:62%;}
.woocommerce #order_review :is(th,td):last-child{text-align:end;}
.woocommerce #order_review :is(th,td):first-child{padding-inline-start:0;}
.woocommerce #order_review :is(th,td):last-child{padding-inline-end:0;}
.woocommerce #order_review .order-total{font-size:18px;}
.woocommerce #payment{border:1px solid var(--line);border-radius:12px;background:var(--paper);}
.woocommerce #payment ul.payment_methods{padding:16px;margin:0;border-bottom:1px solid var(--line);list-style:none;}
.woocommerce #payment ul.payment_methods li{margin:0;text-align:start;line-height:1.6;}
.woocommerce #payment ul.payment_methods li input{margin:0 8px 0 0;}
.woocommerce #payment ul.payment_methods li img{display:inline-block;width:auto;max-width:64px;height:auto;max-height:28px;vertical-align:middle;margin:4px;}
.woocommerce #payment ul.payment_methods .about_paypal{float:none;display:inline-flex;align-items:center;min-height:44px;font-size:14px;}
.woocommerce #payment div.payment_box{width:100%;margin:8px 0 16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:15px;line-height:1.6;}
.woocommerce #payment div.payment_box::before{content:none;}
.woocommerce #payment div.payment_box p:last-child{margin-bottom:0;}
.woocommerce #payment div.form-row{margin:0;padding:16px;}
.woocommerce #payment div.payment_box .form-row{padding:0;margin-bottom:16px;}
.woocommerce #payment #place_order{float:none;width:100%;margin:12px 0 0;min-height:52px;font-size:18px;}

.woocommerce-account .woocommerce{display:flow-root;}
.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:100%;margin-bottom:24px;}
.woocommerce .woocommerce-MyAccount-navigation ul{display:flex;gap:10px;max-width:100%;margin:0;padding:6px 5px 12px;overflow-x:auto;list-style:none;}
.woocommerce .woocommerce-MyAccount-navigation li{flex:0 0 auto;margin:0;padding:0;}
.woocommerce .woocommerce-MyAccount-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--forest);text-decoration:none;font-weight:600;}
.woocommerce .woocommerce-MyAccount-navigation a:hover{border-color:var(--forest);text-decoration:underline;}
.woocommerce .woocommerce-MyAccount-navigation .is-active a{color:var(--paper);background:var(--forest);border-color:var(--forest);}
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%;min-width:0;}
.woocommerce .woocommerce-MyAccount-content > :last-child{margin-bottom:0;}
.woocommerce form.login,.woocommerce form.register{margin:20px 0;}
.woocommerce :is(form.login,form.register) > :last-child{margin-bottom:0;}
.woocommerce .woocommerce-Address .edit,.woocommerce .lost_password a{display:inline-flex;align-items:center;min-height:44px;}
.woocommerce .woocommerce-customer-details address{width:100%;padding:16px;border:1px solid var(--line);border-radius:12px;}
.woocommerce ul.order_details{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 24px;padding:0;list-style:none;}
.woocommerce ul.order_details li{float:none;min-width:0;max-width:100%;margin:0;padding:0 16px 0 0;border-color:var(--line);}

@media (max-width:767px){
.woocommerce table.shop_table_responsive thead{display:none;}
.woocommerce table.shop_table_responsive :is(tbody,tr,td){display:block;width:100%;}
.woocommerce table.shop_table_responsive tbody th{display:none;}
.woocommerce table.shop_table_responsive tr{border-bottom:1px solid var(--line);}
.woocommerce table.shop_table_responsive tr:last-child{border-bottom:0;}
/* Il foglio responsive classico impone text-align:right!important sulle celle. */
.woocommerce table.shop_table_responsive tr td{min-height:44px;text-align:start !important;background:transparent;}
.woocommerce table.shop_table_responsive tr td[data-title]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;}
.woocommerce table.shop_table_responsive tr td::before{float:none;}
.woocommerce table.shop_table_responsive tr td[data-title]::before{content:attr(data-title) ":";font-weight:700;color:var(--forest);}
.woocommerce table.shop_table_responsive tr td.product-name{display:block;}
.woocommerce table.shop_table_responsive tr td.product-name::before{display:block;margin-bottom:6px;}
.woocommerce table.shop_table_responsive tr td.actions::before,
.woocommerce table.shop_table_responsive tr td.product-remove::before{content:none;}
.rito-actions > .rito-button{width:100%;}
}

@media (min-width:768px){
.woocommerce table.cart .product-remove{width:64px;}
.woocommerce table.cart .product-thumbnail{width:84px;}
.woocommerce table.cart td.actions .coupon{max-width:460px;}
.woocommerce table.cart td.actions .coupon .input-text{flex:1 1 160px;width:auto;}
.woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions > .button{width:auto;}
}

@media (min-width:960px){
main.page.container{padding-block:48px 88px;}
.page-title{margin-bottom:40px;}
.rito-card,.woocommerce .cart-collaterals .cart_totals,
.woocommerce form.login,.woocommerce form.register,
.woocommerce .woocommerce-MyAccount-content{padding:28px;}
.woocommerce .cart-collaterals .cart_totals{float:right;width:48%;}

.woocommerce form.checkout #customer_details{float:left;width:calc(56% - 20px);margin:0;}
.woocommerce form.checkout :is(#order_review_heading,#order_review){margin-left:calc(56% + 20px);}
.woocommerce form.checkout #order_review_heading{padding:24px 24px 16px;}
.woocommerce form.checkout #order_review{
display:flow-root;padding:0 24px 24px;}
.woocommerce form.checkout .woocommerce-NoticeGroup{width:100%;clear:both;}
.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:240px;}
.woocommerce .woocommerce-MyAccount-navigation ul{flex-direction:column;overflow:visible;padding-block:5px;}
.woocommerce .woocommerce-MyAccount-navigation li{min-width:0;}
.woocommerce-account .woocommerce-MyAccount-content{float:right;width:calc(100% - 272px);}
.woocommerce #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.woocommerce #customer_login::before,.woocommerce #customer_login::after{content:none;}
.woocommerce #customer_login .col-2{margin-top:0;}
}

@media (forced-colors:active){
.rito-status,.rito-button,.woocommerce .button{border:1px solid ButtonText;}
.woocommerce .woocommerce-MyAccount-navigation .is-active a{outline:2px solid Highlight;}
}
