/* CoolNetwork SITE CSS Document */
html, body {margin:0px auto; text-align:center; height:100%; font-family: 'RopaSansRegular';}
@font-face {
font-family: 'RopaSansRegular';
src: url('../fonts/RopaSans-Regular.eot');
src: url('../fonts/RopaSans-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/RopaSans-Regular.woff') format('woff'),
url('../fonts/RopaSans-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
body {
/*font-family: Arial, Helvetica, sans-serif; */
color: #3b3939;
margin:0; padding:0 20px;
text-align:center;
font-size: 12px;
background: #f9f9f9;
}
input, textarea, select, option {font-family: Arial, Helvetica, sans-serif;}
input:not(.box-messaggio), textarea:not(.box-messaggio) { border: none; }
form {margin: 0px; padding: 0px;}
img { border: none; font:11px;}
p {margin: 0px; padding: 0px; margin-bottom: 1em; text-align: left;}
a:link {color: #3b3939; text-decoration: underline;}
a:visited {color: #3b3939; text-decoration: underline;}
a:hover {color: #3b3939; text-decoration: none;}
a:active {color: #3b3939; text-decoration: underline;}
a{outline:none;}
a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
outline: 3px solid #0b5fff;
outline-offset: 2px;
}
.skip-link {
position:absolute;
left:10px;
top:-9999px;
z-index:99999;
padding:10px 14px;
background:#0b5fff;
color:#ffffff !important;
text-decoration:none;
font-weight:bold;
}
.skip-link:focus {
top:10px;
}
.sr-only {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
}
.clear {clear: both; height: 0px;}
a.button {padding: 3px 10px; font-size: 16px; background: url(../images/bg-bto.png) repeat-x; color: #ffcf00; text-transform: uppercase; text-decoration: none;}
/* a.button:hover {color: #565656; background: #e1e1e1; text-decoration: none;} */
.red {color: #20318e;}
.ok {color: #06aa12;}
.ko {color: #20318e;}
#error {color: #e2001a; font-weight:bold;}
.error {color: #e2001a; font-weight:bold;}
#messaggio { background-color: #73e873; border:3px solid #2ab82a; width:350px; margin: 5px auto; text-align:center; padding:5px; font-size:14px;}
.relative {position: relative;}
input[type=button], input[type=submit], .button {padding: 3px 10px; font-size: 16px; background: url(../images/bg-bto.png) repeat-x; color: #ffcf00; text-transform: uppercase; text-decoration: none;}
/* .button:hover {color: #565656; background: #e1e1e1; text-decoration: none;} */
#bodycontent {
text-align: left;
position:relative;
width : 930px !important;
padding :0 0px 0 0px;
width /**/: 930px;
margin:0 auto;
/*height: auto !important; height: 100%; min-height: 100%;*/
background: #f1f1f1;
}
.noSelect p { margin:0px; }
/* testa */
#logdata { position:absolute; top:3px; right: 3px; }
#header {height:105px; position: relative; border-left: solid 4px #000; background: url(../images/bg-yellow.png) right repeat-y;}
#header a {text-decoration: none;}
#header-content {height:100px; margin: 0 0 0 1px; border-bottom: solid 4px #ffcf00; border-left: solid 4px #ffcf00; background: #f1f1f1;}
#logo {width: 266px; height: 49px; position: absolute; top: 30px; left: 20px;}
#linktop {width: 600px; height: 65px; line-height: 25px; position: absolute; top: 35px; right: 0px; text-align: right; font-size: 16px;}
#linktop ul {margin: 0px; padding: 0px; list-style: none; float: right;}
#linktop ul li {margin-left: 1px; float: left; text-align: center;}
#linktop ul li img {vertical-align: bottom;}
#linktop a.txt {color: #ffffff; line-height: 25px; width: 94px; background: #727272; display: block;}
#linktop a.txt:hover {color: #727272; background: #ffcf00; text-decoration: none;}
#linktop a.txt.attivo {color: #727272; background: #ffcf00;}
#menutop {border-right: solid 4px #ffcf00;}
#menutop-content {margin: 0px 1px 0 0; border-top: solid 4px #000; border-right: solid 4px #000; padding-bottom: 1px;}
#menutop ul {margin: 1px 0; padding: 0px; list-style: none; background:#e1e1e1; width: 920px; height: 30px;}
#menutop ul li {float: left;}
#menutop a {color: #565656; border-right: solid 1px #f1f1f1; line-height: 30px; font-size: 18px; display: block;text-decoration: none; padding: 0 11px; }
#menutop a:hover {background:#ffcf00; text-decoration: none;}
#menutop .attivo {background:#ffcf00;}
#menutop .menutopgrey {background:#adadad; width: 920px; height: 4px; margin: 0 1px 0 0;}
/* footer */
#footer {clear: both; font-size:11px; line-height: 14px; margin: 0px 0px 10px 0px; padding: 0px; text-align: left; border-left: solid 4px #000; border-bottom: solid 4px #000;}
#footer a {color:#3b3939; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#footer #footertit {margin: 1px 0 0 1px; background: #c8c8c8; padding: 10px 20px; font-weight: bold;}
#footer #footercontent {position: relative; margin: 0 0 0 1px; border-top: solid 4px #ffcf00; border-left: solid 4px #ffcf00;border-bottom: solid 4px #ffcf00;}
#footermenu {}
#footermenucontent{margin:0 0 0 1px; background: #ebebeb;}
#footerlogo {float: left; width: 190px;}
#footer .menu {float: left; width: 120px; margin: 10px 0 10px 10px;}
#footerpartners {float: right; text-align: right; margin: 10px 20px 10px 0px;}
#footerpartners img { margin-left: 20px;}
#footercopy {position: relative; margin: 1px 0 1px 1px; padding: 15px 5px; background: #ffcf00;}
#footersocial {position: absolute; bottom: 2px; right: 5px; text-align: right;}
#footersocial a { margin-left: 5px;}
/* menusx sx */
#menusx { width: 179px; margin: -15px 1px -15px 0px; }
#menusx ul {margin: 0px; padding: 0px; list-style: none; font-size: 14px;}
#menusx ul li {padding: 0 10px 4px;}
#menusx ul li.sezione {margin-bottom: 10px; padding: 0px 10px; background: #616161; font-size: 18px; line-height: 28px; color: #fff;}
#menusx ul li.sezione a {text-decoration:none; color:#fff;}
#menusx ul li a { color: #3b3939; text-decoration: none; font-size:15px;}
#menusx ul li.attivo a {font-weight: bold;}
#menusx ul li span {font-family: arial; font-size:12px;}
#floatcontent { float:right; width: 725px; padding: 0 8px 0 8px; background:#F1F1F1; min-height:80px; }
#pagebg { background: #FFCF00; margin: -15px; }
#menusxcli {float: left; width: 179px; margin-right: 1px;}
#menusxcli ul {margin: 0px; padding: 0px; list-style: none; font-size: 14px;}
#menusxcli ul li {padding-bottom:4px;}
#menusxcli ul li.sezione {margin-bottom: 10px; padding: 0px 10px; background: #616161; font-size: 18px; line-height: 28px; color: #fff;}
#menusxcli ul li.sezione a {text-decoration:none; color:#fff;}
#menusxcli ul li a {padding: 0px 10px; color: #3b3939; text-decoration: none; font-size:15px;}
#menusxcli ul li.attivo a {font-weight: bold;}
#menusxcli ul li span {font-family: arial; font-size:12px;}
/* pagine */
#corpo {clear: both; text-align: left; border-right: solid 4px #ffcf00; background: url(../images/bg-corpo.png) left bottom no-repeat; padding-bottom: 1px;}
#corpohome {clear: both; text-align: left; border-right: solid 4px #ffcf00; background: url(../images/bg-corpo.png) left bottom no-repeat; padding-bottom: 1px;}
#corpounico {clear: both; text-align: left; border-right: solid 4px #ffcf00; background: url(../images/bg-corpo.png) left bottom no-repeat; padding-bottom: 1px;}
#content {margin: 0 1px 0 0; border-right: solid 4px #000; border-bottom: solid 4px #000;}
#contentmenu {margin: 0 1px 0 0; border-right: solid 4px #000; border-bottom: solid 4px #000; background: url(../images/bg-corpo-menu.png) repeat-y; }
#colonnacentrale {float: left; width: 740px;}
#colonnacentraleunica {float: left; width: 920px; background: #fff;}
#contentcentrale {padding: 15px; background: #F1F1F1;}
ul.ulnostyle {list-style: none; padding: 0px; margin:0;}
ul.ulnostyle li {margin:0; padding: 0px;}
#imgprinc {margin: 0px 1px 1px 0; width: 740px; height: 190px; overflow: hidden;}
#imgprincunica {margin: 0px 1px 1px 0; width: 920px; height: 190px; overflow: hidden;}
#categoriapage {margin-bottom:1px; padding: 10px; font-size: 18px; background: #e1e1e1;}
#titolonepage {margin-bottom: 1px; padding: 10px; font-size: 25px; background: #ffcf00;}
#titolopage {margin-bottom: 1px; padding: 5px 10px; font-size: 25px; background: #ffcf00;}
#sottotitolopage {margin-bottom:1px; padding: 5px 10px; font-size: 18px; color: #fff; background: #616161;}
#testopage { margin: 10px 0; font-size:14px; font-family: Arial, Helvetica, sans-serif;}
#testopage p { margin: 0 0 0.1em; text-align: justify; }
.testopage { margin: 10px 0; font-size:14px; font-family: Arial, Helvetica, sans-serif;}
.testopage p { margin: 0 0 0.1em; text-align: justify; }
.titolopage {margin-bottom: 1px; padding: 5px 10px; font-size: 20px; background: #ffcf00;}
.immaginitit {padding: 5px 0px; margin: 0px; font-size: 18px; line-height: 18px; font-weight: normal; border-bottom: solid 1px #ffcf00;}
.immaginilist {margin: 15px 0px 20px 0px; clear: both;}
.immaginilist ul {list-style: none; padding: 0px; margin:0;}
.immaginilist li {float: left; margin: 0 25px 25px 0; overflow: hidden; width: 90px; height: 60px;}
.gallerytit {padding: 5px 0px; margin: 0px; font-size: 18px; line-height: 18px; font-weight: normal; border-bottom: solid 1px #ffcf00;}
.gallerylist {margin: 15px 0px 20px 0px; clear: both;}
.gallerylist ul {list-style: none; padding: 0px; margin:0;}
.gallerylist li {margin-bottom: 5px;}
li#nav {text-align: right; padding: 10px 0 0 0; margin: 0px; border-top: solid 1px #ffcf00; font-size: 12px;}
li#nav a {font-size: 12px; color: #ffcf00;}
li#nav span {float: left;}
/* slide */
#slide {width: 920px; height: 240px; position: relative; overflow: hidden;}
#slideimg {width: 920px; height: 240px; overflow: hidden; z-index: 1;}
#slidetxt {width: 180px; height: 240px; position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: 3; background: url(../images/bg-slidetxt.png);}
#slidetxtcontent {color: #2a7ca1; font-size: 24px; padding: 20px;}
#slideombra {width: 920px; height: 4px; position: absolute; bottom: 0px; left: 0px; overflow: hidden; z-index: 2; background: url(../images/bg-slideombra.png);}
@media screen and (max-width:768px) {
#slide,
#slideimg,
#slideombra,
#slidetxt {
display:none !important;
}
}
/* home */
#hometrovadominio {margin: 1px 0;}
#hometrovadominioform {background: #ffcf00; color: #3b3939; font-size: 16px; padding:20px 10px;}
#hometrovadominiotit {margin-bottom: 2px; background: #616161;color: #fff; font-size: 18px; line-height: 30px; padding:0 10px;}
#homeservizi {}
#homeservizi ul {margin: 0px; padding: 0px; list-style: none; float: right;}
#homeservizi ul li {margin-right: 1px; width: 183px; height: 160px; float: left; text-align: center; }
#homeservizi ul li#hsdomini {background: url(../images/home-bg-domini.png) left 30px #fff repeat-x; color: #fff; font-size: 12px; width: 184px;}
#homeservizi ul li .hstit a { color: #ffcf00; text-decoration: none; }
#homeservizi ul li .hstxt a { color: #fff; text-decoration: none; }
#hsdomini .hstit {font-size: 20px; line-height: 30px; color: #ffcf00; background: #289f32;}
#hshosting {background: url(../images/home-bg-hosting.png) left 30px #fff repeat-x; color: #fff; font-size: 12px;}
#hshosting .hstit {font-size: 20px; line-height: 30px; color: #ffcf00; background: #286598;}
#hscloud {background: url(../images/home-bg-cloud.png) left 30px #fff repeat-x; color: #fff; font-size: 12px;}
#hscloud .hstit {font-size: 20px; line-height: 30px; color: #ffcf00; background: #348c7b;}
#hsserver {background: url(../images/home-bg-server.png) left 30px #fff repeat-x; color: #fff; font-size: 12px;}
#hsserver .hstit {font-size: 20px; line-height: 30px; color: #ffcf00; background: #9d8e00;}
#hsr1soft {background: url(../images/home-bg-r1soft.png) left 30px #fff repeat-x; color: #fff; font-size: 12px;}
#hsr1soft .hstit {font-size: 20px; line-height: 30px; color: #ffcf00; background: #ba1400;}
#hsdomini .hstit,
#hsdomini .hstit a,
#hscloud .hstit,
#hscloud .hstit a,
#hsserver .hstit,
#hsserver .hstit a {color: #111111;}
#hshosting .hstit,
#hshosting .hstit a,
#hsr1soft .hstit,
#hsr1soft .hstit a {color: #ffffff;}
#homeservizi ul li#hsdomini .hstit,
#homeservizi ul li#hsdomini .hstit a,
#homeservizi ul li#hscloud .hstit,
#homeservizi ul li#hscloud .hstit a,
#homeservizi ul li#hsserver .hstit,
#homeservizi ul li#hsserver .hstit a {color: #111111;}
#homeservizi ul li#hshosting .hstit,
#homeservizi ul li#hshosting .hstit a,
#homeservizi ul li#hsr1soft .hstit,
#homeservizi ul li#hsr1soft .hstit a {color: #ffffff;}
.hstxt {height: 30px; margin: 10px 10px 0 10px; color: #fff; font-size: 12px;}
.hsimg {height: 70px; margin-top: 10px;}
/* domini */
#testopagedomini {text-align: center; font-size: 16px; padding:20px 10px;}
#domaininame {font-size: 28px;}
/* tabella */
#tabella {width: 100%; border-collapse: collapse; margin-bottom: 30px;}
#tabella th, #tabella td {border: solid 1px #f1f1f1; padding: 5px;}
#tabella th {background: #cecece; font-size: 16px; font-weight: normal;}
#tabella td {background: #e9e9e9;}
#tabella td.bianca, #tabella th.bianca {background:none;}
#tabella tr.intestazione td, #tabella tr.intestazione th {background: #ffcf00;}
.intestazione {background: #ffcf00;}
#tabellariga {width: 100%; border-collapse: collapse; margin-bottom: 30px;}
#tabellariga th, #tabellariga td {border-bottom: solid 1px #f1f1f1; padding: 10px 5px;}
#tabellariga th {background: #cecece; font-size: 20px; font-weight: normal;}
#tabellariga td {background: #e9e9e9; padding: 10px;}
#tabellariga td.bianca, #tabellariga th.bianca {background:none;}
#tabellariga tr.intestazione td, #tabellariga tr.intestazione th {background: #ffcf00;}
#tabellariga .taglio {font-family: 'RopaSansRegular';}
#tabellariga .descrizione {font-size: 11px;} font-size: 25px;
/* contatti */
#sedi {margin-bottom: 20px;}
#sedi div {float: left; margin: 0 20px 15px 0; width: 230px;}
#sedi div.fineriga {margin: 0 0 15px 0;}
#contatti {margin-bottom: 20px; clear: both;}
#riferimenti {margin-bottom: 5px; font-size: 16px;}
#contatti table {width: 100%; border-collapse: collapse;}
#contatti th {padding:5px 10px 5px 5px; text-align: left; border-top: solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; background: #e7e5e5; text-transform: uppercase;}
#contatti td {padding:5px 10px 5px 5px; text-align: left; vertical-align: top; border-bottom: solid 1px #c6c6c6;}
/*other*/
#hostingplans { font-size:14px; }
/*#hostingplans table { width: 100%; } */
#hostingplans div div { padding:6px; float:left; border: solid 1px #f1f1f1; padding: 0px; font-size:14px; text-align:right; }
#hostingplans div div div { float:none; }
#hostingplans .intestazione { background: #ffcf00; font-size: 16px; font-weight: normal; line-height: 14px; text-align:left;}
#hostingplans td.intestazione { text-align:center;}
#hostingplans .titolo {font-size:16px; text-align:center; background: #CECECE; padding: 5px 0px;}
#hostingplans .intestazione .titolo { background: #ffcf00; line-height:18px; background: #F1F1F1; padding: 5px 0px; }
/* #hostingplans .intestazione .titolo { line-height:18px; } */
#hostingplans .intestazione1 { background: #ffcf00; font-size: 16px; font-weight: normal; line-height: 14px; text-align:center; padding: 5px 0px; width: 220px; }
#hostingplans .acquista {text-align:center;}
#hostingplans div div.detail { float:left; width:220px; }
#hostingplans div div.detail select, #hostingplans div div.detail option { text-align:right; }
#hostingplans div div.details { float:left; width:220px; }
#hostingplans div div.details select, #hostingplans div div.detail option { text-align:right; }
#hostingplans div div.price { float:right; text-align:right; width:220px; clear:right; }
#hostingplans td { text-align:right; }
#hostingplans td.closeitem { line-height:0px; border-top: 1px solid #727272; }
/* #hostingplans p { text-align: center; } */
#hostingplans .hosting-title { font-size:16px; font-weight: bold; text-align:center; margin-top: 20px; background-color: #cecece; }
#serverplans { font-size:14px; }
/*#serverplans table { width: 100%; } */
#serverplans div div { padding:6px; float:left; border: solid 1px #f1f1f1; padding: 0px; font-size:14px; text-align:right; }
#serverplans div div div { float:none; }
#serverplans .intestazione { background: #ffcf00; font-size: 16px; font-weight: normal; line-height: 14px; text-align:left;}
#serverplans td.intestazione { text-align:center;}
#serverplans .titolo {font-size:16px; text-align:center; background: #CECECE; padding: 5px 0px;}
#serverplans .intestazione .titolo { background: #ffcf00; line-height:18px; background: #F1F1F1; padding: 5px 0px; }
/* #serverplans .intestazione .titolo { line-height:18px; } */
#serverplans .intestazione1 { background: #ffcf00; font-size: 16px; font-weight: normal; line-height: 14px; text-align:center; padding: 5px 0px; width: 146px; }
#serverplans .acquista {text-align:center;}
#serverplans div div.detail { float:left; width:146px; }
#serverplans div div.detail select, #serverplans div div.detail option { text-align:right; }
#serverplans div div.details { float:left; width:220px; }
#serverplans div div.details select, #serverplans div div.detail option { text-align:right; }
#serverplans div div.price { float:right; text-align:right; width:220px; clear:right; }
#serverplans td { text-align:right; }
#serverplans td.closeitem { line-height:0px; border-top: 1px solid #727272; }
#serverplans p { text-align: center; }
.intestazione p { margin-left:3px; }
.intestazione .titolo { margin-left:0px; }
#caratteristiche div { float:left; width:48%; background: #F1F1F1; margin:15px 2% 15px 0px; }
#caratteristiche .titolo { display:block; float:none; margin: 0 5px 5px; font-size:16px; width:100%; font-weight: bold; }
#caratteristiche span { display:block; float:none; margin: 0 5px 5px; font-size:14px; }
#serverplans th.intestazione1 { background: #ffcf00; font-size: 16px; font-weight: normal; line-height: 14px; text-align:center; padding: 5px 0px; width: 20%; }
#serverplans td.slide { width:50%; padding: 1px 10px; }
#serverplans td div.cprice { display:inline; }
a.buttongrey {color: #565656; padding: 0 15px; border-right: solid 1px #f1f1f1; line-height: 30px; font-size: 18px; text-decoration: none; border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; }
a.buttongrey:hover {background:#ffcf00; text-decoration: none;}
a.attivogrey {background:#ffcf00;}
a.buttongrey {color: #ffcf00; line-height: 25px; width: 94px; background: #727272; margin-right: 4px; padding: 3px 10px; border: 1px solid #555; margin-bottom:15px; }
a.buttongrey:hover {color: #727272; background: #ffcf00; text-decoration: none;}
a.attivogrey {color: #727272; background: #ffcf00; }
#restable { width: 100%; display:none; }
#restable th { text-align: left; }
#restable td { text-align: left; }
#restable .prezzo { text-align: right; }
#infodom table {width:100%;}
#infodom table th { text-align:right; }
#infodom table td { text-align:right; }
.hosting, .dns { display:none; width:75%; margin-left:25%; }
.hostingdetails { display:block; float:none; }
.hostingtable th { background: #ffcf00; font-size: 16px; font-weight: normal; line-height: 14px; text-align:center; padding: 5px 0px; }
.hostingtable td { width:220px; }
.addons { display:none; }
#hostingplans .addons .price { width: 100px; }
.intestazione { background: #ffcf00; font-size: 16px; font-weight: normal; line-height: 14px; text-align:center; padding: 5px 0px; }
.customns { display:none; }
.regform table { width:100%; }
.regform table th { width:25%; }
.regform table td { text-align: left; }
.tab { margin-top: -11px; height:28px; }
.tab a {margin-bottom: 10px; padding: 5px 10px 4px; font-size: 17px; line-height: 20px; color: #fff; text-decoration:none; color:#3b3939;}
.tab a.attivo {margin-bottom: 10px; padding: 5px 10px 4px; background: #616161; font-size: 17px; line-height: 20px; color: #fff; text-decoration:none; color:#fff;}
.area-clienti { min-height: 250px; margin-left:180px; }
.area-clienti div.titolo { font-size:16px; font-weight:bold; padding: 5px 0px; border-bottom: 1px solid silver; }
.area-clienti table { width:710px; font-size: 13px; margin-top:5px; }
.area-clienti table th, .area-clienti table td { padding:3px 1px; }
.odd { background-color: #D1D1D1; }
.ordini ul { padding:0px; list-style:none; }
.ordini ul li ul { padding:0px 0px 0px 8px; list-style:none; }
#pwmsg, #fancyiframe { display:none; }
#pwmsg { font-weight:bold;}
.infotable th { background: #CECECE; width:20%; text-align:left; }
.infotable td { text-align:left; }
.infotable td input[type=text], .infotable td textarea { width: 100%; }
input[type=text], input[type=password] { border:1px solid #8F8F8F; }
#mappa { width:640px; height:350px; }
#pagamento table { width: 100%; font-size:13px;}
#pagamento table td { vertical-align:top; font-family: arial; }
#pagamento table .remove { width: 25px; }
#pagamento table .service { width: 200px; }
#pagamento table .durata { width:100px; }
#pagamento table .price { width:100px; text-align: right; }
#pagamento .separator { border: 1px solid #727272; }
#hostingplans table.plan { width:100%; font-size: 16px; cellpadding: 1px; }
#hostingplans table.plan thead th { background: #CECECE; padding: 5px 0; text-align: center; }
#hostingplans table.plan thead th:last-child { background: #F1F1F1; }
#hostingplans table.plan td { padding: 5px 0; text-align:center; }
#hostingplans table.plan td.piano { background-color:#ffcf00; }
#hostingplans table.plan td.acquista { background-color:#F1F1F1; }
/* =========================================================
COOLNETWORK - LAYER CONTROLLI MODERNI (solo bottoni + input)
Non modifica layout, sfondi o card, solo aspetto dei controlli.
Puoi rimuoverlo in blocco se non ti piace.
========================================================= */
:root {
--cn-primary: #ffcf00; /* Giallo brand */
--cn-primary-dark: #e0b600; /* Giallo leggermente più scuro */
--cn-primary-foreground: #111; /* Testo su bottoni gialli */
--cn-input-border: #c4c4c4;
}
/* ========== BOTTONI ========== */
/* Bottoni generici del sito */
a.button,
input[type="button"],
input[type="submit"],
.button {
display: inline-block;
padding: 5px 14px;
font-size: 13px;
font-weight: 600;
font-family: inherit;
border-radius: 4px; /* leggero arrotondamento, non pillone */
border: 1px solid #b08a00;
background: linear-gradient(135deg, #ffde4d, var(--cn-primary));
color: var(--cn-primary-foreground) !important;
text-decoration: none;
text-transform: none;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.18);
cursor: pointer;
}
/* Hover: un filo più chiaro, senza cambiare layout */
a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover {
background: #ffd94b;
text-decoration: none;
}
/* Active: effetto "premuto" leggerissimo */
a.button:active,
input[type="button"]:active,
input[type="submit"]:active,
.button:active {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
/* Per sicurezza: link testuali normali NON vengono toccati */
a:not(.button) {
/* nulla qui: ereditano lo stile storico */
}
/* ========== INPUT / SELECT / TEXTAREA ========== */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
border-radius: 3px;
border: 1px solid var(--cn-input-border);
padding: 4px 8px;
font-size: 13px;
font-family: inherit;
background-color: #ffffff;
color: #111;
box-sizing: border-box;
}
/* Focus più visibile ma discreto */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
outline: none;
border-color: #4b5563;
}
/* Per non sballare i layout stretti (es. form dominio),
riduco leggermente l’altezza sui device piccoli */
@media screen and (max-width: 768px) {
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
padding: 3px 6px;
font-size: 12px;
}
a.button,
input[type="button"],
input[type="submit"],
.button {
padding: 4px 12px;
font-size: 12px;
}
}
.cn-tld-flag-wrap {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
line-height: 1;
min-width: 0;
}
.cn-tld-flag {
width: 14px;
height: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
align-self: center;
vertical-align: middle;
line-height: 0;
flex-shrink: 0;
pointer-events: none;
}
.cn-tld-flag-emoji {
font-size: 14px;
line-height: 1;
}
.cn-tld-flag svg {
width: 14px;
height: 14px;
display: block;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.cn-tld-label,
.cn-tld-name {
display: block;
line-height: 1.1;
white-space: nowrap;
}