/* Mediterranean recipe entry - isolated to recipe modals */
#modal:has(#newName) .sheet,#privateRecipeModal:has(#privateName) .sheet{background:#faf8f0;color:#173d38;border-radius:25px 25px 0 0;padding:24px 19px 36px;max-width:640px}
#modal:has(#newName) .sheet h2,#privateRecipeModal:has(#privateName) .sheet h2{color:#123c39;font-size:27px}
.recipe-entry-options{display:grid;gap:11px;margin:18px 0}
.recipe-entry-option{display:flex;align-items:center;gap:15px;width:100%;border:1px solid #d7d2c2;border-radius:17px;padding:15px;text-align:left;background:#fffaf1;color:#203d3a;cursor:pointer}
.recipe-entry-option:nth-child(1){border-color:#bd7155;background:#fcf1e9}
.recipe-entry-option:nth-child(2){border-color:#668a79;background:#f0f3e9}
.recipe-entry-option:nth-child(3){border-color:#c59b45;background:#fff7e5}
.recipe-entry-option .entry-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;background:#bb583b;color:white;font-size:23px}
.recipe-entry-option:nth-child(2) .entry-icon{background:#576d37}
.recipe-entry-option:nth-child(3) .entry-icon{background:#b7831e}
.recipe-entry-option strong{display:block;font-size:16px;line-height:1.3}
.recipe-entry-option small{display:block;font-size:12px;color:#68736d;margin-top:3px}
.recipe-entry-option.active{outline:2px solid #194c53;outline-offset:1px}
.recipe-entry-panel{padding:15px;background:#fff;border-radius:17px;margin:10px 0 18px;border:1px solid #ded7c8}
.recipe-entry-panel input[type=url],.recipe-entry-panel input[type=file]{width:100%;max-width:100%;box-sizing:border-box}
.recipe-entry-panel .secondary{background:#1b6673;color:white;border:0;border-radius:12px;margin-top:8px;padding:12px}
.recipe-entry-heading{font-weight:750;font-size:20px;color:#194c53;margin:18px 0 12px}
#modal:has(#newName) .sheet input:not([type=file]),#modal:has(#newName) .sheet select,#modal:has(#newName) .sheet textarea,#privateRecipeModal:has(#privateName) .sheet input:not([type=file]),#privateRecipeModal:has(#privateName) .sheet select,#privateRecipeModal:has(#privateName) .sheet textarea{border:1px solid #d9d0c0;border-radius:13px;background:white;margin-bottom:10px;box-sizing:border-box}
#modal:has(#newName) .sheet .primary,#privateRecipeModal:has(#privateName) .sheet .primary{background:#bb563a;color:white;border-radius:15px;padding:15px;font-weight:750}
#privateRecipeModal .recipe-share-clara{background:#1c6471;color:white;border-radius:15px;width:100%;padding:14px;font-weight:750}
/* Full-height mobile entry screen and reliable two-way scrolling */
.modal.show:has(#newName),.modal.show:has(#privateName){align-items:stretch!important;justify-content:center!important;overflow:hidden!important;inset:0!important;padding:0!important;position:fixed!important}
.modal.show:has(#newName)>.sheet,.modal.show:has(#privateName)>.sheet{width:100%!important;max-width:760px!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;margin:0 auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:auto;scroll-padding-top:24px;box-sizing:border-box;border-radius:0!important;padding:calc(22px + env(safe-area-inset-top)) 18px calc(95px + env(safe-area-inset-bottom))!important;background:#faf7ee!important}
.modal.show:has(#newName)>.sheet>.close,.modal.show:has(#privateName)>.sheet>.close{position:sticky;top:0;z-index:5;float:left;margin:0 8px 10px 0;background:#f4e9dc}
.recipe-entry-options{clear:both;gap:10px;margin:14px 0 22px}
.recipe-entry-option{min-height:98px;position:relative;overflow:hidden;border-radius:17px!important;padding:15px!important;box-shadow:0 2px 8px #463a2010}
.recipe-entry-option:after{content:'›';position:absolute;right:14px;top:29px;font-size:30px;font-weight:300;color:#8b5a34}
.recipe-entry-option:nth-child(1){background:linear-gradient(105deg,#fae8dc 0%,#fff2e8 72%,#ead8c5 100%)}
.recipe-entry-option:nth-child(2){background:linear-gradient(105deg,#eff0e4 0%,#f6f4e9 70%,#c8c9ae 100%)}
.recipe-entry-option:nth-child(3){background:linear-gradient(105deg,#fff2d9 0%,#fff8e9 72%,#e8dbad 100%)}
.recipe-entry-option strong{font-family:Georgia,serif;font-size:18px;color:#173d36}
.recipe-entry-option small{max-width:245px;font-size:13px;line-height:1.35}
.recipe-entry-option .entry-icon{width:54px;height:54px;flex-basis:54px;font-size:27px}
.recipe-entry-heading{background:#fffdf8;border-radius:18px 18px 0 0;padding:18px 16px 4px;margin:18px 0 0;font-family:Georgia,serif;font-size:23px}
.recipe-entry-heading:after{content:'Completa la información básica de tu receta.';display:block;font:13px system-ui;color:#817b70;margin-top:3px}
.recipe-entry-heading~input,.recipe-entry-heading~select,.recipe-entry-heading~textarea{background:white}
.modal.show:has(#newName)>.sheet .primary,.modal.show:has(#privateName)>.sheet .primary{width:100%;min-height:54px;border-radius:26px;background:#bf5538!important;color:#fff!important}
.recipe-entry-panel[hidden],.recipe-entry-panel [hidden]{display:none!important}
/* Approved Mediterranean composition: olive-branch illustration and warm editorial header */
#modal:has(#newName) .sheet h2,#privateRecipeModal:has(#privateName) .sheet h2{font-family:Georgia,serif!important;font-size:31px!important;line-height:1.16;max-width:76%;margin:16px 0 9px!important;color:#264c40!important}
#modal:has(#newName) .sheet h2:after,#privateRecipeModal:has(#privateName) .sheet h2:after{content:'';display:block;width:100px;height:55px;margin:4px 0 -4px;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 125 70'%3E%3Cpath d='M8 62Q58 48 112 6' fill='none' stroke='%23717d4e' stroke-width='2.4'/%3E%3Cg fill='%2392a16a' stroke='%2367784a' stroke-width='1'%3E%3Cellipse cx='30' cy='48' rx='13' ry='5' transform='rotate(-33 30 48)'/%3E%3Cellipse cx='48' cy='53' rx='13' ry='5' transform='rotate(24 48 53)'/%3E%3Cellipse cx='64' cy='30' rx='14' ry='5' transform='rotate(-37 64 30)'/%3E%3Cellipse cx='83' cy='31' rx='13' ry='5' transform='rotate(32 83 31)'/%3E%3Cellipse cx='97' cy='12' rx='12' ry='5' transform='rotate(-40 97 12)'/%3E%3C/g%3E%3Cg fill='%23576535'%3E%3Cellipse cx='54' cy='43' rx='5' ry='7' transform='rotate(30 54 43)'/%3E%3Cellipse cx='89' cy='19' rx='5' ry='7' transform='rotate(35 89 19)'/%3E%3C/g%3E%3C/svg%3E")}
.modal.show:has(#newName)>.sheet,.modal.show:has(#privateName)>.sheet{overflow-y:scroll!important;touch-action:pan-y!important;overscroll-behavior:contain!important;padding-top:calc(24px + env(safe-area-inset-top))!important;padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
.recipe-entry-options{margin-top:16px!important}
.recipe-entry-option{border-width:1.5px!important}
.recipe-entry-option.active{outline:2px solid #667d60!important}