/* mod_smartsearch — registered via registerAndUseStyle() in the module
   entry .php so this loads ONLY where the module actually renders. */

.main-landing .ss-search-block{
  position:relative;top:50%;z-index:1;
  width:980px;max-width:calc(100% - 30px);
  padding:0;
}

.ss-search-inputs{
  padding:10px 10px 10px 0;
  background:#fff;
  border:1px solid #f1f1f1;border-radius:5px;
  box-shadow:0 1px 4px 0 rgba(0,0,0,.13);
}
.ss-search-inputs form{display:flex;flex-direction:row;justify-content:center;}
.ss-search-inputs.error{border-color:#d93025;}

.ss-search-inputs input{
  font-family:inherit;
  display:flex;flex:1;
  height:54px;min-height:54px;
  padding:12px 14px;margin-left:-1px;
  border:0;outline:0;text-decoration:none;
  font-size:1rem;color:#212121;
  box-sizing:border-box;
}
.ss-search-inputs.error input{
  color:#d93025;
  margin-left:0;text-indent:-1px;
}

#ss-search-submit-button{
  position:relative;overflow:hidden;
  height:54px;float:right;margin:0;padding:.782rem 1.5rem;
  background-color:var(--search-submit-btn-color);
  color:var(--search-submit-btn-text-color);
  border:1px solid #dfdfdf82;border-radius:4px;
  font-size:.975rem;font-weight:500;line-height:1.34;
  white-space:nowrap;cursor:pointer;
}

#ss-search-cuisines,
#ss-search-delivery,
#ss-search-addresses{
  height:54px;margin:0 10px;padding:0 20px 0 10px;
  color:#444;
  background:#fff;
  border:1px solid #bbb;border-radius:4px;
  /* native chevron replaced with an inline SVG indicator */
  background-position:95% 50%;background-repeat:no-repeat;background-size:15px 15px;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 16.933333 16.933333' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3e%3cg id='layer1' transform='translate(0 -280.067)'%3e%3cpath id='path828' d='m8.40625 281.12695a1.0584391 1.0584391 0 0 0 -.5742188.20899l-4.234375 3.17578a1.0587895 1.0587895 0 1 0 1.2714844 1.69336l3.5976563-2.69922 3.5976561 2.69922a1.0587897 1.0587897 0 1 0 1.271485-1.69336l-4.2343755-3.17578a1.0584391 1.0584391 0 0 0 -.6953125-.20899z'/%3e%3cpath id='path830' d='m12.722656 290.64062a1.0584391 1.0584391 0 0 0 -.658203.22266l-3.5976561 2.70508-3.5976563-2.70508a1.0584391 1.0584391 0 1 0 -1.2714844 1.69141l4.2324219 3.18359a1.0584391 1.0584391 0 0 0 1.2734375 0l4.2324224-3.18359a1.0584391 1.0584391 0 0 0 -.613282-1.91407z'/%3e%3c/g%3e%3c/svg%3e");
  -webkit-appearance:none;-moz-appearance:none;
  cursor:pointer;
}
#ss-search-addresses{
  flex:auto;height:54px;margin:0;
  color:#212121;
  border:0;
  box-sizing:border-box;
}

#ss-new-change-addr-btn{
  position:absolute;left:35px;bottom:-35px;
  padding:10px 20px 10px 10px;
  background:#fff;color:#212121;
  border:unset;border-radius:5px;
  box-shadow:0 1px 4px 0 rgba(0,0,0,.13);
  cursor:pointer;
}
/* corner-mask ::before/::after — fake the curved cut-outs into the
   landing background so the button looks tab-attached to the search bar. */
#ss-new-change-addr-btn::after{
  content:'';position:absolute;top:-5px;right:-15px;
  width:15px;height:15px;
  border:6px solid #fff;border-right:0;border-bottom:0;
  border-radius:15px 0 0 0;
}
#ss-new-change-addr-btn::before{
  content:'';position:absolute;top:-5px;left:-15px;
  width:15px;height:15px;
  border:6px solid #fff;border-left:0;border-bottom:0;
  border-radius:0 15px 0;
}

@media (max-width:680px){
  .main-landing .ss-search-block{top:45%;}
  .ss-search-inputs{padding:0;}
  .ss-search-inputs form{flex-direction:column;}
  .ss-search-inputs input{margin-left:0;}
  .ss-search-inputs.error input{text-indent:0;}
  #ss-search-cuisines,
  #ss-search-delivery,
  #ss-search-addresses{margin:0;border-radius:0;}
  #ss-search-address{border-top-right-radius:5px;border-top-left-radius:5px;}
  #ss-search-submit-button{border-top-left-radius:0;border-top-right-radius:0;}
}