/* Header telephone follows the TRI-FACILE reference. */
#header .header-top-right>.ddd-header-phone{display:flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;min-height:44px;color:#262626;font-size:13px;line-height:1.4;text-decoration:none;white-space:nowrap}
#header .ddd-header-phone svg{flex:0 0 22px;width:22px;height:22px;color:#005172}
#header .ddd-header-phone strong{font:inherit;font-weight:500}
#header .ddd-header-phone:hover{color:#a72f28}
#header .ddd-header-phone:focus-visible{outline:2px solid #b7322b;outline-offset:3px;border-radius:3px}
@media(min-width:768px){
 #header .header-top-right>#search_widget{flex:1 1 0%;width:auto;min-width:0;margin-right:10px}
}
@media(max-width:767px){
 #header .header-top-right{grid-template-columns:minmax(0,1fr);row-gap:4px}
 #header .header-top-right>.ddd-header-phone{justify-self:center;margin:0 0 6px}
}

@media(max-width:767px){
 #header .header-top-right>#search_widget{grid-row:1}
 #header .header-top-right>.ddd-header-phone{grid-row:2}
}

/* Quotation belongs in the upper header, beside the phone. */
#header .header-top-right>.ddd-header-quote{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:12px 18px;border:1px solid #202320;border-radius:30px;background:#202320;color:#fff;font-size:13px;font-weight:600;line-height:1.4;text-align:center;white-space:nowrap;text-decoration:none}
#header .ddd-header-quote:hover{background:#3b403b;border-color:#3b403b;color:#fff}
#header .ddd-header-quote:focus-visible{outline:2px solid #b7322b;outline-offset:3px}
@media(min-width:768px) and (max-width:1199px){
 #header .header-top-right{gap:12px}
 #header .header-top-right>#search_widget{margin-left:20px;margin-right:0}
}
@media(min-width:768px) and (max-width:991px){
 #header .header-top-right{flex-wrap:wrap;justify-content:flex-end}
 #header .header-top-right>#search_widget{flex-basis:100%;margin:0}
}
@media(max-width:767px){
 #header .header-top-right{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:8px}
 #header .header-top-right>#search_widget{grid-column:1 / -1;grid-row:1}
 #header .header-top-right>.ddd-header-phone{grid-column:1;grid-row:2;justify-self:center;margin:0 0 6px}
 #header .header-top-right>.ddd-header-quote{grid-column:2;grid-row:2;justify-self:center;padding:12px 14px;margin:0 0 6px}
}